/* The fields, buttons and the photo-calculator cards are in shared/calculators.css and photo-calculators.css; the disc, the facts, the print rows and the preview are this tool's own. */
.mp-results{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:16px;align-items:center;margin:16px 0}
.mp-disc canvas{display:block;width:100%;max-width:320px;height:auto;margin:0 auto}
.mp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.mp-facts>div{padding:12px 16px;background:white;border:1px solid #ccd5df;border-radius:12px}
.mp-facts dt{font-size:.85rem;color:#3b4a5a}
.mp-facts dd{margin:4px 0 0;font-size:1.1rem;font-weight:700}
.mp-entries{display:grid;gap:12px;margin:12px 0}
.mp-entry{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end;padding:12px;background:white;border:1px solid #ccd5df;border-radius:12px}
.mp-entry button{justify-self:start}
.mp-preview{display:block;width:100%;max-width:496px;height:auto;margin:16px auto;border:1px solid #ccd5df;border-radius:8px}
.mp-downloads{display:flex;flex-wrap:wrap;gap:8px}
.calc-tool .mp-downloads button:disabled{opacity:.5;cursor:default}
@media (max-width:600px){.mp-results{grid-template-columns:minmax(0,1fr)}.mp-facts{grid-template-columns:minmax(0,1fr)}}