.wh-page{--wh-ink:#12324c;--wh-muted:#546a7c;--wh-line:#d5e1e8;--wh-cyan:#137a88;--wh-navy:#0b2d62;--wh-warm:#aa5a1a;color:var(--wh-ink);background:#f4f7fa}
.wh-page .wh-main{max-width:1240px;margin:auto;padding:30px 26px 70px;line-height:1.85;overflow-wrap:anywhere}
.wh-page .wh-main *{box-sizing:border-box}.wh-page [hidden]{display:none!important}.wh-page .wh-main a{color:#075e82;text-underline-offset:.2em}.wh-page .wh-main :focus-visible{outline:3px solid #edac3c;outline-offset:4px}
.wh-breadcrumb{font-size:.9rem;margin-bottom:22px}.wh-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;padding:42px;background:linear-gradient(125deg,#07284b 0%,#0d4466 65%,#12656e 100%);color:#fff}.wh-eyebrow{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#a9e2e6}.wh-hero h1{max-width:800px;margin:16px 0;font-size:clamp(2rem,4.5vw,3.3rem);line-height:1.25;color:#fff}.wh-hero p{max-width:830px;color:#edf7fb}.wh-hero .wh-meta{display:flex;gap:10px;flex-wrap:wrap}.wh-meta span{border:1px solid #84aabc;border-radius:40px;padding:4px 12px;font-size:.82rem}.wh-hero a{color:#d5fbff!important}.wh-hero-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.wh-hero-links a{padding:9px 15px;border:1px solid #8bd2de;border-radius:10px;text-decoration:none;font-weight:800}
.wh-section{margin:30px 0;padding:30px;border:1px solid var(--wh-line);border-radius:20px;background:#fff}.wh-section h2{margin-top:0;font-size:1.65rem;line-height:1.4}.wh-section h3{line-height:1.5}.wh-lead{font-size:1.06rem;color:var(--wh-muted);max-width:920px}.wh-note{border-left:4px solid var(--wh-cyan);padding:13px 18px;background:#edf8fa;border-radius:0 12px 12px 0}.wh-note.warning{border-color:#b3772c;background:#fff8ec}.wh-note p{margin:0}.wh-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:24px 0}.wh-flow a{display:block;padding:14px 10px;border:1px solid var(--wh-line);border-radius:12px;text-align:center;text-decoration:none;height:100%;font-weight:750;background:#f4f8fb}.wh-flow small{display:block;font-size:.74rem;font-weight:500;color:var(--wh-muted)}
.wh-lab-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.35fr);gap:24px;align-items:start}.wh-controls{display:grid;gap:13px}.wh-control{padding:15px;background:#f3f7fa;border:1px solid var(--wh-line);border-radius:12px}.wh-control label{display:block;font-weight:750;line-height:1.55}.wh-control small{display:block;color:var(--wh-muted);font-size:.75rem}.wh-input-row{display:grid;grid-template-columns:minmax(0,1fr) 96px auto;gap:10px;align-items:center;margin-top:11px}.wh-main input[type=range]{width:100%;min-width:0;accent-color:var(--wh-cyan);height:28px}.wh-main input[type=number]{width:100%;min-width:0;border:1px solid #9eb2c2;padding:8px;border-radius:7px;font:inherit;background:white}.wh-unit{font-size:.8rem;min-width:26px}.wh-main button{font:inherit;font-weight:750;min-height:44px;border:1px solid #9db9c5;border-radius:9px;background:#fff;color:#123b58;padding:8px 14px;cursor:pointer}.wh-main button:hover{background:#e7f5f6}.wh-main button:disabled{opacity:.6;cursor:default}.wh-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.wh-figure{margin:0;background:#f0f6fa;border:1px solid var(--wh-line);border-radius:16px;padding:12px;min-width:0}.wh-figure svg{display:block;width:100%;height:auto;overflow:visible}.wh-figure figcaption{font-size:.81rem;line-height:1.7;color:var(--wh-muted);padding:6px 8px}.wh-figure svg text{font-family:system-ui,sans-serif}.wh-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.wh-result{border:1px solid var(--wh-line);padding:14px 10px;border-radius:12px;min-width:0;background:#fff}.wh-result b{display:block;font-size:clamp(1.1rem,2.1vw,1.45rem);color:#075d74;font-variant-numeric:tabular-nums}.wh-result span,.wh-result small{display:block;font-size:.78rem;line-height:1.5}.wh-result small{color:var(--wh-muted);margin-top:5px}.wh-lab-status{padding:13px;background:#fff5e5;border:1px solid #e8d3aa;border-radius:10px;line-height:1.7;font-size:.88rem}.wh-error{color:#9f2c1c;min-height:1.6em}.wh-formulas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wh-formulas article{padding:18px;background:#f3f7fa;border-radius:12px}.wh-formulas h3{font-size:1rem;margin:0 0 10px}.wh-formula{font-size:1.3rem;color:#085f78;font-weight:800;font-family:Georgia,serif}.wh-formulas p{font-size:.88rem}.wh-search{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:18px;background:#edf4f8;border-radius:12px}.wh-search label{flex:1;min-width:200px;font-weight:750}.wh-search input{display:block;width:100%;min-height:46px;padding:9px 12px;border:1px solid #94adbd;border-radius:8px;font:inherit;margin-top:6px}.wh-search-status{color:var(--wh-muted);font-size:.9rem}.wh-group{scroll-margin-top:100px;margin:30px 0}.wh-group-heading{display:flex;gap:12px;align-items:center;border-bottom:2px solid #bad4df;padding-bottom:12px}.wh-group-heading span{font-size:.8rem;letter-spacing:.08em;color:var(--wh-cyan);font-weight:800}.wh-group h3{margin:0;font-size:1.35rem}.wh-node{margin:13px 0;border:1px solid var(--wh-line);border-radius:13px;background:#fff;scroll-margin-top:100px}.wh-node>summary{cursor:pointer;padding:18px 22px;font-size:1.02rem;font-weight:800;line-height:1.6;color:#113b58}.wh-node>summary:hover{background:#f3f9fb;border-radius:13px}.wh-node-number{color:#477b8e;margin-right:9px;font-variant-numeric:tabular-nums}.wh-node-content{padding:0 22px 22px;max-width:100%}.wh-node-content p{margin:12px 0}.wh-node-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wh-node-grid section{padding:12px 16px;background:#f5f8fa;border-radius:10px}.wh-node-grid h4{margin:0;font-size:.9rem;color:#176b7c}.wh-node-grid ul{padding-left:19px;margin:8px 0;font-size:.92rem}.wh-action{padding:12px 15px;border-left:3px solid #178394;background:#ecf8fa}.wh-source{font-size:.84rem;padding-top:8px;border-top:1px dashed var(--wh-line)}.wh-source-list{padding-left:22px}.wh-source-list li{margin:18px 0}.wh-source-list small{display:block;color:var(--wh-muted)}.wh-source-review{font-size:.87rem;color:var(--wh-muted)}.wh-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wh-related a{padding:18px;border:1px solid var(--wh-line);border-radius:12px;text-decoration:none;font-weight:750}.wh-checks{padding-left:22px}.wh-checks li{margin:10px 0}.wh-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.wh-lab-grid{grid-template-columns:1fr}.wh-controls{grid-template-columns:1fr 1fr}.wh-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.wh-section{padding:23px}.wh-formulas{grid-template-columns:1fr}.wh-formulas article{display:grid;grid-template-columns:1fr 2fr;gap:4px 18px}.wh-formulas article h3{grid-column:1/-1}}
@media(max-width:580px){.wh-page .wh-main{padding:20px 14px 45px}.wh-hero{padding:26px 22px;border-radius:18px}.wh-hero h1{font-size:2rem}.wh-section{padding:20px 16px;border-radius:16px;margin:22px 0}.wh-section h2{font-size:1.4rem}.wh-controls,.wh-node-grid,.wh-related{grid-template-columns:1fr}.wh-flow{gap:7px}.wh-flow a{padding:11px 5px;font-size:.9rem}.wh-flow small{font-size:.68rem}.wh-input-row{grid-template-columns:minmax(0,1fr) 80px auto}.wh-results{grid-template-columns:1fr}.wh-result{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3px 10px}.wh-result small{grid-column:1/-1;margin-top:1px}.wh-result b{text-align:right;font-size:1.45rem}.wh-node>summary{padding:16px 14px;font-size:1rem}.wh-node-content{padding:0 14px 17px}.wh-formulas article{display:block}.wh-search label{min-width:0;flex-basis:100%}.wh-figure{padding:6px}.wh-figure svg text{font-size:16px}.wh-group-heading{align-items:start}.wh-group h3{font-size:1.15rem}.wh-page .brand-copy small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.wh-page *{scroll-behavior:auto!important;transition:none!important}}
@media print{.site-header,.topbar,.site-footer,.wh-controls,.wh-search,.wh-actions{display:none}.wh-page .wh-main{max-width:none;padding:0}.wh-node{break-inside:avoid}.wh-node>summary{list-style:none}.wh-node-content{display:block!important}.wh-hero{background:#fff;color:#12324c;border:1px solid #12324c}.wh-hero h1,.wh-hero p,.wh-eyebrow{color:#12324c}.wh-section{break-inside:auto}}
