.how-page{background:#f3f7fa;min-height:75vh;padding:75px 0 110px}.how-page h1{font-size:clamp(42px,5.5vw,72px);margin:12px 0}.how-intro{font-size:18px;color:#536477;max-width:820px;margin-bottom:46px}.how-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:42px;align-items:start}.how-sidebar{position:sticky;top:100px;background:#e5edf4;padding:24px;max-height:calc(100vh - 125px);overflow:auto}.how-sidebar h2{font-size:22px;margin:0 0 20px}.how-category{font-size:11px;letter-spacing:.14em;font-weight:700;color:#3b6d9a;margin:22px 0 8px;text-transform:uppercase}.how-sidebar a{display:block;padding:9px 12px;font-size:15px;border-left:3px solid transparent}.how-sidebar a:hover,.how-sidebar a.active{color:#145dc2;background:#d5e7f8;border-color:#2569e8}.how-article{background:white;border:1px solid #dbe5ec;padding:clamp(24px,4vw,55px)}.how-article h2{font-size:clamp(34px,4.5vw,55px);margin:10px 0 16px}.how-summary{font-size:20px;color:#536477;line-height:1.6}.how-visual{margin:38px 0 44px;background:#0b2942;color:#fff;padding:26px;border:1px solid #32678e;overflow:hidden}.how-visual-head{display:flex;justify-content:space-between;color:#85c6f5;font-size:11px;font-weight:700;letter-spacing:.14em;margin-bottom:24px}.how-copy section{border-top:1px solid #dce5eb;padding:25px 0}.how-copy h3{font-size:25px;margin:0 0 10px}.how-copy p{font-size:17px;line-height:1.8;margin:0;white-space:normal}.how-note{background:#eef5fc;padding:22px!important;border-left:4px solid #2569e8!important}.how-source{display:inline-block;margin-top:24px;font-weight:700;color:#175fc9}.how-empty{padding:30px;background:#fff}.hd-flow{display:flex;align-items:stretch;gap:0}.hd-node{flex:1;min-width:0;min-height:130px;background:#143c5c;border:1px solid #467ca6;padding:18px;display:flex;flex-direction:column;gap:8px}.hd-node small{color:#91cbf3;font-size:11px;letter-spacing:.1em}.hd-node strong{font:700 21px 'Space Grotesk',sans-serif;overflow-wrap:anywhere}.hd-node span{margin-top:auto;font-size:13px;color:#bdd8e8}.hd-line{width:38px;flex:none;align-self:center;height:3px;background:#74b9e6;position:relative}.hd-line::after{content:"";position:absolute;right:0;top:-5px;border-left:9px solid #74b9e6;border-top:6px solid transparent;border-bottom:6px solid transparent}.hd-line.pulse::before{content:"";position:absolute;top:-4px;left:0;width:11px;height:11px;background:#fff;border-radius:50%;animation:how-signal 1s ease-in-out infinite}.hd-control{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin-top:20px}.hd-control button{background:#2569e8;border:1px solid #8bc9f4;color:white;padding:10px 15px;font:700 14px 'DM Sans',sans-serif;cursor:pointer}.hd-control button:hover{background:#4988ee}.hd-control input[type=range]{accent-color:#5eaeff;min-width:180px}.hd-control input[type=number]{width:90px;padding:8px;background:#fff;color:#123;border:0}.hd-status{border-left:3px solid #58aaff;padding-left:12px;color:#b9daf0;min-height:24px;margin-top:20px}.hd-chart{display:block;width:100%;height:230px;background:#102f4a;border:1px solid #3c7197}.hd-choice{display:flex;gap:8px;flex-wrap:wrap}.hd-choice button[aria-pressed=true]{background:#78baf0;color:#09253e}.hd-star{font:700 55px 'Space Grotesk',sans-serif;color:#83c6f2;margin:18px 0}.hd-calc{font:700 30px 'Space Grotesk',sans-serif;margin:20px 0}.hd-active{border-color:#83c6f2;background:#1e577c}.hd-alarm{border-color:#ff9b93;background:#5d3540}@keyframes how-signal{to{left:calc(100% - 11px)}}@media(max-width:900px){.how-layout{grid-template-columns:1fr}.how-sidebar{position:static;max-height:none}.how-sidebar a{display:inline-block;margin:3px}.how-category{clear:both}.how-page{padding:55px 0}}@media(max-width:650px){.how-article{padding:22px}.how-visual{padding:18px}.hd-flow{display:grid}.hd-line{width:3px;height:24px;margin:auto}.hd-line::after{right:-5px;top:auto;bottom:0;border-top:9px solid #74b9e6;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:0}.hd-node{min-height:100px}.hd-chart{height:190px}}@media(prefers-reduced-motion:reduce){.hd-line.pulse::before{animation:none}}

.hd-bus{margin-top:30px;padding-top:22px;border-top:1px solid #467ca6}.hd-bus h3{font-size:20px;margin:0 0 8px}.hd-bus p{color:#c0d8e9;line-height:1.5}.hd-caption{font-size:13px}.hd-meter{border:2px solid #7fc5e9;border-radius:10px;background:#132d39;color:#a7f9c6;font:700 clamp(28px,6vw,56px) monospace;text-align:right;padding:25px;margin:6px 0}.hd-slider{color:#d9eafa;font-size:13px;display:flex;align-items:center;gap:7px}.hd-slider input{min-width:110px}.hd-bus canvas{margin-top:12px}

.hd-measurements{color:#e0f4ff;background:#164464;border-left:3px solid #72baff;padding:12px 15px;line-height:1.55;font-weight:700}.hd-slider select{background:#fff;color:#123;padding:8px;border:0}