@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font: "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--maxw: 1120px;--radius: 12px;--radius-sm: 8px;--header-h: 64px;color-scheme:light dark}:root,:root[data-theme=light]{--bg: #ffffff;--bg-soft: #f6f7f9;--surface: #ffffff;--border: #e4e7ec;--border-strong: #cfd4dc;--text: #0f1720;--text-2: #3b4653;--muted: #667085;--accent: #1f6feb;--accent-hover: #1a5fcc;--accent-ink: #ffffff;--accent-soft: #e8f0fe;--ok: #157f4b;--warn: #9a6700;--code-bg: #f3f5f8;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .08)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0c0e12;--bg-soft: #12151a;--surface: #14181e;--border: #232830;--border-strong: #323946;--text: #eef1f5;--text-2: #c5ccd6;--muted: #97a1b0;--accent: #5aa9ff;--accent-hover: #7bbaff;--accent-ink: #061423;--accent-soft: #14253b;--ok: #4cc38a;--warn: #e0a83a;--code-bg: #10141a;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .45)}}:root[data-theme=dark]{--bg: #0c0e12;--bg-soft: #12151a;--surface: #14181e;--border: #232830;--border-strong: #323946;--text: #eef1f5;--text-2: #c5ccd6;--muted: #97a1b0;--accent: #5aa9ff;--accent-hover: #7bbaff;--accent-ink: #061423;--accent-soft: #14253b;--ok: #4cc38a;--warn: #e0a83a;--code-bg: #10141a;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,video,svg{display:block;max-width:100%}h1,h2,h3,h4{margin:0;line-height:1.15;letter-spacing:-.02em;font-weight:650}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}code,pre{font-family:var(--mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:var(--accent-ink);padding:8px 12px;border-radius:6px;z-index:100}.skip:focus{left:8px}.header{position:sticky;top:0;z-index:50;height:var(--header-h);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border)}.header-in{height:100%;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;color:var(--text);font-weight:700;font-size:18px;letter-spacing:-.02em}.brand:hover{text-decoration:none}.nav{display:flex;align-items:center;gap:2px;flex:1;min-width:0}.nav a,.nav button.nav-link{white-space:nowrap;color:var(--text-2);font:inherit;font-size:15px;font-weight:500;padding:8px 12px;border-radius:8px;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.nav a:hover,.nav button.nav-link:hover{color:var(--text);background:var(--bg-soft);text-decoration:none}.nav a.active{color:var(--text)}.header-tools{display:flex;align-items:center;gap:8px}.menu-wrap{position:relative}.menu{position:absolute;top:calc(100% + 6px);left:0;min-width:300px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px;z-index:60}.menu a{display:block;padding:10px 12px;border-radius:8px;color:var(--text)}.menu a:hover{background:var(--bg-soft);text-decoration:none}.menu a small{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:2px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;font:inherit;font-size:13px;font-weight:600}.icon-btn:hover{background:var(--bg-soft);color:var(--text)}.lang-switch{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.lang-switch button{font:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;padding:6px 9px;background:none;border:none;color:var(--muted);cursor:pointer}.lang-switch button[aria-pressed=true]{background:var(--bg-soft);color:var(--text)}.burger{display:none}@media (max-width: 1120px){.nav{display:none}.header-in{gap:12px}.header-tools{margin-left:auto}.burger{display:inline-flex}.header .header-cta{display:none}}.drawer{position:fixed;inset:var(--header-h) 0 0 0;background:var(--bg);z-index:49;padding:16px 24px 32px;overflow-y:auto}.drawer a{display:block;padding:14px 4px;font-size:18px;font-weight:550;color:var(--text);border-bottom:1px solid var(--border)}.drawer .group-title{margin:20px 0 4px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.drawer a small{display:block;font-size:14px;font-weight:400;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:15px;font-weight:600;line-height:1;padding:12px 18px;border-radius:10px;border:1px solid transparent;cursor:pointer;text-decoration:none!important;transition:background .15s,border-color .15s,transform .05s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover);color:var(--accent-ink)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-soft);color:var(--text)}.btn-sm{font-size:14px;padding:9px 14px}.link-arrow{font-weight:600;display:inline-flex;align-items:center;gap:6px}.link-arrow:after{content:"→";transition:transform .15s}.link-arrow:hover:after{transform:translate(3px)}.section{padding:88px 0}.section.soft{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{max-width:680px;margin-bottom:44px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.h1{font-size:clamp(36px,5.6vw,60px);letter-spacing:-.035em;line-height:1.05;font-weight:700}.h2{font-size:clamp(26px,3.4vw,38px);letter-spacing:-.028em}.h3{font-size:20px;letter-spacing:-.015em}.lead{font-size:clamp(17px,1.6vw,20px);color:var(--text-2);line-height:1.55;max-width:640px}.muted{color:var(--muted)}.small{font-size:14px}.hero{padding:72px 0 40px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:48px}.hero-copy{max-width:760px}.hero-copy .lead{margin-top:20px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-note{margin-top:16px;font-size:14px;color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}@media (max-width: 900px){.grid-3{grid-template-columns:minmax(0,1fr)}.section{padding:64px 0}}@media (max-width: 720px){.grid-2{grid-template-columns:minmax(0,1fr)}.hero{padding-top:40px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card p{color:var(--text-2)}.aud{display:flex;flex-direction:column;gap:14px;color:var(--text);transition:border-color .15s,transform .15s}.aud:hover{border-color:var(--border-strong);transform:translateY(-2px);text-decoration:none}.aud .kicker{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.04em}.aud .problem{color:var(--text-2)}.aud .fix{color:var(--text);font-weight:500}.aud .more{margin-top:auto;color:var(--accent);font-weight:600}.clip{position:relative;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-soft);box-shadow:var(--shadow);aspect-ratio:16 / 10}.clip video,.clip img{width:100%;height:100%;object-fit:cover;object-position:top left}.clip.contain video,.clip.contain img{object-fit:contain}.clip-poster{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .18s;pointer-events:none}.clip.playing .clip-poster{opacity:0}.clip-badge{position:absolute;left:12px;bottom:12px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;color:#fff;background:#0a0c10b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .2s;pointer-events:none}.clip.playing .clip-badge{opacity:0}.clip-empty{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.scenario-card{display:flex;flex-direction:column;gap:14px;color:var(--text)}.scenario-card:hover{text-decoration:none}.scenario-card h3{font-size:18px}.scenario-card p{color:var(--text-2);font-size:15px}.scenario{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center;padding:56px 0;border-top:1px solid var(--border)}.scenario:first-of-type{border-top:none}.scenario.flip .scenario-media{order:2}.scenario h2{font-size:clamp(24px,3vw,32px);margin-bottom:14px}.scenario p{color:var(--text-2)}.scenario ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}.scenario li{position:relative;padding-left:22px;color:var(--text-2);font-size:15.5px}.scenario li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--accent)}@media (max-width: 900px){.scenario{grid-template-columns:minmax(0,1fr);gap:24px;padding:40px 0}.scenario.flip .scenario-media{order:0}}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag{font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-2);background:var(--surface)}.tag.accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft)}.pf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.pf+.pf{margin-top:16px}.pf>div{padding:26px}.pf .p{background:var(--bg-soft);border-right:1px solid var(--border)}.pf .label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.pf .f .label{color:var(--accent)}.pf h3{font-size:18px;margin-bottom:8px}.pf p{color:var(--text-2);font-size:15.5px}@media (max-width: 720px){.pf{grid-template-columns:minmax(0,1fr)}.pf .p{border-right:none;border-bottom:1px solid var(--border)}}.story{border-left:3px solid var(--accent);padding:4px 0 4px 24px;max-width:720px}.story h3{margin-bottom:10px}.story p+p{margin-top:10px}.story p{color:var(--text-2)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:14px 18px;vertical-align:top;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}th{font-size:13px;font-weight:600;color:var(--muted);background:var(--bg-soft)}td.k{font-weight:600;color:var(--text);width:24%}td code,.code-inline{font-family:var(--mono);font-size:13.5px;background:var(--code-bg);border:1px solid var(--border);padding:1px 6px;border-radius:5px}.yes{color:var(--ok);font-weight:600}.no{color:var(--muted)}.code{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--code-bg);overflow:hidden}.code-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted);font-family:var(--mono)}.code-copy{font:inherit;font-family:var(--font);font-size:13px;font-weight:600;color:var(--text-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;padding:4px 10px;cursor:pointer}.code-copy:hover{color:var(--text)}.code pre{margin:0;padding:16px;overflow-x:auto;font-size:13px;line-height:1.6;color:var(--text);max-height:520px}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft)}.seg a,.seg button{font:inherit;font-size:14px;font-weight:600;color:var(--text-2);padding:8px 14px;border-radius:7px;background:none;border:none;cursor:pointer}.seg a:hover,.seg button:hover{color:var(--text);text-decoration:none}.seg a.active,.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #1018281f}.steps{list-style:none;padding:0;margin:0;display:grid;gap:18px;counter-reset:s}.steps li{counter-increment:s;position:relative;padding-left:44px;color:var(--text-2)}.steps li:before{content:counter(s);position:absolute;left:0;top:-1px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--accent);background:var(--accent-soft)}.steps strong{color:var(--text)}.notice{border:1px solid var(--border-strong);border-left:3px solid var(--accent);background:var(--bg-soft);border-radius:var(--radius-sm);padding:16px 18px;color:var(--text-2);font-size:15px}.notice.warn{border-left-color:var(--warn)}.notice strong{color:var(--text)}.banner{background:var(--accent-soft);border-bottom:1px solid var(--border);font-size:14px;color:var(--text)}.banner .container{padding-top:9px;padding-bottom:9px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.doc{max-width:820px}.container.doc{max-width:var(--maxw)}.container.doc>*{max-width:820px}.container.doc.wide>*{max-width:900px}.doc h2{margin:40px 0 12px;font-size:24px}.doc h3{margin:28px 0 8px;font-size:18px}.doc p,.doc li{color:var(--text-2)}.doc p+p{margin-top:12px}.doc ul,.doc ol{padding-left:22px}.doc li+li{margin-top:6px}.search{width:100%;max-width:420px;font:inherit;font-size:15px;padding:10px 14px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text)}.search:focus{outline:2px solid var(--accent);outline-offset:1px}.form{display:grid;gap:16px;max-width:560px}.form label,.form .field{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--text)}.form input,.form select,.form textarea{font:inherit;font-weight:400;font-size:15px;padding:11px 13px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text)}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}details.faq{border-bottom:1px solid var(--border);padding:18px 0}details.faq summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}details.faq summary:after{content:"+";color:var(--muted);font-weight:400}details.faq[open] summary:after{content:"–"}details.faq p{margin-top:10px;color:var(--text-2);max-width:720px}.dl-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.dl-card .name{font-size:19px;font-weight:650}.footer{border-top:1px solid var(--border);padding:56px 0 40px;background:var(--bg-soft);margin-top:0}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}.footer h4{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-weight:600}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer a{color:var(--text-2);font-size:15px}.footer a:hover{color:var(--text)}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}@media (max-width: 800px){.footer-grid{grid-template-columns:1fr 1fr}}.roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media (max-width: 900px){.roadmap{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}@media (hover: none){.clip-badge{display:none}}.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}.principles h3{font-size:18px;margin-bottom:8px}.principles p{color:var(--text-2)}@media (max-width: 720px){.principles{grid-template-columns:minmax(0,1fr)}}.cta-band{text-align:center;padding:24px 0 8px}.cta-band .cta-row{justify-content:center}.hero-media{max-width:1040px}.guide{display:grid;grid-template-columns:250px minmax(0,1fr) 200px;gap:40px;padding-top:32px;padding-bottom:80px;align-items:start}.guide-nav,.guide-toc{position:sticky;top:calc(var(--header-h) + 24px);max-height:calc(100vh - var(--header-h) - 48px);overflow-y:auto;font-size:14.5px}.guide-nav details{margin-top:14px}.guide-nav summary{cursor:pointer;font-weight:650;font-size:13px;letter-spacing:.02em;color:var(--text);padding:4px 0}.guide-nav ul,.toc-list{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:1px}.guide-nav li a{display:block;padding:6px 10px;border-radius:7px;color:var(--text-2)}.guide-nav li a:hover{background:var(--bg-soft);text-decoration:none;color:var(--text)}.guide-nav li a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.toc-list li a{color:var(--text-2)}.guide-toc a{display:block;padding:4px 0 4px 12px;border-left:2px solid var(--border);color:var(--muted);font-size:14px}.guide-toc a:hover{color:var(--text);text-decoration:none}.guide-toc a.active{border-left-color:var(--accent);color:var(--text)}.guide-body{min-width:0}.guide-body .lead{margin-bottom:8px}.prose{margin-top:28px;max-width:760px}.prose>*+*{margin-top:16px}.prose h2{margin-top:40px;font-size:24px}.prose p,.prose li{color:var(--text-2)}.prose ul{padding-left:22px}.prose li+li{margin-top:6px}.prose strong{color:var(--text)}.shot{margin:24px 0}.shot-btn{display:block;width:100%;padding:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-soft);box-shadow:var(--shadow);cursor:zoom-in}.shot img{width:100%;height:auto}.shot figcaption{margin-top:8px;font-size:14px;color:var(--muted)}.shot .clip{aspect-ratio:1120 / 700}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#080a0edb;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;border-radius:8px}.pager{display:flex;justify-content:space-between;gap:16px;margin-top:56px;padding-top:24px;border-top:1px solid var(--border);max-width:760px}.pager a{display:grid;gap:2px;color:var(--text);max-width:48%}.pager a:hover{text-decoration:none}.pager a:hover strong{color:var(--accent)}.crumbs a{color:var(--muted)}.results{display:grid;gap:10px;margin-top:16px}.result{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--surface)}.result:hover{text-decoration:none;border-color:var(--border-strong)}@media (max-width: 1180px){.guide{grid-template-columns:230px minmax(0,1fr)}.guide-toc{display:none}}@media (max-width: 860px){.guide{grid-template-columns:minmax(0,1fr);gap:24px}.guide-nav{position:static;max-height:none;order:2;padding-top:24px;border-top:1px solid var(--border)}}.form .field-label{font-size:14px;font-weight:600;color:var(--text)}.select{position:relative}.select-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;font:inherit;font-weight:400;font-size:15px;text-align:left;padding:11px 13px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer}.select-btn:focus-visible,.select.open .select-btn{outline:2px solid var(--accent);outline-offset:1px}.select-btn svg{flex:none;color:var(--muted);transition:transform .15s}.select.open .select-btn svg{transform:rotate(180deg)}.select-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow)}.select-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:8px;font-size:15px;font-weight:400;cursor:pointer}.select-list li[data-active=true]{background:var(--bg-soft)}.select-list li[aria-selected=true]{color:var(--accent);font-weight:600}.path-line{display:block;margin:8px 0;padding:8px 12px;overflow-x:auto;white-space:nowrap}.demo-player{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#0c0e12;box-shadow:var(--shadow);aspect-ratio:16 / 9}.demo-player video{display:block;width:100%;height:100%;background:#0c0e12}.demo-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:16px}.chapters{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}.chapters button{width:100%;display:flex;gap:14px;align-items:flex-start;text-align:left;font:inherit;color:var(--text);padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer}.chapters button:hover{border-color:var(--border-strong);background:var(--bg-soft)}.chapters .time{flex:none;font-family:var(--mono, ui-monospace, monospace);font-size:13px;color:var(--accent);padding-top:2px}.chapters strong{display:block;font-weight:600}.chapters small{display:block;margin-top:2px;color:var(--text-2);font-size:14px;line-height:1.45}