.doc-metadata{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;padding:1.5rem;background:rgba(99,102,241,.05);border:1px solid rgba(99,102,241,.2);border-radius:12px;margin-bottom:2rem;font-size:.95rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--muted)}.meta-label{font-weight:600;color:var(--text)}.meta-value{color:var(--accent)}.difficulty-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.difficulty-beginner{background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.difficulty-intermediate{background:rgba(139,92,246,.2);color:#a78bfa;border:1px solid rgba(139,92,246,.4)}.difficulty-advanced{background:rgba(245,158,11,.2);color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.difficulty-expert{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.4)}.reading-time{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#6ee7b7;font-size:.9rem;font-weight:500}.reading-time::before{content:'⏱'}.prerequisites{padding:1.5rem;background:rgba(245,158,11,.05);border-left:4px solid #fbbf24;border-radius:8px;margin-bottom:2rem}.prerequisites h4{font-family:var(--fd, 'Space Grotesk', sans-serif);color:#fbbf24;margin-bottom:1rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.prerequisites ul{list-style:none;padding-left:0}.prerequisites li{padding:.5rem 0;padding-left:1.5rem;position:relative;color:var(--sub)}.prerequisites li::before{content:'✓';position:absolute;left:0;color:#fbbf24;font-weight:700}.doc-toc{position:sticky;top:80px;padding:1.5rem;background:var(--bg2);border:1px solid var(--border);border-radius:12px;margin-bottom:2rem;max-height:80vh;overflow-y:auto}.doc-toc-title{font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.doc-toc-title::before{content:'≡';font-size:1.2rem}.doc-toc-list{list-style:none;padding:0}.doc-toc-item{padding:.4rem 0}.doc-toc-link{color:var(--muted);text-decoration:none;font-size:.9rem;padding:.4rem .75rem;border-radius:6px;transition:all .2s;display:block}.doc-toc-link:hover{background:rgba(99,102,241,.1);color:var(--accent)}.doc-toc-link.active{background:rgba(99,102,241,.15);color:var(--accent);font-weight:600;padding-left:1rem}.doc-toc-item.level-1{padding-left:0}.doc-toc-item.level-2{padding-left:1rem}.doc-toc-item.level-3{padding-left:2rem}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:0 0;z-index:999;pointer-events:none}.reading-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),#a78bfa);width:0%;transition:width .2s ease}.collapsible-section{margin:1.5rem 0}.collapsible-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.2);border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s;user-select:none}.collapsible-header:hover{background:rgba(99,102,241,.12);border-color:rgba(99,102,241,.4)}.collapsible-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background:rgba(99,102,241,.2);color:var(--accent);font-size:1.2rem;line-height:1;transition:transform .3s;flex-shrink:0}.collapsible-header.expanded .collapsible-toggle{transform:rotate(180deg)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding-left:1rem}.collapsible-header.expanded+.collapsible-content{max-height:2000px;padding:1rem 0 1rem 1rem}.collapsible-content>*{opacity:0;animation:slideIn .3s ease .1s forwards}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.code-block-wrapper{position:relative;margin:1.5rem 0}code,pre{font-family:'Courier New',monospace}pre{background:#0f1419;padding:1.5rem;border-radius:8px;overflow-x:auto;border:1px solid rgba(255,255,255,.1)}.copy-code-button{position:absolute;top:.75rem;right:.75rem;padding:.4rem .75rem;background:rgba(99,102,241,.2);border:1px solid rgba(99,102,241,.4);color:var(--accent);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s;font-weight:500;z-index:10}.copy-code-button:hover{background:rgba(99,102,241,.3);border-color:rgba(99,102,241,.6)}.copy-code-button.copied{background:rgba(16,185,129,.2);border-color:rgba(16,185,129,.4);color:#6ee7b7}.copy-code-button.copied::after{content:'✓ Copied!'}.article-version{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem 1.5rem;background:rgba(255,255,255,.03);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:2rem 0;font-size:.9rem;color:var(--muted)}.version-item{display:flex;gap:.5rem}.version-item strong{color:var(--text)}.callout{padding:1.5rem;border-left:4px solid;border-radius:8px;margin:1.5rem 0}.callout-note{background:rgba(59,130,246,.08);border-color:#60a5fa;color:var(--text)}.callout-warning{background:rgba(245,158,11,.08);border-color:#fbbf24;color:var(--text)}.callout-tip{background:rgba(16,185,129,.08);border-color:#6ee7b7;color:var(--text)}.callout-danger{background:rgba(239,68,68,.08);border-color:#f87171;color:var(--text)}.callout strong{display:block;margin-bottom:.5rem;font-family:var(--fd, 'Space Grotesk', sans-serif);text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}@media print{.copy-code-button,.doc-toc,.reading-progress,footer,nav{display:none}body{color:#000;background:#fff}.article-content{max-width:100%}h1,h2,h3,h4,h5,h6{page-break-after:avoid}p{page-break-inside:avoid}pre{background:#f5f5f5;color:#000;border:1px solid #ddd}a{color:#0366d6;text-decoration:underline}.doc-metadata{background:#f5f5f5;color:#000;border:1px solid #ddd}}@media (max-width:1024px){.doc-toc{position:relative;top:0;max-height:none;margin-bottom:2rem}}@media (max-width:768px){.doc-metadata{flex-direction:column;gap:1rem;align-items:flex-start}.copy-code-button{top:.5rem;right:.5rem;padding:.3rem .6rem;font-size:.75rem}pre{padding:1rem;font-size:.85rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}