.nav__links a[aria-current=page]{color:var(--text)}.doc-hero{position:relative;overflow:hidden;padding:72px 0 64px;border-bottom:1px solid var(--border)}.doc-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(38% 46% at 80% 48%,rgba(116,228,255,.13),transparent),radial-gradient(30% 40% at 63% 60%,rgba(211,146,130,.15),transparent)}.doc-hero__inner{position:relative}.doc-hero h1{max-width:960px;font-size:clamp(2.2rem,4.6vw,3.5rem);font-weight:800}.doc-hero .lead{max-width:680px;margin:0}.doc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;align-items:start;padding:64px 0 88px}.doc__toc{position:sticky;top:104px}.doc__toc p{margin:0 0 12px;color:var(--faint);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.doc__toc ol{display:grid;margin:0;padding:0;list-style:none;border-left:1px solid var(--border)}.doc__toc a{display:block;margin-left:-1px;padding:7px 0 7px 16px;border-left:2px solid transparent;color:var(--muted);font-size:.92rem;transition:color .15s,border-color .15s}.doc__toc a:hover{color:var(--text);border-left-color:var(--rose)}.doc__body{max-width:820px}.doc-section{margin-bottom:56px;padding-bottom:56px;border-bottom:1px solid var(--border);scroll-margin-top:96px}.doc-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.doc-section h2{font-size:clamp(1.6rem,3vw,2.15rem);font-weight:800}.doc-section h3{font-size:1.02rem}.doc-section>p{max-width:720px;color:var(--muted);font-size:1.02rem}.doc-section strong{color:var(--text)}.doc-section .doc-sub{margin:44px 0 0;font-size:1.15rem}.doc-after{margin:20px 0 0}.doc code{padding:1px 6px;border-radius:6px;background:#ffffff12;font-size:.85em}.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.layers{display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none}.layer{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start;padding:22px 24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.layer .feature__icon{margin:0}.layer h3{margin-bottom:6px}.layer p{margin:0;color:var(--muted);font-size:.93rem}.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 0;padding:0;list-style:none}.flow__step{position:relative;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff08,#ffffff03)}.flow__step strong{display:block;margin-bottom:6px;color:var(--rose);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.flow__step span{display:block;color:var(--muted);font-size:.9rem;line-height:1.5}.flow__step:not(:last-child):after{content:"";position:absolute;top:50%;right:-12px;width:8px;height:8px;border-top:2px solid var(--rose);border-right:2px solid var(--rose);transform:translateY(-50%) rotate(45deg)}.doc .steps{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0 0}.doc-notes{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}.doc-notes li{position:relative;padding:16px 18px 16px 50px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:.95rem}.doc-notes li:before{content:"i";position:absolute;left:16px;top:18px;display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(116,228,255,.35);border-radius:50%;background:#74e4ff14;color:var(--cyan);font:700 .72rem/1 var(--mono)}html[lang=km] :is(.doc__toc p,.flow__step strong){letter-spacing:.02em;text-transform:none}html[lang=km] .doc-hero h1{font-size:clamp(2rem,4vw,3.1rem)}@media(max-width:900px){.doc{grid-template-columns:1fr;gap:28px;padding-top:32px}.doc__toc{position:static}.doc__toc ol{display:flex;flex-wrap:wrap;gap:8px;border-left:0}.doc__toc a{margin:0;padding:6px 14px;border:1px solid var(--border-strong);border-radius:999px;font-size:.85rem}.doc__toc a:hover{border-color:#e8b4a673}}@media(max-width:760px){.doc-hero{padding:48px 0 40px}.flow{grid-template-columns:repeat(2,minmax(0,1fr))}.flow__step:not(:last-child):after{display:none}}@media(max-width:560px){.doc-grid,.doc .steps,.flow{grid-template-columns:1fr}.layer{grid-template-columns:1fr;gap:14px;padding:20px}}
