@layer reset,base,components,utilities;
@layer reset{*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,figure{margin:0}img,svg,video,iframe{display:block;max-width:100%}button,input{font:inherit}}
@layer base{
:root{--bg:#0c0e12;--surface:#14171d;--surface-2:#1b1f27;--text:#f7f3ef;--muted:#aaa7a4;--line:#2b2f38;--orange:#ff6b2c;--orange-light:#ff9a6d;--max:1120px;--archive:900px;--prose:700px;--radius:18px;--shadow:0 24px 70px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
body{background:var(--bg);color:var(--text);line-height:1.65;min-width:320px}a{color:inherit;text-decoration-color:var(--orange);text-underline-offset:.2em}a:hover{color:var(--orange-light)}:focus-visible{outline:3px solid var(--orange-light);outline-offset:4px;border-radius:3px}.container{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.prose-width{max-width:var(--prose);margin-inline:auto}.eyebrow{color:var(--orange-light);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3{line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,7vw,5.8rem)}h2{font-size:clamp(1.6rem,3vw,2.6rem)}p{color:var(--muted)}
}
@layer components{
.skip-link{position:fixed;z-index:100;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;background:var(--text);color:var(--bg);border-radius:8px}.skip-link:focus{top:.75rem;left:.75rem;width:auto;height:auto;padding:.7rem 1rem;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal}.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:rgba(12,14,18,.92);backdrop-filter:blur(12px)}.nav-wrap{width:min(calc(100% - 2rem),var(--max));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:700;text-decoration:none}.brand b{color:var(--orange);font-weight:700}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--orange);color:var(--bg);font-weight:950}.menu summary{display:none}.menu nav,.desktop-nav{display:flex;align-items:center;gap:1.5rem}.menu nav>a:not(.button),.desktop-nav>a:not(.button){color:var(--muted);font-weight:650;text-decoration:none}.menu nav>a[aria-current=page],.desktop-nav>a[aria-current=page]{color:var(--text)}.button{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;border:0;border-radius:999px;padding:.8rem 1.15rem;background:var(--orange);color:#15100d!important;font-weight:800;text-decoration:none;cursor:pointer}.button:hover{background:#ff8250}.button.small{padding:.55rem .9rem;font-size:.9rem}.hero{text-align:center;padding-block:clamp(5rem,12vw,9rem)}.hero h1{margin:.7rem 0 1.3rem}.hero h1 em{color:var(--orange);font-style:normal}.hero>p:not(.eyebrow){max-width:620px;margin:0 auto 2rem;font-size:1.15rem}.archive{max-width:var(--archive);padding-bottom:6rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.section-heading h2{margin-top:.4rem}.lead-card{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(1.5rem,5vw,4rem);margin-bottom:4rem}.lead-image,.card-image,.post-hero{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:var(--surface)}.lead-image img,.card-image img,.post-hero img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.lead-image:hover img,.card-image:hover img{transform:scale(1.025)}.lead-card h2{margin:.55rem 0 .75rem}.lead-card h2 a,.card h2 a{text-decoration:none}.lead-card>div>p:last-of-type{margin:1rem 0}.read-more{font-weight:750}.meta{display:flex;flex-wrap:wrap;gap:.45rem;color:#8f9096;font-size:.82rem}.meta a{text-decoration:none}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.card{min-width:0;overflow-wrap:anywhere}.card-image{display:block;margin-bottom:1.1rem}.card-body h2{font-size:1.35rem;margin:.35rem 0 .6rem}.card-body>p:last-child{font-size:.94rem;margin-top:.75rem}.pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--line)}.pagination a{font-weight:750}.pagination span{color:var(--muted);font-size:.9rem}.page-header{max-width:var(--archive);padding-block:clamp(4rem,8vw,7rem);text-align:center}.page-header h1{margin:.4rem 0 1rem}.page-header p:last-child{font-size:1.1rem}.post-header{padding-block:clamp(4rem,8vw,7rem);text-align:center}.post-header h1{font-size:clamp(2.5rem,6vw,5rem);margin:.6rem 0 1.25rem}.post-header .meta{justify-content:center}.dek{margin-top:1.3rem;font-size:1.15rem}.post-hero{max-width:var(--archive)}.article-layout{display:grid;grid-template-columns:180px minmax(0,var(--prose));gap:3rem;justify-content:center;padding-block:4rem}.toc{font-size:.83rem}.toc details{position:sticky;top:2rem}.toc summary{font-weight:800;cursor:pointer;margin-bottom:.75rem}.toc nav>ul{padding-left:0;list-style:none}.toc ul{padding-left:1rem}.toc li{margin:.4rem 0}.toc a{color:var(--muted);text-decoration:none}.prose{width:100%;max-width:var(--prose);margin-inline:auto;min-width:0}.prose>*+*{margin-top:1.25em}.prose h2,.prose h3{margin-top:2em;scroll-margin-top:1rem}.prose h2{font-size:2rem}.prose h3{font-size:1.4rem}.prose p,.prose li{color:#cfcdca}.prose a{overflow-wrap:anywhere}.prose img,.prose video,.prose iframe{width:auto;max-width:100%;height:auto;margin-inline:auto;border-radius:12px}.prose iframe{width:100%;aspect-ratio:16/9}.prose figure{margin:2rem 0}.prose figcaption{text-align:center;color:var(--muted);font-size:.85rem;margin-top:.5rem}.prose blockquote{margin:2rem 0;padding:.25rem 0 .25rem 1.5rem;border-left:4px solid var(--orange);font-size:1.1rem}.prose pre{overflow:auto;padding:1.25rem;border:1px solid var(--line);border-radius:12px;background:#090b0e}.prose code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em;background:var(--surface-2);padding:.15em .35em;border-radius:4px}.prose pre code{background:none;padding:0}.prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}.prose th,.prose td{padding:.7rem;border:1px solid var(--line);text-align:left}.prose th{background:var(--surface-2)}.prose .__se__toc-new-container{display:none}.tags{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:2rem;border-top:1px solid var(--line)}.tags a{padding:.35rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);text-decoration:none;font-size:.85rem}.article-cta{margin:3rem 0;padding:2rem;border:1px solid #66331f;border-radius:var(--radius);background:linear-gradient(135deg,#27150f,var(--surface))}.article-cta h2{margin:.5rem 0}.article-cta .button{margin-top:1.25rem}.share{margin-top:3rem}.share h2{font-size:1.2rem;margin-bottom:.8rem}.share>div{display:flex;flex-wrap:wrap;gap:.5rem}.share a,.share button{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:.55rem .75rem;text-decoration:none;cursor:pointer}.share-status{min-height:1.5em;font-size:.85rem;margin-top:.5rem}.related{padding-block:4rem;border-top:1px solid var(--line)}.post-nav{max-width:var(--archive);display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-block:3rem;border-top:1px solid var(--line)}.post-nav a{display:flex;flex-direction:column;padding:1rem;border:1px solid var(--line);border-radius:12px;text-decoration:none}.post-nav a:last-child{text-align:right}.post-nav small{color:var(--orange-light);text-transform:uppercase}.search,.topics{max-width:var(--archive);padding-bottom:6rem}.search form label,.topics>label{display:block;font-weight:750;margin-bottom:.6rem}.search form>div{display:flex;gap:.6rem}.search input,.topics input{width:100%;padding:.85rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}.search-message,.topic-status{margin:1rem 0}.search-result{padding:1.2rem 0;border-top:1px solid var(--line)}.search-result h2{font-size:1.3rem;margin-bottom:.4rem}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.topic-grid a{display:flex;justify-content:space-between;gap:.5rem;padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-decoration:none}.topic-grid small{color:var(--muted);white-space:nowrap}.site-footer{width:min(calc(100% - 2rem),var(--max));margin:auto;display:grid;grid-template-columns:1fr auto;gap:2rem;padding-block:4rem;border-top:1px solid var(--line)}.site-footer>div p{margin-top:.75rem}.site-footer nav{display:flex;gap:1.25rem}.copyright{grid-column:1/-1;font-size:.85rem}
.responsive-embed{position:relative;aspect-ratio:16/9;max-width:100%;overflow:hidden}.responsive-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.article-layout>.prose:first-child{grid-column:1/-1}
}
@layer utilities{
@media(max-width:760px){.desktop-nav{display:none}.menu summary{display:flex;align-items:center;gap:.4rem;cursor:pointer;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu summary svg{width:24px;fill:none;stroke:currentColor;stroke-width:2}.menu nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:1rem;background:var(--surface);border-bottom:1px solid var(--line)}.menu[open] nav{display:flex}.menu nav a{padding:.5rem}.lead-card{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.article-layout{display:block;padding-top:2rem}.toc{margin-bottom:2rem}.toc details{position:static;padding:1rem;border:1px solid var(--line);border-radius:10px}.topic-grid{grid-template-columns:1fr}.post-nav{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}.search form>div{align-items:stretch;flex-direction:column}}
@media(min-width:761px){.menu{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
}
/* Accessible text that should not add visual noise. */
[hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
