:root{--bg-canvas:#1c1f24;--bg-surface:#292d32;--bg-surface-hover:#32383d;--text-primary:#e5e7eb;--text-muted:#bdc6c8;--accent-primary:#14b8a6;--accent-secondary:#93e5d9;--border-subtle:#485156;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px rgba(20,184,166,.18);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:Charter,Cambria,Georgia,serif;font-size:18px;line-height:1.65;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-secondary);text-underline-offset:4px}a:hover{color:#fff}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}img,svg{display:block;max-width:100%;height:auto}img{width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;font-weight:400;letter-spacing:-.025em}h1{font-size:clamp(2.8rem,6.6vw,6.2rem);max-width:15ch;margin-bottom:28px}h2{font-size:clamp(2rem,3.6vw,3.2rem);margin-bottom:24px}h3{font-size:1.55rem}p{margin-bottom:1.2em}small{font-size:.85rem}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;background:var(--bg-canvas);padding:12px;z-index:20}.skip:focus{top:10px}.site-header{position:relative;margin:22px 24px 0;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--border-subtle);border-radius:60px;z-index:5;background:var(--bg-surface)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary);font-size:1.08rem;white-space:nowrap;hyphens:none}.brand-mark{width:30px;height:30px;border:1px solid var(--accent-primary);border-radius:50%;display:grid;place-items:center;color:var(--accent-secondary);font-size:20px}.main-nav{display:flex;gap:23px;align-items:center}.main-nav a{font-size:.92rem;text-decoration:none;color:var(--text-primary)}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--accent-secondary);text-decoration:underline}.menu-toggle{display:none;background:none;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:28px;line-height:1;padding:5px 14px}.hero{padding:90px 0 72px;background:var(--bg-canvas)}.eyebrow,.label{font-variant:small-caps;letter-spacing:.12em;color:var(--accent-secondary);font-size:.92rem}.lead{font-size:1.35rem;max-width:55ch;color:var(--text-muted)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-top:36px}.hero-note{max-width:30ch;color:var(--text-muted);font-size:.95rem;border-left:2px solid var(--accent-primary);padding-left:20px}.button{display:inline-block;padding:13px 21px;border:1px solid var(--accent-primary);color:var(--text-primary);background:transparent;text-decoration:none;text-transform:uppercase;font-size:.78rem;letter-spacing:.13em;line-height:1.5;text-align:center;transition:transform .3s var(--ease-kinetic),box-shadow .3s,background .3s}.button:hover{background:var(--bg-surface-hover);transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.button.secondary{border-color:var(--border-subtle)}.section{padding:72px 0}.teal-band{position:relative;background:#163e3b;padding:85px 0;margin:20px 0;clip-path:polygon(0 22px,100% 0,100% calc(100% - 22px),0 100%)}.section-intro{max-width:68ch}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.two-column{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}.panel{background:var(--bg-surface);padding:28px;box-shadow:var(--shadow-elevation);transition:transform .4s var(--ease-kinetic),box-shadow .4s,background .4s;min-width:0}.panel:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.panel .label{display:block;margin-bottom:20px}.panel p:last-child{margin-bottom:0}.panel-link{display:inline-block;margin-top:12px}.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-surface);box-shadow:var(--shadow-elevation);margin-top:24px}.feature>div{padding:32px}.feature img{height:100%;min-height:260px;aspect-ratio:4/3}.diagram{width:100%;background:#24292e;border:1px solid var(--border-subtle)}.diagram text{font-family:Charter,Cambria,Georgia,serif;fill:#e5e7eb;font-size:16px}.diagram .zone{fill:#335a56}.diagram .ice{fill:#b6d5cf}.diagram .ink{fill:#1c1f24}.diagram .line{fill:none;stroke:#14b8a6;stroke-width:3}.caption{font-size:.9rem;color:var(--text-muted);margin-top:12px}figure{margin:0}.week{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:32px}.week div{padding:22px;background:#1c3333}.week strong{display:block;font-weight:400;font-size:1.18rem;margin:8px 0}.week p{font-size:.95rem;color:var(--text-muted);margin:0}.stat-strip{display:flex;flex-wrap:wrap;gap:1px;margin:22px 0;background:var(--border-subtle)}.stat-strip>div{flex:1 1 170px;padding:16px 20px;background:var(--bg-surface)}.stat-strip dt{font-variant:small-caps;letter-spacing:.08em;color:var(--text-muted);font-size:.8rem}.stat-strip dd{margin:4px 0 0}.table-wrap{overflow-x:auto;margin:28px 0}table{width:100%;border-collapse:collapse;text-align:left;font-size:1rem}th,td{padding:18px;border-bottom:1px solid var(--border-subtle);vertical-align:top}th{color:var(--accent-secondary);font-weight:400}thead{background:var(--bg-surface)}details{border-bottom:1px solid var(--border-subtle);padding:20px 0}summary{cursor:pointer;font-size:1.2rem;padding-right:12px;color:var(--text-primary)}details[open] summary{margin-bottom:18px;color:var(--accent-secondary)}details p{max-width:70ch}details p:last-child{margin-bottom:0}.reading{max-width:70ch;margin:0 auto}.reading h2{font-size:2.05rem;margin-top:44px}.reading h3{margin-top:30px}.page-head{padding:70px 0 48px}.page-head h1{font-size:clamp(2.7rem,6vw,5.1rem);max-width:18ch}.page-head .lead{margin-bottom:0}.article-meta{color:var(--text-muted);font-size:.9rem}.article-body{padding-bottom:64px}.article-body .reading>p{margin-bottom:1.4em}.article-body .feature{margin:42px 0}.source-list{padding-left:22px;font-size:1rem}.source-list li{margin-bottom:12px}.next-guide{margin-top:45px;padding:28px;background:var(--bg-surface)}.number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--accent-primary);font-size:.9rem;margin-right:10px}.compact-media{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center}.compact-media img{width:96px;height:96px;aspect-ratio:1}.compact-media h3{margin-bottom:8px}.contact-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;padding-bottom:72px}.field{display:block;margin-bottom:22px}.field span{display:block;margin-bottom:8px}.field input,.field textarea{width:100%;padding:13px 15px;background:var(--bg-canvas);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:0}.field textarea{min-height:160px;resize:vertical}.actions{display:flex;gap:12px;flex-wrap:wrap}.preview{white-space:pre-wrap;background:var(--bg-canvas);padding:22px;min-height:160px;font:inherit;border:1px solid var(--border-subtle)}.status{min-height:1.7em;color:var(--accent-secondary);margin-top:14px;font-size:.95rem}.site-footer{border-top:1px solid var(--border-subtle);padding:38px 0 28px;font-size:.9rem;color:var(--text-muted)}.footer-top{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-legal{display:flex;gap:20px;margin:18px 0}.site-footer address{font-style:normal;margin:20px 0}.copyright{font-size:.85rem;margin-bottom:0}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}.note{border-left:2px solid var(--accent-primary);padding:8px 0 8px 20px;color:var(--text-muted)}.legal{padding-bottom:70px}.legal h2{font-size:1.8rem}.legal ul{padding-left:24px}
@media(min-width:1025px){.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:48px}.guide-layout .reading{width:100%}.guide-aside{align-self:start;background:var(--bg-surface);padding:24px}.guide-aside h2{font-size:1.5rem}}
@media(min-width:769px) and (max-width:1024px){.site-header{padding:16px 20px;gap:16px}.main-nav{gap:13px}.main-nav a{font-size:.8rem}.brand{font-size:.95rem}.guide-aside{margin-top:32px;padding:24px;background:var(--bg-surface)}.two-column{gap:28px}.week{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.wrap{width:calc(100% - 40px)}.site-header{margin:14px 14px 0;padding:14px 18px}.brand{font-size:.96rem}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;padding:18px;background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation)}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav a{padding:12px;font-size:1.05rem}.hero{padding:62px 0 46px}.hero-bottom{align-items:start;flex-direction:column}.section{padding:48px 0}.two-column,.contact-layout,.feature{grid-template-columns:1fr}.week{grid-template-columns:repeat(2,1fr)}.page-head{padding:52px 0 34px}.guide-aside{margin-top:32px;padding:24px;background:var(--bg-surface)}.feature>div{padding:24px}.feature img{min-height:220px;max-height:380px}.teal-band{padding:65px 0}.panel{padding:24px}}
@media(min-width:481px) and (max-width:768px){h1{max-width:15ch}.grid{gap:18px}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.brand{font-size:.87rem;gap:8px}.brand-mark{width:25px;height:25px}.site-header{padding:12px 14px}.grid{grid-template-columns:minmax(0,1fr)}.week{grid-template-columns:1fr}.lead{font-size:1.15rem}.hero-note{max-width:none}.panel{padding:22px}.footer-top{flex-direction:column}.button{width:100%}.actions{flex-direction:column}.compact-media{grid-template-columns:72px 1fr}.compact-media img{width:72px;height:72px}th,td{padding:12px;min-width:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.panel:hover,.button:hover{transform:none}}