.tool-page {max-width:1080px;padding-top:1.3rem}
.breadcrumbs {font-size:.9rem;color:var(--muted);margin-bottom:1.6rem}
.tool-page h1 {font:700 clamp(2rem,4.5vw,3.3rem)/1.12 Georgia,serif;color:var(--navy);max-width:950px;letter-spacing:-.025em}
.page-intro {max-width:850px;font-size:1.05rem;margin:.9rem 0 1.5rem}
.tool-page .tool {border-color:var(--line);border-top:4px solid var(--gold);padding:1.3rem}
.tool-page label,.tool-page .formula summary {font-size:.9rem}
.tool-page .sub,.tool-page .note,.tool-page .src,.tool-page .out small {font-size:.95rem}
.tool-page .out {font-size:1.15rem}
.local-note,.review-note {font-size:.88rem;color:var(--muted)}
.explanation {max-width:800px;margin-top:2.5rem}
.explanation h2 {font:700 1.45rem/1.3 Georgia,serif;color:var(--navy);margin:2rem 0 .6rem}
.explanation p {line-height:1.75;margin:.6rem 0}
.explanation li {margin:.55rem 0}
.method {padding:1rem;border-left:3px solid var(--gold);background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem;line-height:1.7}
.tool-page th {font-size:.85rem}.tool-page td {font-size:.95rem}
.skip-link {position:absolute;top:-100px;left:1rem;background:white;padding:1rem;z-index:10}.skip-link:focus {top:0}
a:focus-visible,input:focus-visible,select:focus-visible {outline:3px solid #ae7c16;outline-offset:3px}
@media(max-width:720px){.tool-page .f{min-width:150px}.nav{flex-wrap:wrap}.site-nav{font-size:.9rem}.site-nav a:not(.nav-cta){display:inline}.brand-copy small{font-size:.7rem}.explanation{margin-top:1.8rem}}
@media(max-width:400px){.tool-page .f{flex-basis:100%}}