.nws-study{--study-brand:#086d78;--study-ink:#122f3b;color:var(--study-ink)}.study-hero{padding:46px 0;background:linear-gradient(125deg,#e4f5f3,#f6f9fc)}.study-hero h1{max-width:980px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;margin:12px 0 18px}.study-kicker{color:var(--study-brand);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.study-lead{max-width:800px;font-size:1.15rem;line-height:1.7}.study-small{font-size:.86rem;line-height:1.6;color:#455e69}.study-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.study-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:38px;padding-top:38px;padding-bottom:50px}.study-body{min-width:0}.study-body>section,.study-body>nav,.study-body>aside{margin-bottom:34px}.study-body p,.study-body li{line-height:1.8}.study-body h2{font-size:1.5rem;margin:0 0 14px}.study-body li+li{margin-top:8px}.study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.study-card{border:1px solid #d8e5e8;border-radius:16px;padding:22px;background:#fff}.study-card h3{font-size:1.15rem}.study-card a{display:block;margin-top:14px}.study-sidebar>div{position:sticky;top:120px}.study-notice,.study-toc{background:#f5f8fa;border:1px solid #dce6ea;padding:24px;border-radius:14px}.study-notice h2{font-size:1rem}.study-callout{padding:26px;border-left:5px solid var(--study-brand);border-radius:0 15px 15px 0;background:#eaf7f5}.study-callout .btn{margin:8px 10px 0 0}.study-source{font-size:.87rem}.study-body details{padding:16px 0;border-bottom:1px solid #dce6ea}.study-body summary{cursor:pointer;font-weight:650}.study-checklist{padding-left:24px}.nws-study a:focus-visible{outline:3px solid #bd661a;outline-offset:4px}.nws-study .btn{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%;line-height:1.45}.study-body section[id]{scroll-margin-top:130px}@media(max-width:960px){.study-layout{grid-template-columns:1fr}.study-sidebar>div{position:static}}@media(max-width:600px){.study-grid{grid-template-columns:1fr}.study-hero{padding:28px 0}.study-actions .btn{width:100%}.study-layout{gap:20px}.study-card,.study-callout,.study-toc{padding:20px}.study-body h2{font-size:1.3rem}}
