:root{color-scheme:dark;--bg:#22242d;--yellow:#f1d648;--text:#f7f6f1;--muted:#bcbec6;--line:#454750}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}img{display:block;width:100%;height:auto}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:20px;background:var(--yellow);color:#22242d;padding:12px;z-index:10}.skip:focus{top:10px}header{border-bottom:1px solid var(--line)}header nav,main,footer{width:min(1240px,calc(100% - 96px));margin:auto}header nav{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:24px}.brand{font-size:1.5rem;font-weight:900;letter-spacing:1px;white-space:nowrap}.brand span{font-size:0.75rem;color:var(--yellow);letter-spacing:2px;vertical-align:middle}.nav-links{display:flex;align-items:center;gap:36px;font-size:0.875rem}.external{color:var(--muted)}details{position:relative}summary{list-style:none}summary::-webkit-details-marker{display:none}summary .icon{margin-left:8px;color:var(--yellow)}.dropdown{position:absolute;top:38px;left:-18px;min-width:180px;background:#30333e;border:1px solid #62646c;padding:10px;z-index:5;box-shadow:0 15px 40px #0004}.dropdown a{display:block;padding:8px}.dropdown a:hover{color:var(--yellow)}.intro{position:relative;padding:76px 0 67px}.eyebrow{font:700 0.6875rem/1.5 Arial,sans-serif;letter-spacing:2px;color:var(--yellow);text-transform:uppercase}.intro h1{font-size:clamp(2.75rem,5.7vw,4.875rem);line-height:1.05;letter-spacing:-3px;margin:24px 0}.intro h1 em{font-style:normal;color:var(--yellow)}.intro>p:not(.eyebrow){color:var(--muted);font-size:1.125rem;line-height:1.8;margin-bottom:24px}.text-link{font-size:0.8125rem;font-weight:bold;border-bottom:1px solid #7c7d80;padding-bottom:6px}.intro-mark{position:absolute;right:70px;top:20px;color:var(--yellow);font-size:15rem;line-height:1.5;font-weight:200;transform:rotate(-10deg)}.intro-mark span{display:block;font:0.625rem monospace;letter-spacing:3px;text-align:center;transform:rotate(10deg);color:var(--muted)}.feature-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.feature-heading>span:last-child{font-size:0.75rem;color:var(--muted)}.carousel{background:#2c2f39;border:1px solid var(--line);position:relative}.slide{display:grid;grid-template-columns:1fr 1fr;min-height:395px}.feature-copy{padding:40px 44px 75px}.feature-copy h2{font-size:2.375rem;letter-spacing:-1px;line-height:1.15;max-width:430px;margin:22px 0 18px}.feature-copy>p:not(.eyebrow){color:#c9cbd2;max-width:420px;font-size:0.875rem}.meta{font-size:0.6875rem;letter-spacing:.4px;display:flex;gap:12px;align-items:center}.feature-copy .meta{color:#c9cbd2;margin:22px 0}.button{display:inline-flex;gap:42px;background:var(--yellow);color:#22242d;font-size:0.8125rem;font-weight:700;padding:12px 20px}.feature-image{overflow:hidden}.feature-image img{height:100%;object-fit:cover}.carousel-controls{position:absolute;bottom:16px;left:44px;right:calc(50% + 24px);display:flex;justify-content:space-between;align-items:center;font:0.6875rem monospace;color:var(--muted)}.carousel-controls button{background:none;border:1px solid #62646c;border-radius:50%;color:white;width:32px;height:32px;margin-left:6px;font-size:1rem}.carousel-controls button:hover{background:var(--yellow);color:#22242d}.library{padding:80px 0}.library-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.library h2{font-size:2.25rem;letter-spacing:-1px;line-height:1.2;margin:15px 0 0}.library h2 span{color:var(--yellow)}#guide-count{color:var(--muted);font-size:0.75rem;padding-bottom:4px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.filter{font-size:0.75rem;padding:8px 18px;border:1px solid #5a5c66;border-radius:3px;background:none;color:#dedee3}.filter[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:#22242d}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;color:#262832;display:flex;flex-direction:column;transition:transform .18s}.card:hover{transform:translateY(-5px)}.card-image{position:relative;overflow:hidden}.card-image img{aspect-ratio:1.65;object-fit:cover}.card-image>span{position:absolute;top:16px;left:16px;background:#22242d;color:white;padding:4px 10px;font-size:0.625rem;letter-spacing:1px;text-transform:uppercase}.card-body{padding:25px;display:flex;flex-direction:column;flex:1}.card .meta{color:#62646d}.card h3{font-size:1.375rem;line-height:1.25;margin:16px 0 12px;letter-spacing:-.4px}.card p{font-size:0.8125rem;line-height:1.8;color:#63646b;margin:0 0 24px}.card-link{font-size:0.75rem;font-weight:bold;margin-top:auto;border-top:1px solid #e5e5e5;padding-top:18px;display:flex;justify-content:space-between}.closing{border-top:1px solid var(--line);text-align:center;padding:52px 0 64px}.closing h2{font-size:2.125rem;letter-spacing:-1px;line-height:1.25}.closing>p{color:var(--muted);font-size:0.875rem}.closing .text-link{display:inline-block;margin-top:14px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:32px 0}footer .brand{font-size:1.125rem}footer p,footer>a:last-child{font-size:0.6875rem;color:var(--muted)}.guide-layout{display:grid;grid-template-columns:260px 1fr;gap:70px;min-height:70vh;padding-top:60px;padding-bottom:90px}.sidebar>a{font-size:0.8125rem;color:var(--muted)}.sidebar>.eyebrow{margin-top:40px}.sidebar-title{font-size:1.375rem;line-height:1.3}.sidebar nav{display:grid;gap:8px;margin-top:28px}.sidebar nav a{font-size:0.875rem;padding:10px 12px;border-left:2px solid var(--line)}.sidebar nav a[aria-current]{border-color:var(--yellow);background:#2e303a;color:var(--yellow)}.prose{max-width:750px}.prose h1{font-size:2.75rem;letter-spacing:-1px;line-height:1.15}.prose h2{margin-top:40px}.prose p,.prose li{color:#d3d4db}.prose a{color:var(--yellow);text-decoration:underline}.prose pre{padding:20px;background:#15171d;overflow:auto}.prose code{font-family:monospace}.prose img{margin:25px 0}.prose table{border-collapse:collapse;display:block;overflow:auto}.prose td,.prose th{padding:10px;border:1px solid var(--line)}
@media(max-width:900px){header nav,main,footer{width:calc(100% - 48px)}.nav-links{gap:20px}.intro-mark{right:15px;font-size:11.25rem;top:60px}.feature-copy{padding:28px 28px 70px}.feature-copy h2{font-size:1.875rem}.carousel-controls{left:28px}.cards{gap:16px}.card-body{padding:20px}.card h3{font-size:1.25rem}.guide-layout{gap:35px;grid-template-columns:210px 1fr}footer p{display:none}}
@media(max-width:640px){header nav{min-height:100px;align-content:center;flex-wrap:wrap;gap:12px;padding:18px 0}.brand{font-size:1.3125rem}.nav-links{width:100%;justify-content:space-between;font-size:0.75rem;gap:12px}.intro{padding:48px 0}.intro h1{letter-spacing:-1.7px}.intro>p:not(.eyebrow){font-size:0.9375rem}.intro-mark{display:none}.feature-heading>span:last-child{display:none}.slide{display:flex;flex-direction:column-reverse}.feature-image img{aspect-ratio:1.8;max-height:270px}.feature-copy{padding:22px 24px 70px}.feature-copy h2{font-size:1.9375rem}.carousel-controls{left:24px;right:24px}.library{padding:52px 0}.library-heading{display:block}.library h2{font-size:1.875rem}#guide-count{display:block;margin-top:16px}.cards{grid-template-columns:1fr;gap:26px}.card h3{font-size:1.5rem}.card-body{padding:25px}.closing h2{font-size:1.8125rem}footer{align-items:start;flex-direction:column;gap:10px}.guide-layout{grid-template-columns:1fr;padding-top:30px;gap:30px}.sidebar nav{margin-top:18px}.sidebar>.eyebrow{margin-top:20px}.prose h1{font-size:2.1875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

/* Accessibility: text resizing, resilient content, and clear control boundaries. */
body{overflow-wrap:anywhere}
main:focus{outline:none}
.guide-layout>*{min-width:0}
.carousel-controls{gap:1rem}
#slide-count{font:0.6875rem/1.5 Arial,sans-serif;max-width:70%}
.carousel-controls>div{display:flex;flex-shrink:0}
.carousel-controls button{width:44px;height:44px;border-color:#9b9da6}
.filter{border-color:#9b9da6;min-height:44px}
.nav-links a,summary{display:inline-flex;align-items:center;min-height:44px}
.prose pre:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.prose pre{overflow-wrap:normal;max-width:100%}
.card:focus-visible{outline-color:#f1d648;box-shadow:0 0 0 2px #22242d}
@media(forced-colors:active){
  .card,.carousel,.button,.filter{border:1px solid CanvasText}
  .filter[aria-pressed=true],.sidebar nav a[aria-current]{border:3px solid Highlight}
  a:focus-visible,button:focus-visible,summary:focus-visible,.prose pre:focus-visible{outline:3px solid Highlight}
}
/* Keep carousel status in normal flow so enlarged text cannot cover controls. */
.carousel-controls{position:static;padding:12px 24px 16px;border-top:1px solid var(--line)}
.feature-copy{padding-bottom:28px}
header nav,.nav-links{flex-wrap:wrap}
header nav{padding-top:12px;padding-bottom:12px}

.sidebar-title{font-weight:700}
.statement{padding-top:48px;padding-bottom:64px;min-height:70vh}
footer>a:not(.brand){font-size:.8125rem;min-height:44px;display:inline-flex;align-items:center}

.carousel-controls button{display:inline-flex;align-items:center;justify-content:center}

.icon{display:inline-block;flex-shrink:0;width:1.125em;height:1.125em;vertical-align:-.15em}.button{align-items:center}