:root{--ink:#071c22;--ink-2:#123039;--paper:#f4f6f3;--paper-2:#e8efec;--cyan:#18d6c1;--cyan-dark:#087c78;--line:#7d9896;--orange:#f29a61;--shadow:8px 8px 0 #071c22;--radius:4px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);line-height:1.68;overflow-x:hidden}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,input{font:inherit}.wrap{width:min(calc(100% - 40px),1160px);margin-inline:auto}.skip-link{position:fixed;z-index:99;left:1rem;top:1rem;transform:translateY(-200%);background:var(--cyan);padding:.7rem 1rem;font-weight:800}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(244,246,243,.96);backdrop-filter:blur(10px)}.nav-shell{min-height:64px;display:flex;align-items:center;gap:24px}.wordmark{display:flex;align-items:baseline;gap:7px;text-decoration:none;white-space:nowrap}.wordmark span{font-size:1.05rem;font-weight:900;letter-spacing:-.03em}.wordmark b{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-dark)}.nav-shell nav{margin-left:auto;min-width:0}.nav-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 17px;padding:0;margin:0;list-style:none}.nav-list a{font-size:.82rem;font-weight:700;text-decoration:none}.nav-list a:hover,.nav-list a:focus-visible{color:var(--cyan-dark)}.nav-toggle{display:none;border:1px solid var(--ink);background:transparent;padding:.45rem .7rem;font-weight:800}.page-intro{padding:76px 0 20px}.page-intro h1{max-width:900px;margin:.25rem 0 0;font-size:clamp(2.15rem,7vw,5.8rem);letter-spacing:-.065em;line-height:.94;overflow-wrap:anywhere}.eyebrow,.section-heading p{margin:0;color:var(--cyan-dark);font-size:.76rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:clamp(24px,6vw,72px);align-items:center;padding:30px 0 88px;position:relative}.hero::before{content:"";position:absolute;left:-18vw;bottom:18px;width:45vw;height:1px;background:var(--line)}.hero-copy{max-width:680px}.lede{font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--ink);background:var(--ink);color:white;padding:.65rem 1rem;text-decoration:none;font-weight:850;cursor:pointer}.button:hover,.button:focus-visible{background:var(--cyan-dark)}.button-quiet{background:transparent;color:var(--ink)}.button-quiet:hover,.button-quiet:focus-visible{color:white}.microcopy{font-size:.83rem;color:#486168}.poster{min-height:390px;border:1px solid var(--ink);background:var(--cyan);box-shadow:var(--shadow);padding:28px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(1.5deg);overflow:hidden}.poster strong{display:block;padding:13px 0;border-top:1px solid rgba(7,28,34,.5);font-size:clamp(1.1rem,2vw,1.55rem)}.poster-kicker,.poster small{font-weight:900;letter-spacing:.12em;text-transform:uppercase}.section-block{padding:72px 0}.section-heading{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:end;margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:18px}.section-heading h2,.split-section h2,.feature-grid h2{margin:0;font-size:clamp(1.8rem,4vw,3.6rem);line-height:1;letter-spacing:-.045em}.prose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;font-size:1.07rem}.notes-grid,.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.note-card{min-width:0;border:1px solid var(--line);background:rgba(255,255,255,.38);padding:22px;display:flex;flex-direction:column}.note-card h3{font-size:1.18rem;line-height:1.35;margin:.7rem 0}.note-card p{flex:1}.note-number{font-size:.7rem;font-weight:900;letter-spacing:.14em;color:var(--cyan-dark)}.text-link{font-weight:850;color:var(--cyan-dark)}.ink-band{background:var(--ink);color:var(--paper);padding:76px 0}.feature-grid{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:60px}.article-index{margin:0;padding:0;list-style:none}.article-index li{display:grid;gap:5px;padding:18px 0;border-top:1px solid #416068}.article-index a{font-weight:850}.article-index span{color:#b4c9c6;font-size:.9rem}.section-lead{max-width:690px;margin:-10px 0 30px}.split-section{padding:70px 0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:45px}.callout,.margin-note{border-left:5px solid var(--cyan);background:var(--paper-2);padding:22px}.callout strong,.margin-note strong{font-size:1.05rem}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:850}.editorial-layout,.article-layout,.tool-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:clamp(30px,8vw,100px);padding:20px 0 86px}.prose{max-width:760px}.prose h2{margin:2.2rem 0 .5rem;font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:-.03em}.prose p{font-size:1.02rem}.standfirst{font-size:1.2rem!important;border-bottom:1px solid var(--line);padding-bottom:22px}.margin-note,.article-aside{align-self:start;position:sticky;top:92px}.margin-note a{display:inline-block;margin-top:8px;font-weight:800;color:var(--cyan-dark)}.article-aside section{border-top:1px solid var(--line);padding:14px 0}.article-aside h2{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase}.article-aside ul{padding-left:18px}.article-aside li{margin:.65rem 0}.checklist-card{align-self:start;border:1px solid var(--ink);box-shadow:var(--shadow);background:white;padding:26px}.checklist-card h2{margin-top:0}.progress{color:var(--cyan-dark);font-weight:800}.check-list{display:grid;gap:9px;margin:20px 0}.check-row{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;border-top:1px solid #bed0cd;padding-top:10px;cursor:pointer}.check-row input{width:18px;height:18px;accent-color:var(--cyan-dark)}.footer-grid{display:grid;grid-template-columns:.7fr .7fr 1.2fr;gap:32px}.site-footer{background:#dce7e3;border-top:1px solid var(--line);padding:55px 0}.site-footer h2{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.site-footer ul{padding:0;list-style:none}.site-footer li{margin:.4rem 0}.footer-note{border-left:1px solid var(--line);padding-left:26px}.not-found{display:grid;grid-template-columns:1fr minmax(280px,.7fr);gap:60px;align-items:center;padding:20px 0 90px}.big-code{font-size:clamp(5rem,15vw,11rem);font-weight:950;line-height:.8;letter-spacing:-.08em;margin:0;color:var(--cyan-dark)}.not-found h2{font-size:clamp(1.8rem,4vw,3rem);margin:.6rem 0}.error-page .page-intro{padding-bottom:0}.error-page .page-intro h1{font-size:clamp(1.8rem,5vw,3.5rem)}
@media(max-width:920px){.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:minmax(0,1fr) minmax(250px,.65fr)}.feature-grid{gap:35px}.editorial-layout,.article-layout,.tool-layout{grid-template-columns:minmax(0,1fr) minmax(220px,.5fr);gap:35px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-note{grid-column:1/-1}}
@media(max-width:720px){.wrap{width:min(calc(100% - 28px),1160px)}.nav-shell{min-height:58px;position:relative}.nav-shell nav{margin-left:0}.js .nav-toggle{display:inline-flex;margin-left:auto}.js .nav-list{display:none;position:absolute;left:0;right:0;top:calc(100% + 1px);background:var(--paper);border:1px solid var(--line);padding:12px;box-shadow:4px 4px 0 var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.js .nav-list[data-open="true"]{display:grid}.nav-list a{display:block;padding:.65rem}.page-intro{padding-top:54px}.hero,.editorial-layout,.article-layout,.tool-layout,.not-found{grid-template-columns:1fr}.hero{padding-bottom:60px}.poster{min-height:310px;transform:none}.section-block{padding:54px 0}.section-heading{grid-template-columns:1fr;gap:9px}.prose-grid,.feature-grid,.split-section,.footer-grid{grid-template-columns:1fr}.notes-grid,.tools-grid{grid-template-columns:1fr}.feature-grid,.split-section{gap:28px}.margin-note,.article-aside{position:static}.footer-note{grid-column:auto;border-left:0;padding-left:0}.ink-band{padding:55px 0}.checklist-card{box-shadow:5px 5px 0 var(--ink)}.not-found{gap:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}