.topic-page{max-width:1120px;margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-16);display:flex;flex-direction:column;gap:var(--space-8)}@media(min-width:1024px){.topic-page{display:grid;grid-template-columns:220px 1fr;gap:var(--space-12);align-items:start}}.topic-column{display:flex;flex-direction:column;gap:var(--space-8);min-width:0;max-width:820px}.topic-back{font-size:var(--fs-sm)}.topic-back a{color:var(--color-ink-muted);transition:color var(--dur-fast) var(--ease-standard)}.topic-back a:hover{color:var(--color-primary)}.topic-head{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-rule)}.topic-title{font-family:var(--font-display, var(--font-serif));font-size:var(--fs-3xl);font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--color-ink);margin:0}@media(min-width:640px){.topic-title{font-size:var(--fs-4xl)}}.topic-meta{margin:var(--space-3) 0 0 0;font-size:var(--fs-sm);color:var(--color-ink-muted);font-family:var(--font-sans)}.topic-sources{padding:var(--space-5) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.topic-sources__title{margin:0 0 var(--space-3) 0;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-ink-muted);font-family:var(--font-sans)}.topic-sources__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--fs-sm)}.topic-sources__list a{color:var(--color-primary)}.topic-sources__list a:hover{text-decoration:underline;text-underline-offset:3px}.topic-footer-nav{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-6);border-top:1px solid var(--color-rule);font-size:var(--fs-sm);font-family:var(--font-sans)}.topic-footer-nav__back{color:var(--color-ink-muted)}.topic-footer-nav__back:hover{color:var(--color-primary)}.topic-footer-nav__next{color:var(--color-primary);font-weight:600}.topic-footer-nav__next:hover{text-decoration:underline;text-underline-offset:3px}.topic-empty{padding:var(--space-6);border:1px solid var(--color-accent-important-border);background:var(--color-accent-important-bg);border-radius:var(--radius-md);color:var(--color-ink)}.topic-empty__title{margin:0 0 var(--space-2) 0;font-family:var(--font-display, var(--font-serif));font-size:var(--fs-xl);font-weight:700;color:var(--color-ink)}.topic-empty p{margin:0;color:var(--color-ink-muted)}.topic-empty a{color:var(--color-primary);text-decoration:underline}.topic-rail{display:none}@media(min-width:1024px){.topic-rail{display:block;position:sticky;top:72px;align-self:start;max-height:calc(100vh - 88px);overflow-y:auto;padding-right:var(--space-2)}.topic-rail::-webkit-scrollbar{width:4px}.topic-rail::-webkit-scrollbar-thumb{background:var(--color-rule);border-radius:var(--radius-pill)}}.topic-toc-toggle{display:none}@media(min-width:1024px){.topic-toc-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-bottom:var(--space-3);padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink-muted);font-size:13px;line-height:1;cursor:pointer;transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.topic-toc-toggle:hover{color:var(--color-primary);border-color:var(--color-primary)}.topic-page[data-toc-collapsed=true]{grid-template-columns:auto 1fr}.topic-page[data-toc-collapsed=true] .topic-toc{display:none}}.topic-toc__label{margin:0 0 var(--space-3);font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-ink-muted)}.topic-toc__list{list-style:none;padding:0;margin:0;font-family:var(--font-serif);line-height:1.6}.topic-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--color-rule);z-index:50}.topic-progress__fill{height:100%;width:0%;background:var(--color-primary);transition:width .2s ease-out}@media(prefers-reduced-motion:reduce){.topic-progress__fill{transition:none}}.topic-toc-mobile{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.topic-toc-mobile>summary{list-style:none;cursor:pointer;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:600;color:var(--color-ink);user-select:none}.topic-toc-mobile>summary::-webkit-details-marker{display:none}.topic-toc-mobile>summary:after{content:"▾";color:var(--color-ink-muted);transition:transform var(--dur-fast) var(--ease-standard)}.topic-toc-mobile[open]>summary:after{transform:rotate(180deg)}.topic-toc-mobile__meta{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:400;color:var(--color-ink-muted)}.topic-toc-mobile>nav{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--color-rule)}.topic-toc-mobile>nav>ol{list-style:none;padding:var(--space-3) 0 0;margin:0;font-family:var(--font-serif);line-height:1.6}@media(min-width:1024px){.topic-toc-mobile{display:none}}.topic-toc__item{position:relative;padding:2px 0 2px var(--space-3);font-size:var(--fs-sm);color:var(--color-ink-muted)}.topic-toc__item a{display:block;color:inherit;padding:2px 0;transition:color var(--dur-fast) var(--ease-standard)}.topic-toc__item a:hover{color:var(--color-primary)}.topic-toc__item[data-level=h3]{display:none;padding-left:var(--space-6);font-size:var(--fs-xs)}.topic-toc__item[data-level=h3][data-visible=true]{display:block}.topic-toc__item[data-active=true]>a{color:var(--color-primary);font-weight:600}.topic-toc__item[data-active=true]:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--color-primary);border-radius:var(--radius-pill)}