.doc-page{background:var(--color-pearl);min-height:100vh;padding:calc(64px + var(--space-6))0 var(--space-8)}.doc-page__container{max-width:1200px;margin:0 auto;padding:0 32px}.doc-breadcrumb{color:var(--color-text-secondary);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.doc-breadcrumb a{color:var(--color-text-secondary);transition:color var(--duration-fast)var(--ease-default)}.doc-breadcrumb a:hover{color:var(--color-violet)}.doc-breadcrumb__sep{color:var(--color-text-secondary);opacity:.5}.doc-breadcrumb__current{color:var(--color-text-primary);font-weight:500}.doc-header{max-width:760px;margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.doc-header__kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--color-violet);margin-bottom:var(--space-3);font-size:12px;font-weight:500;display:inline-block}.doc-header__title{letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-3);font-size:40px;font-weight:500;line-height:1.15}.doc-header__sub{color:var(--color-text-secondary);margin-bottom:var(--space-3);font-size:18px;line-height:1.6}.doc-header__meta{gap:var(--space-3);color:var(--color-text-secondary);font-size:13px;display:flex}.doc-header__meta span+span:before{content:"·";margin-right:var(--space-3);opacity:.5}.doc-layout{gap:var(--space-7);grid-template-columns:240px 1fr;align-items:flex-start;display:grid}.doc-toc{top:calc(64px + var(--space-5));font-size:14px;position:sticky}.doc-toc__title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:var(--space-3);font-size:12px;font-weight:500}.doc-toc__list{border-left:1px solid var(--color-border);flex-direction:column;gap:10px;margin:0;padding:0 0 0 16px;list-style:none;display:flex}.doc-toc__link{color:var(--color-text-secondary);transition:color var(--duration-fast)var(--ease-default);line-height:1.5;display:block}.doc-toc__link:hover{color:var(--color-violet)}.doc-content{max-width:760px;color:var(--color-text-primary);font-size:16px}.doc-content>p,.doc-content>ul,.doc-content>ol{margin-bottom:var(--space-4);line-height:1.8}.doc-content h2{letter-spacing:-.01em;margin-top:var(--space-6);margin-bottom:var(--space-3);scroll-margin-top:calc(64px + var(--space-3));font-size:26px;font-weight:500;line-height:1.3}.doc-content h3{margin-top:var(--space-5);margin-bottom:var(--space-3);scroll-margin-top:calc(64px + var(--space-3));font-size:20px;font-weight:500}.doc-content ul,.doc-content ol{padding-left:24px}.doc-content li{margin-bottom:10px;line-height:1.7}.doc-content strong{font-weight:500}.doc-content code{color:var(--color-violet);background:#6a00d514;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.doc-content a{color:var(--color-violet);text-underline-offset:3px;transition:color var(--duration-fast)var(--ease-default);font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.doc-content a:hover{color:var(--color-text-primary)}.doc-callout{border-left:3px solid var(--color-violet);margin:var(--space-4)0;background:#6a00d50a;border-radius:4px;padding:16px 20px}.doc-callout p:last-child{margin-bottom:0}.doc-callout__label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-violet);margin-bottom:6px;font-size:12px;font-weight:500}.doc-footer{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.doc-footer__link{border:1px solid var(--color-border);min-width:220px;transition:border-color var(--duration-fast)var(--ease-default),background var(--duration-fast)var(--ease-default);border-radius:8px;flex-direction:column;gap:4px;padding:14px 18px;display:inline-flex}.doc-footer__link:hover{border-color:var(--color-violet);background:#6a00d508}.doc-footer__dir{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-size:12px;font-weight:500}.doc-footer__title{color:var(--color-text-primary);font-size:15px;font-weight:500}.doc-footer__link--next{text-align:right;margin-left:auto}@media (max-width:960px){.doc-layout{gap:var(--space-5);grid-template-columns:1fr}.doc-toc{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);position:static}}@media (max-width:768px){.doc-page__container{padding:0 24px}.doc-header__title{font-size:32px}.doc-footer__link{width:100%;min-width:0}}