:root{--ink:#163b43;--muted:#536968;--paper:#f6f4ed;--line:#d6ddd5;--green:#dbe9c8;--accent:#bf603c;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bd603d;outline-offset:4px}[hidden]{display:none!important}a{color:inherit}.masthead,main,.site-footer{max-width:1160px;margin:auto}.masthead{display:flex;justify-content:space-between;align-items:center;padding:30px 32px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:1.3px}.brand-sub{display:block;font-size:9px;font-weight:400;margin-top:5px}.mark{position:relative;font-family:Georgia,serif;font-size:48px;line-height:40px;letter-spacing:-5px;width:42px}.mark span{position:absolute;font:22px Arial;right:0;top:0;color:var(--accent)}.header-note{font:italic 15px Georgia,serif;color:var(--muted)}main{padding:0 32px}.intro{display:flex;justify-content:space-between;align-items:center;padding:52px 0 42px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 16px}h1{font:52px/1.04 Georgia,serif;letter-spacing:-1.7px;margin:0 0 20px}h1 em{font-weight:400;color:#467b67}.lead{font-size:15px;line-height:1.65;color:var(--muted);margin:0}.desk-note{border-left:1px solid var(--line);padding:4px 25px;transform:rotate(-3deg);margin-right:28px}.desk-note p{font:23px/1.3 Georgia,serif}.note-number{font-size:11px;color:var(--accent);letter-spacing:2px}.small{font-size:12px;line-height:1.6;color:var(--muted)}.mode-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.mode{border:1px solid transparent;background:transparent;color:var(--muted);padding:18px 12px;text-align:left;font-size:14px;border-radius:10px 10px 0 0}.mode span{font-size:10px;margin-right:10px;opacity:.7}.mode.active{background:white;border-color:var(--line);border-bottom-color:white;color:var(--ink);font-weight:700;position:relative;z-index:1}.mode:hover{background:#e7ece1}.calculator{display:grid;grid-template-columns:1.35fr 1fr;border:1px solid var(--line);border-radius:0 0 14px 14px;overflow:hidden;margin-top:-1px;background:#fff;box-shadow:0 12px 25px #163b4305}.entry{padding:36px}.entry .eyebrow{color:var(--accent)}h2{font:29px/1.2 Georgia,serif;margin:0 0 10px;letter-spacing:-.5px}.hint{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 24px}label{display:block;font-size:12px;font-weight:700;margin:0 0 20px}input{display:block;width:100%;min-width:0;margin-top:9px;padding:13px 14px;border:1px solid #b9c9c1;border-radius:5px;color:var(--ink);background:#fafbf8;font-size:21px}input:focus{background:#fff}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.scale{border-top:1px solid var(--line);margin-top:12px;padding-top:20px}.scale summary{font-size:12px;font-weight:700;cursor:pointer;line-height:1.6}.scale summary span{display:block;font-size:11px;font-weight:400;color:var(--muted);margin:7px 0 0 15px}.scale .hint{margin-top:16px}.scale-row{display:grid;grid-template-columns:1fr 1fr 38px;gap:10px;align-items:center}.scale-row input{font-size:15px}.scale-row label{margin-bottom:8px}.scale-actions{display:flex;gap:10px;margin-top:10px}.result{background:var(--ink);color:#f6f4ed;padding:36px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.result .eyebrow{color:#bbd2ca}.result-value{font:84px/1.05 Georgia,serif;letter-spacing:-4px;margin:13px 0 18px;overflow-wrap:anywhere;max-width:100%}.result-value span{font-size:37px;letter-spacing:-1px;margin-left:4px}.grade-chip{background:var(--green);color:var(--ink);padding:8px 16px;border-radius:5px;font-weight:700;font-size:20px;max-width:100%;overflow-wrap:anywhere}.result p:not(.eyebrow){line-height:1.6;font-size:14px}.result-rule{height:1px;background:#537075;width:100%;margin-top:16px}.result .small{color:#c3d3ce;font-size:12px}.result .result-foot{color:#bbd2ca;font-size:11px!important;margin-top:auto;padding-top:20px}.result.error .result-value{font-size:36px;letter-spacing:-1px}.secondary,.primary{border:1px solid #b6c8bc;border-radius:5px;padding:11px 14px;min-height:42px;background:#f5f8f0;color:var(--ink);font-size:12px;font-weight:700}.primary{background:var(--ink);color:white;margin:0 0 6px;padding:14px 20px}.primary span{margin-left:20px}.remove{background:transparent;border:1px solid var(--line);border-radius:4px;width:36px;height:42px;color:var(--muted)}.component{display:grid;grid-template-columns:1.1fr 1fr 1fr 36px;gap:8px;align-items:center}.component input{font-size:16px;padding:11px 8px}.component label{font-size:10px;margin-bottom:14px}.component .remove{margin-top:8px}.desk-footer{display:flex;gap:18px;align-items:center;padding:28px 0 36px}.desk-footer p{font-size:12px;line-height:1.7;color:var(--muted)}.desk-footer p:last-child{margin-left:auto}.desk-footer strong{color:var(--ink)}.tiny-mark{display:grid;place-items:center;background:var(--green);border-radius:50%;width:30px;height:30px;flex-shrink:0}.site-footer{border-top:1px solid var(--line);padding:24px 32px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;justify-content:space-between;font-size:10px;color:var(--muted)}.table-wrap{margin-top:26px;background:white;border:1px solid var(--line);border-radius:10px;padding:28px}.table-heading{display:flex;justify-content:space-between;gap:20px}table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}caption{text-align:left;padding:12px 0;font-weight:700}th,td{text-align:right;padding:10px 12px;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}th{background:#edf2e8;font-size:11px}tbody tr:nth-child(even){background:#f7f9f3}.print-footer{display:none}.skip{position:absolute;top:-100px;left:20px;background:white;padding:15px;z-index:5}.skip:focus{top:10px}.noscript{padding:25px;background:#ffe7cd}.ad-slot{min-height:100px}#consent-root{max-width:1160px;margin:auto;padding:0 32px 22px;text-align:right}.consent-link{background:transparent;border:0;padding:0;font:inherit;font-size:10px;color:var(--muted);text-decoration:underline;text-decoration-color:var(--line)}.consent-link:hover{color:var(--ink)}
@media(max-width:700px){.masthead{padding:22px 20px}.header-note,.desk-note{display:none}main{padding:0 18px}.intro{padding:32px 2px 28px}h1{font-size:40px}.lead{font-size:13px}.mode-nav{grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;overflow:hidden}.mode{border:0;border-radius:0;padding:15px 12px;font-size:12px}.mode.active{background:var(--green);border:0}.mode span{margin-right:7px}.calculator{grid-template-columns:1fr;border-radius:0 0 10px 10px}.entry{padding:25px 20px}.result{padding:26px;min-height:300px}.result-value{font-size:68px;margin-top:3px}.result .result-foot{padding-top:12px}h2{font-size:26px}.field-pair{gap:12px}.desk-footer{padding:20px 0;gap:12px}.desk-footer p:last-child{display:none}.site-footer{padding:22px 20px;gap:15px;line-height:1.6}.site-footer span:last-child{max-width:130px;text-align:right}#consent-root{padding:0 20px 20px}.component{grid-template-columns:1fr 1fr 36px}.component label:first-child{grid-column:1/-1;margin-bottom:0}.component label:first-child input{font-size:14px;margin-top:6px}.component .remove{margin-top:8px}.table-wrap{padding:16px}.table-heading{display:block}th,td{padding:10px 5px}.scale summary span{font-size:10px}.brand{font-size:10px}.entry .eyebrow{font-size:9px}}
@media print{body{background:white;color:black}.masthead,.intro,.mode-nav,.calculator,.desk-footer,.site-footer,.skip,.ad-slot,#editorial-content,#consent-root{display:none!important}main{padding:0;max-width:none}.table-wrap{display:block!important;border:0;margin:0;padding:0}.table-heading .eyebrow{display:none}.print-footer{display:block;font-size:10px}table{font-size:10px}th,td{padding:5px}tr{break-inside:avoid}thead{display:table-header-group}.table-heading h2{font-size:24px}@page{margin:15mm}}

/* Editorial pages (fixed pages + guides) and the homepage editorial section. */
.breadcrumb{font-size:11px;color:var(--muted);margin:0 0 18px;display:flex;gap:8px;align-items:center}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb [aria-current]{color:var(--ink);font-weight:700}
.doc{max-width:720px;margin:44px auto 64px;padding:0 32px}
.doc h1{font:40px/1.1 Georgia,serif;letter-spacing:-1px;margin:0 0 28px}
.doc h2{margin-top:40px}
.doc h3{font:20px/1.3 Georgia,serif;margin:30px 0 10px;letter-spacing:-.3px}
.doc h4{font-size:15px;margin:22px 0 8px;font-weight:700}
.doc p,.doc ul,.doc ol{font-size:15px;line-height:1.7;margin:0 0 18px;color:var(--ink)}
.doc ul,.doc ol{padding-left:22px}
.doc li{margin-bottom:6px}
.doc blockquote{border-left:3px solid var(--accent);margin:0 0 18px;padding:2px 20px;color:var(--muted);font-style:italic}
.doc code{background:#edf2e8;padding:2px 6px;border-radius:4px;font-size:13px}
.doc pre{background:var(--ink);color:#f6f4ed;padding:16px 18px;border-radius:8px;overflow-x:auto;font-size:13px;line-height:1.6;margin:0 0 18px}
.doc pre code{background:none;padding:0;color:inherit}
.table-scroll{overflow-x:auto;margin:0 0 24px;-webkit-overflow-scrolling:touch}
.table-scroll table{white-space:nowrap}
.table-scroll th,.table-scroll td{text-align:left}
.table-scroll .al-r{text-align:right}
.table-scroll .al-c{text-align:center}
.related{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.related .eyebrow{color:var(--accent)}
.related ul{list-style:none;padding:0;margin:14px 0 0;font-size:14px}
.related li{margin-bottom:10px}
.fixed-pages{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;margin-left:auto}
.fixed-pages a{text-decoration:none}
.fixed-pages a:hover{text-decoration:underline}
.editorial{padding:40px 0 10px;border-top:1px solid var(--line);margin-top:10px}
.editorial h2{margin:0 0 12px}
.editorial p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 20px;max-width:640px}
.guide-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px;list-style:none;padding:0;margin:0 0 20px}
.guide-links a{display:block;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:14px}
.guide-links a:hover{color:var(--accent)}
@media(max-width:700px){
.doc{padding:0 20px;margin:28px auto 44px}
.doc h1{font-size:30px}
.footer-tagline{display:none}
.fixed-pages{width:100%;margin-left:0;order:3;gap:10px 16px}
.guide-links{grid-template-columns:1fr}
.editorial{padding:28px 0 4px}
}