.public-site .guide-page{color:#c1ccd5;background:#0f1117;min-height:100vh}.public-site .guide-hero{background:radial-gradient(at 90% 10%,#183c3433,#0000 65%);border-bottom:1px solid #293640}.guide-container{width:min(100%,1152px);margin-inline:auto;padding-inline:24px}.guide-hero .guide-container{padding-top:24px;padding-bottom:36px}.guide-breadcrumb{color:#95a8b8;align-items:center;gap:10px;margin:20px 0;font-size:13px;display:flex}.guide-breadcrumb span:last-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.guide-hero-title{align-items:flex-start;gap:22px;display:flex}.guide-hero-title>svg{width:76px;height:76px;margin-top:8px}.guide-label{color:#86dfbe;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.guide-page h1{letter-spacing:-.035em;color:#f0f5f3;max-width:850px;margin:12px 0 18px;font-size:clamp(30px,4.1vw,48px);font-weight:750;line-height:1.12}.guide-deck{max-width:760px;font-size:18px;line-height:1.75}.guide-meta{color:#95a8b8;flex-wrap:wrap;gap:16px;margin-top:22px;font-size:12px;display:flex}.guide-layout{grid-template-columns:218px minmax(0,1fr);gap:40px;padding-block:36px 64px;display:grid}.guide-copy{min-width:0;font-size:17px;line-height:1.8}.guide-takeaway{background:linear-gradient(115deg,#19352f,#131e26);border:1px solid #396354;border-radius:18px;margin-bottom:36px;padding:24px}.guide-takeaway p{color:#e2efe8;margin:10px 0 0;font-size:18px}.guide-section{margin:0 0 42px;scroll-margin-top:110px}.guide-section-heading{border-top:1px solid #2a3741;align-items:baseline;gap:14px;margin-bottom:20px;padding-top:24px;display:flex}.guide-section-heading>span{color:#7edfb7;font-variant-numeric:tabular-nums;font-size:13px}.guide-copy h2{color:#f0f5f3;letter-spacing:-.02em;font-size:clamp(23px,3vw,29px);font-weight:700;line-height:1.25}.guide-copy h3{color:#f0f5f3;margin:12px 0 18px;font-size:20px;font-weight:650;line-height:1.45}.guide-copy p{margin-bottom:18px}.guide-example{background:linear-gradient(125deg,#142923,#121d27);border:1px solid #36554e;border-radius:18px;margin:24px 0;padding:24px}.guide-example>p{color:#b9ccd4;margin:18px 0 0;font-size:15px}.guide-figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.guide-figures>div{background:#0d191f;border:1px solid #2f4948;border-radius:12px;padding:16px}.guide-figures span{color:#a6bac7;font-size:12px;line-height:1.5;display:block}.guide-figures strong{color:#99ebca;font-variant-numeric:tabular-nums;margin-top:8px;font-size:clamp(19px,2.2vw,27px);font-weight:700;line-height:1.35;display:block}.guide-note{background:#19242e;border-left:3px solid #79afc9;border-radius:0 12px 12px 0;align-items:flex-start;gap:13px;margin:22px 0;padding:18px;display:flex}.guide-note p{margin:0;font-size:15px;line-height:1.75}.guide-checklist{counter-reset:guide-step;gap:10px;margin:24px 0;padding:0;list-style:none;display:grid}.guide-checklist li{counter-increment:guide-step;background:#131e27;border:1px solid #2c3b47;border-radius:13px;gap:15px;padding:18px;display:flex}.guide-checklist li:before{content:counter(guide-step);color:#a0eccb;background:#244438;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:13px;font-weight:700;display:grid}.guide-checklist strong{color:#eef4f1;font-size:16px}.guide-checklist p{margin:5px 0 0;font-size:15px;line-height:1.7}.guide-table-wrap{background:#121d25;border:1px solid #30404a;border-radius:14px;margin:24px 0;overflow-x:auto}.guide-table-wrap table{border-collapse:collapse;width:100%;min-width:480px;font-size:14px;line-height:1.65}.guide-table-wrap caption{text-align:left;color:#edf4f0;padding:17px;font-size:16px;font-weight:650}.guide-table-wrap th,.guide-table-wrap td{text-align:left;vertical-align:top;border-top:1px solid #2b3a43;padding:14px 17px}.guide-table-wrap thead th{color:#91dfbf;background:#182c2b;font-size:12px}.guide-table-wrap tbody th{color:#e0e9ec;font-weight:600}.guide-actions{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.guide-actions a{color:#a3f0cf;background:#19372e;border:1px solid #41675c;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:12px 16px;font-size:14px;font-weight:650;line-height:1.5;text-decoration:none;display:inline-flex}.guide-actions a:hover{background:#24503f;border-color:#8cdeba}.guide-page a:focus-visible,.guide-page button:focus-visible,.guide-table-wrap:focus-visible{outline-offset:4px;outline:2px solid #9befcd}.guide-related{border-top:1px solid #2d3b44;margin-top:48px;padding-top:24px}.guide-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.guide-related-grid a{background:#14212a;border:1px solid #30404a;border-radius:14px;padding:20px}.guide-related-grid a:hover{border-color:#7fbd9f}.guide-related-grid h3{margin:12px 0 0;font-size:16px}.guide-copy a:not(.guide-actions a):not(.guide-related-grid a){color:#9be7c9;text-underline-offset:4px;text-decoration:underline}.guide-diagram{background:#101e25;border:1px solid #36504e;border-radius:16px;margin:24px 0;padding:22px}.guide-diagram figcaption{color:#e7f4ed;margin-bottom:18px;font-size:17px;font-weight:650}.guide-diagram svg{width:100%;height:auto;display:block}.guide-diagram>p{color:#adc3cf;margin:16px 0 0;font-size:13px;line-height:1.6}.guide-bar-row{margin:18px 0}.guide-bar-row>div:first-child{color:#d6e7e4;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.guide-bar-track{background:#22323c;border-radius:7px;height:14px;overflow:hidden}.guide-bar-track span{background:linear-gradient(90deg,#397f75,#a4efd0);border-radius:7px;height:100%;display:block}.guide-table-hint{display:none}@media (max-width:600px){.guide-table-hint{color:#a5bdc8;margin:20px 0 -12px;font-size:12px;display:block}.guide-diagram{padding:15px}}@media (max-width:1023px){.guide-layout{grid-template-columns:minmax(0,1fr);gap:0}}@media (max-width:600px){.guide-container{padding-inline:18px}.guide-hero-title{display:block}.guide-hero-title>svg{width:52px;height:52px;margin-bottom:16px}.guide-deck,.guide-copy{font-size:16px}.guide-example,.guide-takeaway{padding:18px}.guide-figures{gap:8px}.guide-figures>div{padding:12px}.guide-related-grid{grid-template-columns:minmax(0,1fr)}.guide-section-heading{gap:10px}}
