:root{color-scheme:light dark;--bg:#f6f8fc;--surface:#eef2f8;--text:#192332;--muted:#526174;--line:#d4dce8;--accent:#245fc6;--on-accent:#fff;--focus:#245fc6;--radius:14px;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
@media(prefers-color-scheme:dark){:root{--bg:#10141c;--surface:#191f2a;--text:#ecf0f7;--muted:#a6b3c6;--line:#303c4f;--accent:#92b8ff;--on-accent:#102144;--focus:#aecbff}}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}figure{margin:0}figcaption{font-size:.78rem;color:var(--muted);margin-top:10px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(2.1rem,4.5vw,3.6rem);font-weight:750}h2{font-size:clamp(1.6rem,3vw,2.2rem)}h3{font-size:1.3rem;letter-spacing:-.015em}p{color:var(--muted)}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.section{padding-block:64px}.skip{position:absolute;top:-100px;left:16px;z-index:2;background:var(--surface);padding:12px}.skip:focus{top:8px}.header{border-bottom:1px solid var(--line)}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:750;text-decoration:none;letter-spacing:-.02em;white-space:nowrap}.header nav{display:flex;gap:28px;align-items:center;font-size:.9rem}.header nav a{text-decoration:none;color:var(--muted)}.header nav a:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:center;padding-block:64px}.hero h1{margin-bottom:24px}.eyebrow{font-size:.82rem;color:var(--accent);margin-bottom:20px}.intro{font-size:1.12rem;line-height:1.65;max-width:56ch}.hero .intro{max-width:40ch;margin-bottom:28px}.hero-image img{aspect-ratio:4/3;height:auto;width:100%;border-radius:var(--radius)}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:9px;padding:12px 22px;background:var(--accent);color:var(--on-accent);font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer}.button:hover{filter:brightness(.92)}.button:active{transform:translateY(1px)}.section-heading{margin-bottom:30px}.section-heading h2{margin-bottom:12px}.section-heading p{max-width:62ch;margin-bottom:0}.categories{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;border-top:1px solid var(--line)}.category{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none}.category h3{margin-bottom:8px}.category p{margin:0;font-size:.9rem}.category>span{color:var(--accent);font-size:1.7rem}.category:hover h3{color:var(--accent)}.featured{display:grid;grid-template-columns:1.12fr 1fr;gap:24px}.featured .guide-card:first-child{grid-row:span 2}.featured .guide-card:not(:first-child){display:grid;grid-template-columns:38% 1fr;align-items:stretch}.guide-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.guide-card>img{width:100%;height:auto;aspect-ratio:16/9}.featured .guide-card:not(:first-child)>img{height:100%;aspect-ratio:auto}.card-copy{padding:24px}.card-copy h3{margin-block:10px 12px}.card-copy h3 a{text-decoration:none}.card-copy h3 a:hover{color:var(--accent);text-decoration:underline}.card-copy p{font-size:.92rem;margin-bottom:18px}.meta{font-size:.78rem;color:var(--muted)}.read-label{font-size:.8rem;color:var(--accent)}.search{max-width:740px}.search label{display:block;font-size:.9rem;font-weight:700;margin-bottom:10px}.search-row{display:flex;gap:12px}.search input{min-width:0;flex:1;padding:12px 16px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--surface);appearance:none}.search input::placeholder{color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-block:24px 20px}.filters button{padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:.8rem}.filters button[aria-pressed=true]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.guide-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-list .guide-card{background:transparent}.empty{padding:24px;background:var(--surface);border-radius:var(--radius)}.how{background:var(--surface)}.steps{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:0;counter-reset:steps}.steps li{counter-increment:steps}.steps li:before{content:counter(steps);display:block;color:var(--accent);font-size:1.8rem;margin-bottom:16px}.steps p{font-size:.95rem;margin:0}.questions{display:grid;grid-template-columns:1fr 1.4fr;gap:0 60px}.questions h2{grid-row:span 4}.questions details{padding:18px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700;padding-right:12px}details p{margin-top:16px;margin-bottom:0;max-width:65ch}.footer{border-top:1px solid var(--line);padding-block:40px}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px}.footer p{font-size:.85rem;margin:14px 0}.footer small{font-size:.75rem;color:var(--muted);display:block;max-width:55ch}.footer a:not(.brand){color:var(--accent)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;margin-bottom:32px;color:var(--muted)}.category-guides{display:grid;grid-template-columns:1fr 1fr;gap:24px}.category-guides>.guide-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center}.category-guides>.guide-card:first-child>img{height:100%;aspect-ratio:16/9}.text-link{display:inline-block;color:var(--accent);margin-top:28px}.article-header{max-width:850px;margin-bottom:48px}.article-header h1{font-size:clamp(2rem,4vw,3.1rem)}.article-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(220px,1fr);gap:64px;align-items:start}.prose{max-width:70ch}.prose section{margin-bottom:42px}.prose h2{font-size:1.5rem;margin-bottom:18px}.prose p{font-size:1.04rem;line-height:1.85;color:var(--text)}.article-aside{position:sticky;top:28px}.article-aside img{border-radius:var(--radius);aspect-ratio:3/2;height:auto;width:100%}.article-aside nav{margin-top:28px}.article-aside h2{font-size:1rem}.article-aside ol{padding-left:20px;font-size:.85rem;color:var(--muted)}.article-aside li{margin:12px 0}.checklist{background:var(--surface);padding:26px;border-radius:var(--radius)}.checklist ul{padding-left:20px}.checklist li{margin-bottom:14px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.print-button{border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);padding:10px 18px;cursor:pointer}.related{border-top:1px solid var(--line)}
@media(max-width:900px){.hero{gap:30px}.hero h1{font-size:2.8rem}.header nav{gap:18px}.article-layout{gap:32px}.featured .card-copy{padding:18px}.featured .guide-card:not(:first-child){grid-template-columns:1fr}.featured .guide-card:not(:first-child)>img{aspect-ratio:3/1;height:auto}.questions{gap:0 32px}}
@media(max-width:767px){.wrap{width:calc(100% - 36px)}.header-inner{height:auto;min-height:72px;padding-block:14px;flex-wrap:wrap;gap:12px}.header nav{width:100%;justify-content:space-between;gap:10px;font-size:.82rem}.hero{grid-template-columns:1fr;padding-block:36px;gap:24px}.hero h1{font-size:clamp(2.1rem,8vw,2.8rem)}.hero .intro{font-size:1rem}.hero-image img{aspect-ratio:16/9;max-height:300px}.section{padding-block:40px}.categories,.featured,.guide-list,.steps,.questions,.footer-inner,.category-guides,.article-layout{grid-template-columns:1fr}.featured .guide-card:first-child{grid-row:auto}.featured .guide-card:not(:first-child){grid-template-columns:1fr}.featured .guide-card:not(:first-child)>img{aspect-ratio:16/9;height:auto}.categories{gap:0}.questions h2{grid-row:auto}.footer-inner{gap:28px}.steps{gap:28px}.category-guides>.guide-card:first-child{grid-column:auto;display:block}.article-aside{position:static;grid-row:1}.article-aside figure{display:none}.article-aside nav{margin-top:0;border-bottom:1px solid var(--line);padding-bottom:14px}.article-header{margin-bottom:24px}.search-row{gap:8px}.search input{padding:12px;font-size:.9rem}.search .button{padding-inline:16px}.checklist{padding:20px}.prose p{font-size:1rem}.breadcrumbs{font-size:.8rem}.questions details{padding-block:18px}.card-copy{padding:22px}}
.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.playlist-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.playlist-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#10141c}.playlist-copy{padding:18px}.playlist-copy h3{margin-block:10px 16px}.playlist-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.playlist-controls button{padding:12px 18px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;cursor:pointer}.playlist-controls button:first-child{color:var(--bg);background:var(--accent)}.playlist-controls button:hover{filter:brightness(1.1)}.playlist-note{font-size:.8rem;line-height:1.7;margin-bottom:24px}.playlist-transcript{padding:0 18px 18px;font-size:.8rem;color:var(--muted)}.playlist-transcript summary{font-weight:400}.playlist-transcript ol{padding-left:18px}.playlist-transcript li{margin-block:10px}.playlist-transcript a{color:var(--accent)}@media(max-width:900px){.playlist-grid{grid-template-columns:1fr}.playlist-card{max-width:680px;width:100%;margin-inline:auto}}
@media(prefers-reduced-motion:no-preference){a,button{transition:color .15s ease,background-color .15s ease,transform .15s ease}}
@media print{.header,.footer,.article-aside,.related,.actions,.skip{display:none!important}:root{--bg:#fff;--text:#111;--muted:#333;--surface:#fff}.wrap{width:100%}.section{padding:0}.article-layout{display:block}.checklist{border:1px solid #aaa;break-inside:avoid}.prose p{font-size:11pt}.prose h2{break-after:avoid}.article-header h1{font-size:24pt}}
