.sv-learn-main{background:var(--bg-page);color:var(--text-body)}.sv-learn-shell{max-width:1200px;margin:0 auto;padding:var(--section-y) 32px}@media (max-width: 768px){.sv-learn-shell{padding-left:20px;padding-right:20px}}.crumb{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);margin-bottom:24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crumb a{color:var(--text-muted);text-decoration:none;border:0}.crumb a:hover{color:var(--accent)}.crumb .crumb__sep{opacity:.5}.crumb .crumb__current{color:var(--text-heading)}.sv-learn-shell .label-mono{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;font-size:11px;letter-spacing:var(--tracking-wide);color:var(--accent);display:inline-block;margin-bottom:20px}.sv-learn-shell .label-mono.ink{color:var(--text-heading)}.sv-learn-index-hero{margin-bottom:48px}.sv-learn-index-hero__title{font-family:var(--font-display);font-weight:500;font-size:clamp(40px,5.6vw,72px);letter-spacing:var(--tracking-tighter);line-height:1.04;color:var(--text-heading);margin:0 0 24px;text-wrap:balance;max-width:22ch}.sv-learn-index-hero__lede{font-size:clamp(17px,1.4vw,19px);line-height:1.5;color:var(--text-body);max-width:60ch;margin:0;letter-spacing:-.005em}.sv-guides-pills{display:flex;flex-wrap:wrap;gap:8px}.sv-guides-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-heading);text-decoration:none;transition:border-color .16s var(--ease),background .16s var(--ease)}.sv-guides-pill:hover{border-color:var(--ink);background:var(--bg-surface)}.sv-guides-cluster{margin-top:64px;scroll-margin-top:80px}.sv-guides-cluster:first-of-type{margin-top:32px}.sv-guides-cluster h2{font-family:var(--font-display);font-weight:500;font-size:clamp(26px,3vw,36px);letter-spacing:-.02em;color:var(--text-heading);margin:0 0 12px;text-wrap:balance}.sv-guides-cluster__desc{font-size:16px;line-height:1.55;color:var(--text-body);max-width:60ch;margin:0 0 32px}.sv-guides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 800px){.sv-guides-grid{grid-template-columns:1fr}}.sv-learn-index-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:24px 26px;text-decoration:none;color:var(--text-heading);transition:border-color .2s var(--ease),transform .2s var(--ease);min-height:0}.sv-learn-index-card:hover{border-color:var(--border);transform:translateY(-2px);color:var(--text-heading)}.sv-learn-index-card__head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sv-learn-index-card__icon{width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center}.sv-learn-index-card__badge{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--accent);color:#fff;padding:4px 8px;border-radius:var(--radius-pill)}.sv-learn-index-card__title{font-family:var(--font-display);font-weight:500;font-size:17px;letter-spacing:-.015em;line-height:1.3;margin:0 0 6px;color:var(--text-heading)}.sv-learn-index-card__sub{font-size:13.5px;line-height:1.5;color:var(--text-muted);margin:0}.sv-learn-index-card__spacer{flex:1}.sv-learn-index-card__footer{margin-top:16px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);display:inline-flex;align-items:center;gap:8px;transition:color .16s var(--ease)}.sv-learn-index-card:hover .sv-learn-index-card__footer{color:var(--accent)}.sv-learn-index-card__arrow{transition:transform .18s var(--ease)}.sv-learn-index-card:hover .sv-learn-index-card__arrow{transform:translate(3px)}.sv-guides-cta{margin-top:80px;padding:48px 32px;background:var(--ink);color:#fff;border-radius:var(--radius-lg);text-align:center;position:relative;overflow:hidden}.sv-guides-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(30,69,217,.42),transparent 50%),radial-gradient(circle at 20% 90%,rgba(30,69,217,.22),transparent 50%);pointer-events:none}.sv-guides-cta__inner{position:relative}.sv-guides-cta h2{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,3.8vw,40px);letter-spacing:-.025em;line-height:1.1;color:#fff;margin:0 0 12px}.sv-guides-cta p{color:#ffffffbf;font-size:16px;margin:0 0 24px}.sv-guides-cta__actions{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}.sv-guides-cta .sv-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:var(--radius-pill);font-size:14px;font-weight:500;text-decoration:none;border:1px solid transparent;transition:background .2s var(--ease),border-color .2s var(--ease)}.sv-guides-cta .sv-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.sv-guides-cta .sv-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.sv-guides-cta .sv-btn--ghost{background:transparent;color:#fff;border-color:#fff3}.sv-guides-cta .sv-btn--ghost:hover{border-color:#fff}.sv-guides-placeholder{margin-top:32px;padding:40px;background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);text-align:center}.sv-guides-placeholder h2{font-family:var(--font-display);font-weight:500;font-size:22px;color:var(--text-heading);margin:0 0 12px}.sv-guides-placeholder p{color:var(--text-body);font-size:15px;line-height:1.6;max-width:60ch;margin:0 auto 16px}.sv-guides-placeholder .sv-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s var(--ease)}.sv-guides-placeholder .sv-btn-primary:hover{background:var(--accent-hover)}.sv-guides-cat-section{padding-top:56px;scroll-margin-top:80px}.sv-guides-cat-section:first-of-type{padding-top:24px}.sv-guides-cat-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.sv-guides-cat-title{display:flex;align-items:center;gap:14px}.sv-guides-cat-pip{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.sv-guides-cat-section h2{font-size:32px;letter-spacing:-.02em;font-weight:500;margin:0}.sv-guides-cat-count{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);white-space:nowrap}.sv-guides-glist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 800px){.sv-guides-glist{grid-template-columns:1fr}}.sv-guides-gcard{display:flex;align-items:flex-start;gap:18px;padding:22px 24px;background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--text-heading);text-decoration:none;transition:border-color .2s var(--ease),transform .2s var(--ease)}.sv-guides-gcard:hover{border-color:var(--border);transform:translateY(-2px)}.sv-guides-gnum{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);padding-top:2px;flex-shrink:0;min-width:36px}.sv-guides-gbody{flex:1}.sv-guides-gbody h3{font-size:16.5px;margin:0 0 4px;letter-spacing:-.015em;font-weight:500;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.sv-guides-gstart{font-family:var(--font-mono);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--accent-soft);color:var(--accent);padding:2px 6px;border-radius:var(--radius-pill);flex-shrink:0}.sv-guides-gbody p{margin:0;font-size:13.5px;color:var(--text-muted);line-height:1.5}.sv-guides-garrow{align-self:center;color:var(--text-muted);transition:color .16s var(--ease),transform .16s var(--ease);flex-shrink:0}.sv-guides-gcard:hover .sv-guides-garrow{color:var(--accent);transform:translate(3px)}.sv-learn-article-header{margin-bottom:48px}.sv-learn-article-title{font-family:var(--font-display);font-weight:500;font-size:clamp(36px,4.4vw,56px);letter-spacing:var(--tracking-tighter);line-height:1.05;color:var(--text-heading);margin:0 0 20px;max-width:22ch;text-wrap:balance}.sv-learn-meta{font-size:13.5px;color:var(--text-muted);line-height:1.6;margin:0}.sv-learn-meta .sv-learn-meta-link{color:var(--text-heading);text-decoration:none;border-bottom:1px solid var(--accent-soft)}.sv-learn-meta .sv-learn-meta-link:hover{border-bottom-color:var(--accent)}.sv-learn-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;align-items:start}@media (max-width: 1024px){.sv-learn-columns{grid-template-columns:1fr;gap:48px}}.sv-learn-main-col{min-width:0}.sv-learn-prose{max-width:720px;font-size:16.5px;line-height:1.7;color:var(--text-body)}.sv-learn-lede{font-size:18.5px;line-height:1.55;color:var(--text-heading);margin:0 0 32px;letter-spacing:-.005em;font-weight:400;padding-left:20px;border-left:2px solid var(--accent)}.sv-learn-prose h2{font-family:var(--font-display);font-weight:500;font-size:clamp(24px,2.8vw,32px);letter-spacing:-.02em;line-height:1.2;color:var(--text-heading);margin:56px 0 16px;scroll-margin-top:80px}.sv-learn-prose h3{font-family:var(--font-display);font-weight:500;font-size:19px;letter-spacing:-.015em;margin:36px 0 10px;color:var(--text-heading);scroll-margin-top:80px}.sv-learn-prose p{margin:0 0 18px;color:var(--text-body)}.sv-learn-prose ul,.sv-learn-prose ol{margin:0 0 20px;padding-left:22px}.sv-learn-prose li{margin-bottom:8px;font-size:16.5px;line-height:1.65;color:var(--text-body)}.sv-learn-prose ul li::marker{color:var(--accent)}.sv-learn-prose strong{color:var(--text-heading);font-weight:500}.sv-learn-prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-soft);transition:border-color .16s var(--ease)}.sv-learn-prose a:hover{border-bottom-color:var(--accent)}.sv-learn-prose code{font-family:var(--font-mono);font-size:14px;background:var(--accent-soft);color:var(--accent-soft-text);padding:2px 7px;border-radius:4px}.sv-learn-prose blockquote{margin:28px 0;padding:20px 24px;background:var(--bg-surface);border:1px solid var(--hairline);border-left:3px solid var(--accent);border-radius:var(--radius-md)}.sv-learn-prose .sv-faq,.sv-learn-prose .sv-faq-section{margin-top:56px;counter-reset:faqitem}.sv-learn-prose details.sv-faq__item,.sv-learn-prose .sv-faq__item{border-top:1px solid var(--hairline);padding:20px 0;counter-increment:faqitem}.sv-learn-prose details.sv-faq__item:last-of-type,.sv-learn-prose .sv-faq__item:last-of-type{border-bottom:1px solid var(--hairline)}.sv-learn-prose .sv-faq__item summary{list-style:none;cursor:pointer;font-family:var(--font-display);font-weight:500;font-size:18px;letter-spacing:-.01em;color:var(--text-heading);display:flex;align-items:baseline;gap:16px;transition:color .16s var(--ease)}.sv-learn-prose .sv-faq__item summary::-webkit-details-marker{display:none}.sv-learn-prose .sv-faq__item summary:before{content:"Q–" counter(faqitem,decimal-leading-zero);font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wide);color:var(--accent);flex-shrink:0;min-width:36px}.sv-learn-prose .sv-faq__item summary:hover{color:var(--accent)}.sv-learn-prose .sv-faq__item[open]>summary{color:var(--accent)}.sv-learn-prose .sv-faq__item p,.sv-learn-prose .sv-faq__item .sv-faq__answer{padding:12px 0 0 52px;font-size:15.5px;line-height:1.6;color:var(--text-body);margin:0}.sv-learn-sidebar{position:sticky;top:80px;font-size:13.5px;display:flex;flex-direction:column;gap:32px}@media (max-width: 1024px){.sv-learn-sidebar{position:static}}.sv-learn-sidebar h4{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:11px;color:var(--text-muted);margin:0 0 12px}.sv-learn-sidebar nav ul,.sv-learn-sidebar ul{list-style:none;padding:0;margin:0}.sv-learn-sidebar li{margin-bottom:8px}.sv-learn-sidebar a{color:var(--text-body);font-size:13.5px;line-height:1.45;display:block;padding:4px 0;text-decoration:none;border:0}.sv-learn-sidebar a:hover{color:var(--accent)}.sv-learn-sidebar a.is-active,.sv-learn-sidebar a[aria-current=true]{color:var(--accent);font-weight:500}.sv-learn-related{display:flex;flex-direction:column;gap:12px;padding-top:32px;border-top:1px solid var(--hairline)}.sv-learn-related h4{margin-bottom:16px}.sv-learn-cta-card,.sv-learn-open-card{padding:24px;background:var(--ink);color:#fff;border-radius:var(--radius-md);position:relative;overflow:hidden}.sv-learn-cta-card h4,.sv-learn-open-card h4{color:#b8c6ff}.sv-learn-cta-card p,.sv-learn-open-card p{font-size:14px;line-height:1.55;color:#ffffffd9;margin:0 0 16px}.sv-learn-cta-card a,.sv-learn-open-card a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--accent);color:#fff;border-radius:var(--radius-pill);font-size:13px;font-weight:500;text-decoration:none;border:0;transition:background .2s var(--ease)}.sv-learn-cta-card a:hover,.sv-learn-open-card a:hover{background:var(--accent-hover)}.sv-learn-cta-banner{margin:48px 0;padding:32px 28px;background:var(--accent-soft);border:1px solid var(--hairline);border-radius:var(--radius-lg);text-align:center}.sv-learn-cta-banner__title{font-family:var(--font-display);font-weight:500;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.02em;color:var(--text-heading);margin:0 0 12px}.sv-learn-cta-banner p{font-size:15px;color:var(--text-body);line-height:1.55;margin:0 0 20px}.sv-learn-thumbs{margin-top:56px;padding-top:32px;border-top:1px solid var(--hairline)}.sv-learn-thumbs h4{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:11px;color:var(--text-muted);margin:0 0 16px}.sv-learn-thumbs button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;margin-right:8px;background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-pill);color:var(--text-heading);font-size:14px;font-weight:500;cursor:pointer;transition:border-color .16s var(--ease)}.sv-learn-thumbs button:hover{border-color:var(--ink)}.article-hero{padding:56px 0 48px;position:relative;overflow:hidden}.article-hero .container{position:relative;display:grid;grid-template-columns:1fr;gap:64px;align-items:end;max-width:1200px;margin:0 auto;padding:0 32px}.article-hero--has-illo .container{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.article-hero .crumb{margin-bottom:28px}@media (max-width: 1000px){.article-hero--has-illo .container{grid-template-columns:1fr;gap:32px}}.article-hero__illo--placeholder{min-height:220px;border-radius:var(--radius-lg)}.article-hero__illo--placeholder>*{display:none}.article-hero__illo--accent{border-radius:var(--radius-lg);min-height:280px;background:radial-gradient(ellipse at 28% 38%,rgba(74,107,255,.3) 0%,transparent 55%),radial-gradient(ellipse at 72% 68%,rgba(30,69,217,.18) 0%,transparent 45%),linear-gradient(148deg,#0d1f42,#0a1428 55%,#050e20);position:relative;overflow:hidden}.article-hero__illo--accent:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 210deg at 65% 45%,transparent 0deg,rgba(255,255,255,.025) 80deg,transparent 160deg);border-radius:inherit}.hero-illo{position:relative;height:480px;display:flex;align-items:center;justify-content:center}.slice-stack{position:relative;width:320px;height:380px}.slice{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#2a3a55,#1a2540 30%,#0a1428,#050a1a);box-shadow:inset 0 0 60px #0009,0 20px 50px #0b15302e,0 0 0 1px #0b153014;left:50%;top:50%;transform-origin:center}.slice:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 90deg at 50% 50%,transparent 0deg,rgba(255,255,255,.04) 90deg,transparent 180deg,rgba(255,255,255,.04) 270deg,transparent 360deg);mix-blend-mode:overlay}.slice.s1{transform:translate(-50%,-50%) translate(-44px,-64px) rotate(-5deg);opacity:.35}.slice.s2{transform:translate(-50%,-50%) translate(-22px,-32px) rotate(-2deg);opacity:.55}.slice.s3{transform:translate(-50%,-50%) translate(0) rotate(0);opacity:1}.slice.s4{transform:translate(-50%,-50%) translate(22px,32px) rotate(2deg);opacity:.55}.slice.s5{transform:translate(-50%,-50%) translate(44px,64px) rotate(5deg);opacity:.35}.illo-label{position:absolute;font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.illo-label:before{content:"";width:24px;height:1px;background:var(--text-muted);opacity:.5}.illo-label.tl{top:8px;left:0}.illo-label.bl{bottom:0;left:0}.illo-label.tr{top:8px;right:0;flex-direction:row-reverse}.illo-label.tr:before{display:none}.illo-label.tr:after{content:"";width:24px;height:1px;background:var(--text-muted);opacity:.5}.illo-label.br{bottom:0;right:0;flex-direction:row-reverse}.illo-label.br:before{display:none}.illo-label.br:after{content:"";width:24px;height:1px;background:var(--text-muted);opacity:.5}.illo-callout{position:absolute;background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:12px 16px;font-size:12px;line-height:1.4;color:var(--text-heading);box-shadow:0 4px 16px #0b15300d;max-width:180px}.illo-callout .k{display:block;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent);margin-bottom:4px}.illo-callout.c1{top:32px;right:-8px}.illo-callout.c2{bottom:24px;left:-16px}@media (max-width: 1000px){.hero-illo{height:360px;order:-1}.slice-stack{width:260px;height:320px}.slice{width:240px;height:240px}.article-hero__illo--accent{min-height:180px}}@media (max-width: 768px){.article-hero{padding:40px 0 32px}.article-hero .container{padding:0 20px}}.art-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent);margin-bottom:28px;padding:6px 12px;background:var(--accent-soft);border-radius:var(--radius-pill)}.art-eyebrow .dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.article-hero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(38px,4.8vw,62px);letter-spacing:-.035em;line-height:1.02;margin:0 0 24px;max-width:16ch;color:var(--text-heading);text-wrap:balance}.article-hero h1 .accent-word{color:var(--accent);font-style:italic;font-weight:500}.article-hero .deck{font-size:clamp(16px,1.35vw,19px);line-height:1.5;color:var(--text-body);max-width:52ch;margin:0 0 32px;letter-spacing:-.005em}.byline{display:flex;align-items:center;gap:24px;padding-top:24px;border-top:1px solid var(--hairline);font-size:13.5px;color:var(--text-muted);flex-wrap:wrap}.byline .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1e45d9,#4a6bff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px;letter-spacing:0;flex-shrink:0}.byline .who{color:var(--text-heading);font-weight:500}.byline .role{display:block;font-size:12.5px;color:var(--text-muted)}.byline .meta-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted);opacity:.5}.byline .meta-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.byline .difficulty{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent)}.byline .reviewer{width:100%;margin-top:8px;font-size:12.5px;color:var(--text-muted)}.byline .reviewer .reviewer-who{color:var(--text-heading);font-weight:500}.article-body{padding:24px 0 96px;position:relative}.article-body .container{display:grid;grid-template-columns:220px minmax(0,1fr);gap:80px;align-items:start;max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width: 1024px){.article-body .container{grid-template-columns:1fr;gap:32px}}@media (max-width: 768px){.article-body{padding:16px 0 64px}.article-body .container{padding:0 20px}}.art-toc{position:sticky;top:96px;font-size:13.5px;max-height:calc(100vh - 120px);overflow-y:auto}@media (max-width: 1024px){.art-toc{display:none}}.art-toc h4{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:10.5px;color:var(--text-muted);margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--hairline)}.art-toc ol{list-style:none;padding:0;margin:0;counter-reset:toc}.art-toc li{margin-bottom:4px;counter-increment:toc}.art-toc li a{display:grid;grid-template-columns:28px 1fr;gap:4px;align-items:baseline;color:var(--text-body);font-size:13.5px;line-height:1.35;border-left:2px solid transparent;padding:7px 0 7px 12px;margin-left:-12px;text-decoration:none;transition:color .16s var(--ease),border-color .16s var(--ease)}.art-toc li a:before{content:counter(toc,decimal-leading-zero);font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);letter-spacing:.05em}.art-toc li a:hover{color:var(--accent)}.art-toc li a.active{color:var(--accent);border-left-color:var(--accent);font-weight:500}.art-toc li a.active:before{color:var(--accent)}.art-toc .reading-progress{margin-top:28px;padding:16px;background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-md)}.art-toc .reading-progress .lbl{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);margin-bottom:10px;display:block}.art-toc .reading-progress .bar{height:4px;background:var(--accent-soft);border-radius:var(--radius-pill);overflow:hidden}.art-toc .reading-progress .bar>span{display:block;height:100%;width:var(--progress, 0%);background:var(--accent);border-radius:var(--radius-pill);transition:width 80ms linear}.reading-progress--mobile{display:none;position:fixed;top:60px;left:0;right:0;height:3px;background:var(--accent-soft);z-index:40;pointer-events:none}.reading-progress--mobile span{display:block;height:100%;width:var(--progress, 0%);background:var(--accent);transition:width 80ms linear}@media (max-width: 1024px){.reading-progress--mobile{display:block}}.toc-toggle{display:none}@media (max-width: 1024px){.toc-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:24px;background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-heading);cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease)}.toc-toggle:hover{border-color:var(--ink)}.toc-toggle[aria-expanded=true]{background:var(--ink);color:#fff;border-color:var(--ink)}}.toc-drawer{display:none}.toc-drawer.is-open{display:block;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--bg-surface);z-index:60;padding:24px 20px;overflow-y:auto;box-shadow:0 8px 24px -12px #0b153029}.toc-drawer .art-toc{display:block!important;position:static;max-height:none;overflow:visible;top:auto}.toc-drawer-backdrop{display:none}.toc-drawer-backdrop.is-open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0b153066;z-index:55}.article{max-width:700px;font-size:17px;line-height:1.7;color:var(--text-body);min-width:0}.article>section{margin-bottom:64px}.article>section:last-child{margin-bottom:0}.article p{margin:0 0 22px;font-size:17px;line-height:1.7;color:var(--text-body)}.article p:last-child{margin-bottom:0}.article p strong{color:var(--text-heading);font-weight:600}.article a{color:var(--accent);border-bottom:1px solid var(--accent-soft);text-decoration:none;transition:border-color .16s var(--ease)}.article a:hover{border-bottom-color:var(--accent)}.article code{font-family:var(--font-mono);font-size:14px;background:var(--accent-soft);color:var(--accent-soft-text);padding:2px 8px;border-radius:4px;letter-spacing:0}.article ul{list-style:none;padding:0;margin:0 0 28px}.article ul li{position:relative;padding-left:24px;margin-bottom:12px;font-size:17px;line-height:1.65;color:var(--text-body)}.article ul li:before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.article ul li strong{color:var(--text-heading)}.article ol.steps{list-style:none;padding:0;margin:0 0 32px;counter-reset:step}.article ol.steps>li{position:relative;padding-left:56px;margin-bottom:20px;counter-increment:step;font-size:16.5px;line-height:1.6}.article ol.steps>li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;width:40px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--accent);padding-top:4px;border-top:2px solid var(--accent)}.article blockquote{margin:28px 0;padding:20px 24px;background:var(--bg-surface);border:1px solid var(--hairline);border-left:3px solid var(--accent);border-radius:var(--radius-md);color:var(--text-heading);font-size:16px;line-height:1.6}.article-section{scroll-margin-top:96px}.section-num{display:flex;align-items:baseline;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--hairline)}.section-num .num{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent)}.section-num .num:before{content:"Chapter ";color:var(--text-muted)}.article-section h2{font-family:var(--font-display);font-size:clamp(28px,3.2vw,36px);letter-spacing:-.025em;line-height:1.1;margin:0 0 24px;color:var(--text-heading);font-weight:500;max-width:22ch;position:relative}.article h3{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.015em;margin:36px 0 12px;color:var(--text-heading);scroll-margin-top:96px;position:relative}.article-section h2 .anchor,.article-section h3 .anchor,.article h3 .anchor{display:inline-block;margin-left:12px;font-family:var(--font-mono);font-weight:400;font-size:.7em;color:var(--accent);text-decoration:none;border:0;opacity:0;transition:opacity .16s var(--ease);vertical-align:middle}.article-section h2:hover .anchor,.article-section h3:hover .anchor,.article h3:hover .anchor{opacity:.6}.article-section h2 .anchor:hover,.article-section h3 .anchor:hover,.article h3 .anchor:hover{opacity:1}.anchor-copied-toast{position:fixed;z-index:1000;background:var(--ink);color:#fff;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:8px 12px;border-radius:var(--radius-pill);pointer-events:none;opacity:0;transform:translate(-50%,-100%);transition:opacity .16s var(--ease)}.anchor-copied-toast.is-visible{opacity:1}.dropintro{font-size:22px;line-height:1.45;color:var(--text-heading);letter-spacing:-.015em;margin:0 0 32px;font-weight:400;padding-left:24px;border-left:2px solid var(--accent)}.faq-block{margin-top:56px;counter-reset:faqitem}.faq-block details{border-top:1px solid var(--hairline);padding:20px 0;counter-increment:faqitem}.faq-block details:last-of-type{border-bottom:1px solid var(--hairline)}.faq-block summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:16px;font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:-.01em;color:var(--text-heading);transition:color .16s var(--ease)}.faq-block summary::-webkit-details-marker{display:none}.faq-block summary .qnum{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wide);color:var(--accent);flex-shrink:0;min-width:36px}.faq-block summary .qnum:before{content:"Q–" counter(faqitem,decimal-leading-zero)}.faq-block summary:hover{color:var(--accent)}.faq-block details[open] summary{color:var(--accent)}.faq-block summary .ico{margin-left:auto;font-family:var(--font-mono);font-size:18px;color:var(--text-muted);transition:transform .2s var(--ease)}.faq-block details[open] summary .ico{transform:rotate(45deg);color:var(--accent)}.faq-block .a{padding:16px 0 0 52px;font-size:15.5px;line-height:1.6;color:var(--text-body)}.faq-block .a p{margin:0 0 12px}.faq-block .a p:last-child{margin:0}.article-pager{margin-top:56px;padding-top:32px;border-top:1px solid var(--hairline);display:grid;grid-template-columns:1fr 1fr;gap:16px}.article-pager a{display:block;padding:24px 28px;background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--text-heading);text-decoration:none;transition:border-color .2s var(--ease),transform .2s var(--ease)}.article-pager a:hover{border-color:var(--ink);transform:translateY(-2px)}.article-pager .lbl{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);margin-bottom:8px;display:block}.article-pager .ttl{font-size:17px;font-weight:500;letter-spacing:-.015em;display:block;color:var(--text-heading)}.article-pager .next{text-align:right}.article-pager .empty{visibility:hidden}@media (max-width: 700px){.article-pager{grid-template-columns:1fr}.article-pager .next{text-align:left}.article-pager .empty{display:none}}.related{margin-top:64px;padding:96px 0 32px;background:var(--bg-surface);border-top:1px solid var(--hairline)}.related .container{max-width:1200px;margin:0 auto;padding:0 32px}.related .head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:32px;flex-wrap:wrap;gap:16px}.related h2{font-family:var(--font-display);font-size:clamp(28px,3vw,36px);letter-spacing:-.025em;margin:0;font-weight:500}.related .head .more{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent);text-decoration:none}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.related-grid{grid-template-columns:1fr}}.related-card{background:var(--bg-page);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:28px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s var(--ease),transform .2s var(--ease);color:var(--text-heading);text-decoration:none;min-height:200px}.related-card:hover{border-color:var(--ink);transform:translateY(-2px)}.related-card .gnum{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent)}.related-card h3{margin:0;font-family:var(--font-display);font-size:19px;letter-spacing:-.02em;font-weight:500;line-height:1.25}.related-card p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.5}.related-card .arr{margin-top:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;transition:color .16s var(--ease)}.related-card .arr:after{content:" →"}.related-card:hover .arr{color:var(--accent)}.helpful{margin-top:56px;padding-top:32px;border-top:1px solid var(--hairline)}.helpful h4{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:11px;color:var(--text-muted);margin:0 0 16px}.helpful__buttons{display:inline-flex;gap:8px}.helpful button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-pill);color:var(--text-heading);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease)}.helpful button:hover{border-color:var(--ink)}.helpful button.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}
