:root{--article-bg:#f2f2f7;--card-bg:#fff;--card-radius:28px;--card-shadow:0 2px 20px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);--card-padding-sm:28px;--card-padding-md:48px;--card-padding-lg:60px 72px;--text-label:11px;--text-caption:13px;--text-body:17px;--text-lead:19px;--text-h3:19px;--text-h2:24px;--text-h1:44px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--tracking-tight:-0.03em;--tracking-tighter:-0.04em;--tracking-wide:0.06em;--tracking-widest:0.12em;--color-primary:#1c1c1e;--color-secondary:#3a3a3c;--color-tertiary:#636366;--color-quaternary:#8e8e93;--color-hairline:#e5e5ea;--color-fill:#f2f2f7;--color-fill-2:#ebebf0;--color-accent:#6e5cf6;--color-accent-soft:rgba(110,92,246,.08);--callout-note-bg:#f0f4ff;--callout-note-border:#bfcfff;--callout-note-text:#1e3a8a;--callout-warning-bg:#fffbeb;--callout-warning-border:#fcd34d;--callout-warning-text:#78350f;--callout-tip-bg:#f0fdf4;--callout-tip-border:#86efac;--callout-tip-text:#14532d}.article-page{min-height:100vh;background-color:var(--article-bg);color:var(--color-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,SF Pro Text,Helvetica Neue,sans-serif}.article-main{max-width:72rem;margin:0 auto;padding:128px 20px 96px}@media (min-width:640px){.article-main{padding-left:32px;padding-right:32px}}@media (min-width:1024px){.article-main{padding-left:40px;padding-right:40px}}.article-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:32px;font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-tertiary);text-decoration:none;letter-spacing:0;transition:color .15s ease}.article-back:hover{color:var(--color-accent)}.article-card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--card-padding-sm);overflow:hidden}@media (min-width:640px){.article-card{padding:var(--card-padding-md)}}@media (min-width:1024px){.article-card{padding:var(--card-padding-lg)}}.article-category{display:inline-block;margin-bottom:20px;padding:4px 12px;background:var(--color-fill);border-radius:999px;font-size:var(--text-label);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-tertiary)}.article-title{font-size:clamp(28px,5vw,var(--text-h1));font-weight:var(--weight-black);letter-spacing:var(--tracking-tighter);line-height:1.07;color:var(--color-primary);margin-bottom:20px}.article-meta{display:flex;align-items:center;gap:8px;font-size:var(--text-caption);color:var(--color-quaternary);margin-bottom:36px;padding-bottom:36px;border-bottom:1px solid var(--color-hairline)}.article-meta-dot{color:var(--color-fill-2)}.article-lead{font-size:var(--text-lead);font-weight:var(--weight-medium);line-height:1.75;letter-spacing:-.01em;margin-bottom:40px}.article-body,.article-lead{color:var(--color-secondary)}.article-body{font-size:var(--text-body);line-height:1.85;letter-spacing:-.005em}.article-body p{margin-bottom:20px}.article-body p:last-child{margin-bottom:0}.article-body h2{font-size:var(--text-h2);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:1.2;color:var(--color-primary);margin-top:52px;margin-bottom:16px}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:1.3;color:var(--color-primary);margin-top:36px;margin-bottom:12px}.article-body section{margin-bottom:44px}.article-body section:last-child{margin-bottom:0}.article-body ol,.article-body ul{margin:16px 0 20px;padding-left:24px}.article-body li{margin-bottom:10px;line-height:1.7;color:var(--color-secondary)}.article-body ul{list-style:none;padding-left:0}.article-body ul li{padding-left:20px;position:relative}.article-body ul li:before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--color-accent)}.article-body ol{counter-reset:ol-counter;list-style:none;padding-left:0}.article-body ol li{counter-increment:ol-counter;padding-left:32px;position:relative}.article-body ol li:before{content:counter(ol-counter);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--color-accent);color:#fff;font-size:12px;font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center;line-height:1}.article-body strong{font-weight:var(--weight-semibold);color:var(--color-primary)}.article-body em{font-style:italic;color:var(--color-secondary)}.article-body a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:opacity .15s ease}.article-body a:hover{opacity:.7}.article-body code{font-family:SF Mono,Fira Code,monospace;font-size:14px;background:var(--color-fill);color:var(--color-primary);padding:2px 6px;border-radius:5px;border:1px solid var(--color-hairline)}.article-body blockquote{margin:28px 0;padding:20px 24px;border-left:3px solid var(--color-accent);background:var(--color-accent-soft);border-radius:0 12px 12px 0;color:var(--color-secondary);font-size:var(--text-body);font-style:italic;line-height:1.75}.article-body blockquote p{margin-bottom:0}.callout{margin:28px 0;padding:18px 22px;border-radius:14px;font-size:var(--text-caption);line-height:1.7;display:flex;gap:12px;align-items:flex-start}.callout-label{font-size:11px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;display:block;margin-bottom:4px}.callout-note{background:var(--callout-note-bg);border:1px solid var(--callout-note-border);color:var(--callout-note-text)}.callout-warning{background:var(--callout-warning-bg);border:1px solid var(--callout-warning-border);color:var(--callout-warning-text)}.callout-tip{background:var(--callout-tip-bg);border:1px solid var(--callout-tip-border);color:var(--callout-tip-text)}.article-citation{display:inline;padding:1px 5px;background:var(--color-accent-soft);border-radius:4px;font-size:13px;font-weight:var(--weight-medium);color:var(--color-accent);text-decoration:none;cursor:pointer;transition:background .15s ease}.article-citation:hover{background:rgba(110,92,246,.15)}.article-references{margin-top:52px;padding-top:32px;border-top:1px solid var(--color-hairline)}.article-references h2{font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-quaternary);margin-bottom:16px}.article-references ol{counter-reset:ref-counter;list-style:none;padding-left:0}.article-references li{counter-increment:ref-counter;padding-left:28px;position:relative;font-size:var(--text-caption);color:var(--color-tertiary);margin-bottom:8px;line-height:1.6}.article-references li:before{content:counter(ref-counter);position:absolute;left:0;top:0;font-size:11px;font-weight:var(--weight-semibold);color:var(--color-quaternary)}.article-references a{color:var(--color-accent);text-decoration:none}.article-references a:hover{text-decoration:underline}.article-step{margin-top:36px;padding-top:28px;border-top:1px solid var(--color-hairline)}.article-step:first-of-type{border-top:none;padding-top:0}.article-step-number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;font-weight:var(--weight-bold);margin-bottom:10px}.article-step h3{font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-primary);margin-bottom:10px;margin-top:0}.article-image{margin:20px 0;border-radius:16px;overflow:hidden;border:1px solid var(--color-hairline);background:var(--color-fill)}.article-image img{width:100%;height:auto;display:block}.article-image-caption{padding:10px 16px;font-size:12px;color:var(--color-quaternary);text-align:center;border-top:1px solid var(--color-hairline)}.article-body hr{border:none;border-top:1px solid var(--color-hairline);margin:40px 0}.article-term{font-weight:var(--weight-semibold);color:var(--color-primary);border-bottom:1px dotted var(--color-accent);cursor:help}