:root{font-family:Inter,Arial,sans-serif;color:#161c22;background:#fafcfd;--teal:#087d77;--line:#d5e1ec;--mint:#e5f8f6}
*{box-sizing:border-box}
body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.05rem,4.5vw,3.35rem);letter-spacing:-.045em;line-height:1.08}h2{font-size:clamp(1.4rem,2.7vw,2rem);letter-spacing:-.035em;margin-bottom:.65rem}p{line-height:1.5}main>section,.method{margin-block:2rem}small{font-size:.8rem}.wrap{width:min(95%,1200px);margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:58px}.header nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.86rem;font-weight:700}header{border-bottom:1px solid var(--line);background:white}.home header{background:#064875;color:#fff}.home .header{min-height:36px}.brand{width:200px;height:auto}.home .hero .brand{width:min(340px,85%);margin:0 auto 1rem}.home{background:#eaf4fd}.hero{text-align:center}.hero p,.intro{color:#304257;margin-top:.4rem}.search-box{max-width:745px;margin:1.45rem auto 1rem;background:#fff;padding:.6rem;border-radius:26px;box-shadow:0 7px 15px #183b621d}.search{display:flex;align-items:center;gap:.65rem;border:1px solid var(--line);border-radius:9px;background:#fff;color:#13434a;padding:.25rem .3rem .25rem .65rem}.large-search{border-radius:32px}.search input{width:100%;min-width:0;border:0;background:transparent;padding:.35rem}.search button{border:0;border-radius:50%;background:var(--teal);color:white;width:2rem;height:2rem;flex:none}.chips{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center;margin-top:.6rem}.chips a,.eyebrow,.multiple{border-radius:20px;background:#d5f1f0;padding:.3rem .85rem;font-size:.82rem}.benefits{list-style:none;padding:0;display:flex;justify-content:space-evenly;gap:1rem;text-align:left;font-size:.88rem}.benefits li{display:flex;gap:.65rem;align-items:center}.benefits span,.panel-title>span{display:grid;place-items:center;color:var(--teal);background:var(--mint);border-radius:50%;font-size:1.45rem;width:2.55rem;height:2.55rem;flex:none}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.section-heading h2{margin-bottom:.1rem}.outline{border:1px solid var(--teal);border-radius:99px;padding:.55rem .8rem;white-space:nowrap;font-size:.83rem}.outline span,.tile span,.related span{color:var(--teal);float:right;margin-left:.5rem}.mosaic{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem}.mosaic>div{display:grid;align-content:start;gap:.8rem}.tile{display:block;background:white;border-radius:12px;overflow:hidden;box-shadow:0 3px 8px #092b5119}.tile img{width:100%;height:auto;aspect-ratio:1.12;object-fit:cover}.tile-2 img{aspect-ratio:.57}.tile-5 img,.tile-7 img,.tile-8 img{aspect-ratio:.70}.tile-6 img,.tile-9 img{aspect-ratio:1.35}.tile strong{display:block;padding:.72rem;font-size:.88rem}.footer{display:grid;grid-template-columns:2fr 1fr;gap:1.2rem}.footer p{max-width:330px;margin-top:.3rem}.footer a{display:block;margin-top:.3rem}.footer small{grid-column:1/-1;border-top:1px solid #87919a;padding-top:.75rem}footer{background:#1d2329;color:white;margin-top:2rem;padding:1.5rem 0;font-size:.88rem}.crumb{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin:1.1rem 0;font-size:.83rem}.crumb span{color:var(--teal)}.eyebrow{display:inline-block;font-weight:700;margin-bottom:.65rem;text-transform:uppercase;color:#104243}.calculator{padding:1rem 1.25rem;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:0 4px 12px #092b5112;margin:1.4rem 0 .7rem}.panel-title{display:flex;align-items:center;gap:.85rem;margin-bottom:.75rem}.panel-title h2{margin:0}.panel-grid,.method{display:grid;grid-template-columns:1fr 1fr;gap:1.35rem}.fields{display:grid;align-content:start;grid-template-columns:1fr 1fr;gap:1rem;padding-top:.85rem}.fields label{display:grid;gap:.35rem;font-weight:700;font-size:.9rem}.fields input,.fields select{width:100%;padding:.6rem;border:1px solid #acbdd0;border-radius:8px;background:#fff;color:#161c22;font-size:1.02rem}.wide{grid-column:1/-1}.instant{width:max-content;max-width:100%;border-radius:99px;background:#d5f1f0;color:#076d67;font-weight:700;padding:.58rem .85rem;grid-column:1/-1}.results{background:linear-gradient(120deg,#effcfb,#dcf4f2);border-radius:13px;padding:1rem 1.2rem}.results output{display:block;font-size:clamp(1.75rem,4vw,3rem);font-weight:800;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.multiple{display:inline-block;margin-top:.2rem}.results figure{margin:.7rem 0;text-align:center}.results canvas{display:block;width:100%;height:auto}.results figcaption{font-size:.8rem}.breakdown{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;border-top:1px solid var(--line);padding-top:.7rem;font-size:.82rem}.breakdown strong{display:block;font-size:1.15rem;overflow-wrap:anywhere}.notice{background:#e8eff5;border-radius:9px;padding:.6rem .85rem;font-size:.86rem}.method section+section{border-left:1px solid var(--line);padding-left:1.2rem}.steps{padding-left:1.5rem}.steps li{padding-left:.4rem;margin-block:1rem}.steps li::marker{color:var(--teal);font-weight:700}.formula{background:var(--mint);border-radius:10px;padding:.65rem .85rem;margin:.55rem 0}.method h3{margin-top:.85rem}details{border:1px solid var(--line);border-radius:9px;padding:.6rem .8rem;margin-bottom:.4rem;background:white}summary{cursor:pointer;font-weight:700}details p{margin-top:.55rem}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.related a{border:1px solid var(--line);border-radius:11px;padding:1rem;background:linear-gradient(156deg,#fff 75%,#d1f3f0 75%,#e5f8f6 85%,#bcf0e9 85%)}.related p{font-size:.88rem;margin:.35rem 0}.related small,#directory small{color:#40566a}#directory{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0}#directory section{padding:1rem;background:white;border:1px solid var(--line);border-radius:12px}#directory a{text-decoration:underline}#directory li{margin:.5rem 0}.error{color:#9c2022}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
:focus-visible{outline:3px solid #146aaf;outline-offset:3px}
@media(max-width:900px){.header{flex-wrap:wrap;padding:.5rem 0}.mosaic{grid-template-columns:repeat(3,1fr)}.related{grid-template-columns:repeat(2,1fr)}}
@media(max-width:630px){.wrap{width:92%}.header nav{gap:.65rem}.mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits{flex-direction:column;align-items:flex-start;padding-left:.5rem}.section-heading{align-items:start;flex-direction:column}.panel-grid,.method,.related,#directory{grid-template-columns:1fr}.method section+section{border-left:0;padding-left:0}.calculator{padding:.85rem}.footer{grid-template-columns:1fr}.results{padding:.85rem}}
