:root{color-scheme:dark;--ink:#f8eff1;--muted:#b9a9ad;--dim:#827176;--panel:#11090d;--panel2:#1a0d13;--line:rgba(255,255,255,.13);--hot:#ff245f;--pink:#ff8aaa;--green:#72e6ac;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#080507}
body{margin:0;background:radial-gradient(circle at 82% 4%,rgba(170,9,52,.18),transparent 32%),linear-gradient(180deg,#090608,#050304 70%);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
.site-header{width:min(var(--max),calc(100% - 40px));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.site-brand{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.site-brand span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--pink);border-radius:50%;background:#ae0b39;box-shadow:0 0 24px rgba(255,36,95,.35);font-weight:950;letter-spacing:-.05em}
.site-header nav,.site-footer nav{display:flex;align-items:center;gap:22px;color:#d3c4c8;font-size:12px;font-weight:750}
.site-header nav a:hover,.site-footer a:hover{color:#fff}
.header-chat{padding:9px 14px;border:1px solid rgba(255,138,170,.55);border-radius:999px;background:#8d1234;color:#fff!important}
main{min-height:65vh}
.article-shell,.hub-shell{width:min(var(--max),calc(100% - 40px));margin:auto}
.breadcrumbs{padding:22px 0;color:var(--dim);font-size:12px}
.breadcrumbs ol{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px;list-style:none}
.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:7px;color:#57464b}
.breadcrumbs a:hover{color:var(--pink)}
.article-hero{max-width:900px;padding:64px 0 54px}
.eyebrow{margin:0 0 12px;color:var(--pink);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
h1,h2,h3{line-height:1.15;letter-spacing:-.025em}
.article-hero h1,.hub-hero h1{margin:0;font-size:clamp(44px,7vw,82px);max-width:1050px}
.dek,.hub-hero>p:last-child{max-width:760px;margin:24px 0 0;color:#d7c9cc;font-size:clamp(18px,2vw,23px);line-height:1.52}
.article-meta{margin:24px 0 0;color:var(--dim);font-size:12px}
.article-meta span{margin:0 7px}
.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:72px;align-items:start;padding-bottom:78px}
.toc{position:sticky;top:18px;padding:20px;border:1px solid var(--line);background:rgba(13,7,10,.82)}
.toc>p{margin:0 0 12px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.toc ol{margin:0;padding-left:18px;color:#9d8c91;font-size:12px}
.toc li+li{margin-top:8px}.toc a:hover{color:var(--pink)}
.article-body{min-width:0}
.article-body>section{scroll-margin-top:20px;margin-bottom:54px}
.article-body h2{margin:0 0 20px;font-size:clamp(29px,4vw,42px)}
.article-body h3{margin:30px 0 10px;font-size:22px}
.article-body p{margin:0 0 18px;color:#d6c9cc;font-size:17px}
.article-body ul,.article-body ol{margin:0 0 24px;padding-left:24px;color:#d6c9cc;font-size:16px}
.article-body li+li{margin-top:10px}
.article-body strong{color:#fff}
.article-body a:not(.practice-cta a):not(.related-card){color:var(--pink);text-decoration:underline;text-decoration-color:rgba(255,138,170,.35);text-underline-offset:3px}
.callout{margin:28px 0;padding:22px 24px;border-left:3px solid var(--hot);background:linear-gradient(90deg,rgba(163,10,50,.2),rgba(24,11,17,.72));color:#efe2e5}
.callout strong{display:block;margin-bottom:4px;color:#fff}
.example{margin:20px 0;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#140b0f}
.example p:last-child{margin-bottom:0}
.example-label{color:var(--green)!important;font-size:11px!important;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.checklist{padding:24px!important;border:1px solid rgba(114,230,172,.22);border-radius:16px;background:rgba(19,56,39,.15);list-style:"✓  "}
.practice-cta{margin:60px 0;padding:34px;border:1px solid rgba(255,96,137,.4);border-radius:18px;background:radial-gradient(circle at 90% 10%,rgba(255,36,95,.21),transparent 40%),#160a10}
.practice-cta>p:first-child{margin:0;color:var(--pink);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.practice-cta h2{margin:7px 0 12px;font-size:32px}.practice-cta p{font-size:16px}.practice-cta a{display:inline-flex;margin:7px 0 12px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#e91d55,#8e1234);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.practice-cta small{display:block;color:#8f7c82;font-size:11px}
.faq{margin-top:60px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{padding:20px 30px 20px 0;cursor:pointer;color:#f6e9ec;font-weight:800;list-style-position:outside}.faq details p{padding:0 0 20px;font-size:15px}
.sources{margin-top:58px;padding-top:8px}.sources ul{font-size:14px}.sources a{word-break:break-word}
.related{margin-top:62px}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:#11090d}.related-card:hover{border-color:rgba(255,138,170,.45);transform:translateY(-2px)}.related-card span{display:block;margin-bottom:8px;color:var(--pink);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.related-card strong,.related-card small{display:block}.related-card small{margin-top:9px;color:#9f8e93;line-height:1.5}
.hub-hero{padding:70px 0 58px}.hub-hero-wide{max-width:1000px}.guide-grid,.cluster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:60px}.guide-card,.cluster-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(28,13,20,.9),rgba(10,6,8,.94));transition:.18s ease}.guide-card:hover,.cluster-card:hover{border-color:rgba(255,138,170,.5);transform:translateY(-3px)}.guide-card>span,.cluster-card>span{color:var(--pink);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.guide-card h2,.cluster-card h2{margin:10px 0;font-size:30px}.guide-card p,.cluster-card p{color:#bbaaaf}.guide-card>strong,.cluster-card>strong{display:block;margin-top:20px;color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.hub-adjacent,.editorial-note,.coming-note{margin:0 0 70px;padding:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(15,8,11,.62)}.hub-adjacent h2,.editorial-note h2,.coming-note h2{margin:0 0 9px;font-size:25px}.hub-adjacent p,.editorial-note p,.coming-note p{margin:0;color:#b8a8ac}.hub-adjacent a{color:var(--pink)}
.site-footer{width:min(var(--max),calc(100% - 40px));margin:auto;padding:38px 0 55px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:20px;color:#9d8b90;font-size:12px}.site-footer p{margin:0}.footer-note{grid-column:1/-1;max-width:760px;color:#746268}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:24px}.toc{position:static}.article-hero{padding:45px 0 38px}.guide-grid,.cluster-grid{grid-template-columns:1fr}.site-header nav a:not(.header-chat){display:none}.related-grid{grid-template-columns:1fr}}
@media(max-width:600px){.site-header,.article-shell,.hub-shell,.site-footer{width:calc(100% - 28px)}.site-header{min-height:62px}.site-brand strong{display:none}.header-chat{padding:8px 11px;font-size:11px}.breadcrumbs{padding:16px 0}.article-hero,.hub-hero{padding:36px 0}.article-hero h1,.hub-hero h1{font-size:42px}.dek,.hub-hero>p:last-child{font-size:17px}.article-body p{font-size:16px}.article-body>section{margin-bottom:44px}.practice-cta{padding:24px}.guide-card,.cluster-card{padding:23px}.site-footer{grid-template-columns:1fr}.footer-note{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-card,.cluster-card,.related-card{transition:none}}