:root{--ink:#172d32;--muted:#53676a;--paper:#f5f6f2;--surface:#fff;--line:#d5dedb;--accent:#175c62;--pale:#dfedeb;--orange:#d77750;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:3px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em}h1{font-size:clamp(2.25rem,4.2vw,4rem);line-height:1.04;font-weight:650;margin:0 0 .65rem}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(2rem,3vw,3rem);line-height:1.08;margin-bottom:.8rem}h3{font-size:1.13rem;line-height:1.35}p,li{line-height:1.6}.masthead{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:1.45rem clamp(1.25rem,4vw,3.5rem);border-bottom:1px solid var(--line);gap:1rem}.wordmark{font-weight:750;text-decoration:none;font-size:1.1rem;white-space:nowrap;letter-spacing:-.04em}.mark{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;background:var(--ink);color:white;border-radius:4px;margin-right:.4rem}.masthead nav{display:flex;gap:clamp(.6rem,3vw,2rem)}nav a{font-size:.88rem;text-decoration:none;font-weight:650}nav a:hover,footer a:hover{text-decoration:underline}main{max-width:1320px;margin:auto;padding:0 clamp(1.25rem,4vw,3.5rem)}.intro{padding:2rem 0 1.5rem}.eyebrow,.number{font-size:.72rem;font-weight:800;letter-spacing:.18em;color:var(--accent)}.eyebrow{margin-bottom:.65rem}.lede{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.45;max-width:80ch;letter-spacing:-.02em;margin-bottom:.3rem}.sublede{color:var(--muted);max-width:80ch;margin-bottom:0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}.panel{padding:clamp(1.5rem,3.5vw,3rem);border:1px solid var(--line);background:var(--surface);min-width:0}.section-heading{margin-bottom:2rem}.section-heading p{color:var(--muted);max-width:42ch;margin-bottom:0}.number{display:block;margin-bottom:1.3rem}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel label{display:block;font-size:.84rem;font-weight:700;margin-bottom:1.25rem}.panel input:not([type=file]),.panel select{display:block;width:100%;height:3.25rem;margin-top:.55rem;border:1px solid #9dafad;border-radius:3px;background:#fff;color:var(--ink);padding:0 .9rem;font-size:1rem}.panel input::placeholder{color:#637579}.result{background:var(--ink);color:white;margin:1rem 0 2rem;padding:1.6rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.result span{font-size:.72rem;letter-spacing:.16em;font-weight:700}.result strong{font-family:Georgia,serif;font-weight:400;font-size:clamp(2rem,4vw,3.5rem);font-variant-numeric:tabular-nums}.panel hr{border:0;border-top:1px solid var(--line);margin:2.4rem 0}.compact{margin-bottom:1.5rem}.compact h2{font-size:1.75rem}.calculated{background:#edf4f2;padding:1rem 1.2rem;line-height:2}.calculated strong{font-variant-numeric:tabular-nums}.hint,.crop-details{color:var(--muted);font-size:.85rem}.drop{border:2px dashed #94afac;background:#f1f6f4;padding:1.4rem;text-align:center;margin:1.3rem 0}.drop.over{border-color:var(--orange);background:#f9eee8}.file-label{display:inline-block!important;background:var(--accent);color:white;padding:1rem 1.25rem;cursor:pointer;margin:0!important;min-height:48px}.file-label span{display:block;font-size:.72rem;font-weight:400;opacity:.9;margin-top:.2rem}.drop input{position:absolute;width:1px;height:1px;opacity:0}.drop:focus-within{outline:3px solid var(--orange);outline-offset:3px}.drop p{font-size:.82rem;color:var(--muted);margin:1rem 0 0}.preview-wrap[hidden],#crop-box[hidden],.error[hidden]{display:none}.stage{position:relative;display:block;width:100%;line-height:0;background:#d1d9d7;user-select:none;overflow:hidden}.stage img{display:block;width:100%;height:auto;pointer-events:none}#crop-box{position:absolute;border:2px solid white;box-shadow:0 0 0 1px #193d3d,0 0 0 999px #001d1b77;cursor:grab;touch-action:none;z-index:1}#crop-box:active{cursor:grabbing}.crop-guides{display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent 33.2%,#ffffff8c 33.3%,transparent 33.5%,transparent 66.5%,#ffffff8c 66.6%,transparent 66.8%),linear-gradient(transparent 33.2%,#ffffff8c 33.3%,transparent 33.5%,transparent 66.5%,#ffffff8c 66.6%,transparent 66.8%)}.crop-details{margin:1rem 0}.export-controls{display:flex;align-items:end;gap:1rem}.export-controls label{flex:1;margin:0}.export-controls button{border:0;background:var(--ink);color:white;min-height:3.25rem;padding:.7rem 1rem;font-weight:700;white-space:nowrap}.export-controls button:hover{background:var(--accent)}.error{color:#9b3428}.privacy-note{font-size:.85rem;color:var(--muted);padding-top:1rem;border-top:1px solid var(--line);margin-top:2rem}.ad-slot:empty{display:none}.guide{border-top:1px solid var(--line);padding:6rem 0;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.guide-body{max-width:60ch}.guide-body ol{padding-left:1.5rem}.guide-body li{padding-bottom:.6rem}.guide-body p{color:var(--muted)}.reference{border-top:1px solid var(--line);padding:4.5rem 0}.reference>p{color:var(--muted);max-width:65ch}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:540px}th,td{padding:1rem;border-bottom:1px solid var(--line)}th{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}td:first-child{font-family:Georgia,serif;font-size:1.3rem}.faq{border-top:1px solid var(--line);padding:5rem 0 7rem}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem 4rem}.faq-grid>div{border-top:1px solid var(--line);padding-top:1.5rem}.faq-grid p{color:var(--muted);max-width:50ch}footer{background:var(--ink);color:#f4f7f5;padding:3rem max(1.25rem,calc((100vw - 1208px)/2));display:flex;align-items:start;gap:3rem;justify-content:space-between}footer span{font-weight:750;white-space:nowrap}footer p{font-size:.85rem;max-width:55ch;color:#cad7d4}footer a{font-size:.85rem;white-space:nowrap}@media(max-width:800px){.tool-grid,.guide{grid-template-columns:1fr}.intro{padding:1.5rem 0 1.25rem}.guide{gap:1rem}.masthead nav{gap:1rem}.faq-grid{gap:1rem 2rem}}@media(max-width:540px){.masthead{align-items:center;padding:1rem clamp(1rem,4vw,1.5rem)}.wordmark{font-size:.9rem}.mark{width:1.5rem;height:1.5rem;margin-right:.3rem}.masthead nav{flex-wrap:nowrap;gap:.7rem}.masthead nav a{font-size:.72rem;white-space:nowrap}.intro{padding:1.25rem 0 1rem}.intro h1{font-size:2.4rem}.intro .lede{font-size:1rem}.intro .sublede{font-size:.88rem}.panel{padding:1.25rem}.section-heading{margin-bottom:1rem}.section-heading h2{font-size:1.75rem}.number{margin-bottom:.5rem}.two-fields{gap:.6rem}.result{padding:1rem}.result strong{font-size:2.2rem}.faq-grid{grid-template-columns:1fr}.guide,.reference,.faq{padding:3rem 0}footer{display:block}footer p{margin:1rem 0}.export-controls{flex-wrap:wrap}.export-controls button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Empty monetization slots reserve zero height until approved; no layout shift. */
.recommendation,.ad-slot{display:none}.breadcrumbs{padding:1.25rem 0 0;font-size:.85rem;color:var(--muted)}.breadcrumbs a{color:var(--accent)}.page-detail,.related{border-top:1px solid var(--line);padding:3rem 0}.page-detail p{max-width:70ch}.related ul{display:flex;flex-wrap:wrap;gap:.65rem 1.4rem;list-style:none;padding:0}.related li a{color:var(--accent);text-underline-offset:.2em}