.doc-page{width:100%;max-width:100%;margin:0}.doc-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--c-border)}.doc-nav-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--c-text-3);text-decoration:none;padding:.3rem .6rem;border-radius:var(--r-sm);transition:color .15s,background .15s}.doc-nav-link:hover{color:var(--c-primary-light);background:rgba(255,255,255,.04)}.doc-nav-link svg{flex-shrink:0;opacity:.5;transition:opacity .15s}.doc-nav-link:hover svg{opacity:1}.breadcrumb{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;font-size:.8rem;color:var(--c-text-3);margin-bottom:var(--sp-6)}.breadcrumb a{color:var(--c-text-3);text-decoration:none}.breadcrumb a:hover{color:var(--c-text-1)}.breadcrumb__sep{color:var(--c-text-3);opacity:.5}.breadcrumb__current{color:var(--c-text-2);font-weight:500}.section-header{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-8)}.section-header__badge{display:inline-flex;align-items:center;gap:var(--sp-2);width:-moz-fit-content;width:fit-content;padding:.3rem .8rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#facc15;background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.25);border-radius:var(--r-full)}.section-header__title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:900;color:var(--c-text-1);letter-spacing:-.03em;margin:0}.section-header__desc{font-size:1rem;color:var(--c-text-2);max-width:100%;margin:0}.section-header__tags{display:flex;gap:var(--sp-2);flex-wrap:wrap}.section-header__tag{padding:.15rem .5rem;font-size:.75rem;font-weight:600;color:var(--c-text-3);background:rgba(255,255,255,.04);border:1px solid var(--c-border);border-radius:var(--r-full)}.section-preview-full{margin-bottom:var(--sp-8);border:1px solid var(--c-border);border-radius:var(--r-xl);background:#050505;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.section-preview-full__label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#facc15;margin:0;padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--c-border);background:rgba(255,255,255,.02)}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-12);background:rgba(255,255,255,.02);border:1px dashed var(--c-border);border-radius:var(--r-lg);color:var(--c-text-3)}.preview-placeholder svg{opacity:.4}.preview-placeholder p{margin:0;font-size:.9rem}.anim-slide-up{opacity:0;transform:translateY(10px);animation:slide-up .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes slide-up{to{opacity:1;transform:translateY(0)}}.doc-section{margin-top:var(--sp-8)}.doc-section__title{font-size:1.1rem;font-weight:700;color:var(--c-text-1);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--c-border)}.doc-section__subtitle{font-size:.9rem;color:var(--c-text-3);margin-bottom:var(--sp-4)}.manual-box{display:flex;flex-direction:column;gap:var(--sp-2)}.manual-box p{font-size:.95rem;color:var(--c-text-2);line-height:1.6;margin:0}.manual-box code{color:#facc15;background:rgba(255,255,255,.05);padding:.1rem .3rem;border-radius:4px;overflow-wrap:anywhere}