.article{max-width:var(--codex-max-width);margin:0 auto;padding:calc(var(--codex-nav-height) + var(--codex-space-16)) var(--codex-page-padding) var(--codex-space-24)}.article__hero{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:9px;margin-bottom:var(--codex-space-8)}.article__meta{font-size:var(--codex-text-sm);color:var(--codex-color-muted);margin-bottom:var(--codex-space-4)}.article__meta span+span:before{content:"·";margin:0 var(--codex-space-2)}.article__title{font-size:var(--codex-text-3xl);font-weight:700;margin:0 0 var(--codex-space-8);line-height:1.15}.article__toc{max-width:720px;margin:0 auto var(--codex-space-8);padding:var(--codex-space-6);background:var(--codex-color-surface, #f5f5f5);border-radius:9px}.article__toc-title{font-size:var(--codex-text-sm);font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--codex-color-muted);margin:0 0 var(--codex-space-3)}.article__toc-list{list-style:none;margin:0;padding:0}.article__toc-list li{margin-bottom:var(--codex-space-2)}.article__toc-list a{font-size:var(--codex-text-sm);color:var(--codex-color-text);text-decoration:none;transition:color var(--codex-transition-fast) ease-out}.article__toc-list a:hover{color:var(--codex-color-accent)}.article__toc-item--nested{padding-left:var(--codex-space-4)}.article__prose{max-width:720px;margin:0 auto;font-size:var(--codex-text-base);line-height:1.7;color:var(--codex-color-text)}.article__prose h2{font-size:var(--codex-text-2xl);font-weight:700;margin:var(--codex-space-12) 0 var(--codex-space-4);line-height:1.2}.article__prose h3{font-size:var(--codex-text-xl);font-weight:700;margin:var(--codex-space-8) 0 var(--codex-space-4);line-height:1.3}.article__prose h4{font-size:var(--codex-text-lg);font-weight:700;margin:var(--codex-space-6) 0 var(--codex-space-3)}.article__prose p{margin:0 0 var(--codex-space-6)}.article__prose ul,.article__prose ol{margin:0 0 var(--codex-space-6);padding-left:var(--codex-space-6)}.article__prose li{margin-bottom:var(--codex-space-2)}.article__prose blockquote{margin:var(--codex-space-8) 0;padding:var(--codex-space-4) var(--codex-space-6);border-left:3px solid var(--codex-color-accent);color:var(--codex-color-muted);font-style:italic}.article__prose a{color:var(--codex-color-accent);text-decoration:underline;text-underline-offset:2px}.article__prose a:hover{color:var(--codex-color-text)}.article__prose img{max-width:100%;height:auto;border-radius:9px;margin:var(--codex-space-8) 0}.article__blocks{margin-top:var(--codex-space-16)}.share-buttons{max-width:720px;margin:var(--codex-space-12) auto 0}.share-buttons__label{font-size:var(--codex-text-sm);color:var(--codex-color-muted);margin-bottom:var(--codex-space-3)}.share-buttons__row{display:flex;gap:12px}.share-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:10px;border:1px solid rgba(0,0,0,.25);background:#fff;cursor:pointer;font-family:var(--codex-font-sans);font-size:13px;font-weight:400;color:var(--codex-color-text);gap:8px;transition:background var(--codex-transition-fast) ease-out}.share-btn:hover{background:#0000000f}.share-btn svg{width:16px;height:16px;flex-shrink:0}