:root{--ka-paper:#fff;--ka-line:#cfd2c7;--ka-ink:#20231c;--ka-body:#55584f;--ka-muted:#787c72;--ka-accent:#e8a11a}.knowledge-article{width:min(920px,calc(100% - 28px));margin:0 auto;padding:24px 0 64px}.knowledge-article .hero{padding:28px 0 12px}.knowledge-article .kicker{font:800 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:var(--ka-muted)}.knowledge-article h1{font-size:clamp(2rem,6vw,4rem);line-height:1.03;letter-spacing:-.045em;margin:.5rem 0 1rem}.knowledge-article .lead{font-size:1.05rem;line-height:1.75;color:var(--ka-body)}.knowledge-article .answer,.knowledge-article .position,.knowledge-article .note{margin:1.4rem 0;padding:1rem 1.1rem;border:1px solid var(--ka-line);border-radius:11px;background:var(--ka-paper)}.knowledge-article .answer{border-left:4px solid var(--ka-accent)}.knowledge-article .toc{margin:1.8rem 0;padding:1rem 1.2rem;border:1px solid var(--ka-line);border-radius:11px;background:rgba(255,255,255,.6)}.knowledge-article .toc ol{columns:2;column-gap:2rem}.knowledge-article .toc li{break-inside:avoid;margin:.25rem 0}.knowledge-article section{margin:2.4rem 0}.knowledge-article section h2{scroll-margin-top:80px}.knowledge-article section p,.knowledge-article section li{line-height:1.75;color:var(--ka-body)}.knowledge-article pre{white-space:pre-wrap;padding:14px;border-radius:9px;background:#23251d;color:#f5f4ee;overflow:auto}.knowledge-article .formula{text-align:center;font-weight:800}.knowledge-article table{width:100%;border-collapse:collapse;background:#fff}.knowledge-article th,.knowledge-article td{padding:.7rem;border:1px solid var(--ka-line);vertical-align:top}.knowledge-article th{background:#fbf3ce}.knowledge-article .source-list li{margin:.5rem 0}.knowledge-article .faq{display:grid;gap:10px}.knowledge-article .faq article{padding:1rem;border:1px solid var(--ka-line);border-radius:10px;background:#fff}.knowledge-article .faq h3{margin-top:0}.knowledge-article .tags{display:flex;flex-wrap:wrap;gap:6px;padding:0;list-style:none}.knowledge-article .tags li{padding:.25rem .55rem;border:1px solid var(--ka-line);border-radius:999px;color:var(--ka-muted);font:700 .7rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}

.knowledge-article .architecture-figure{width:min(1120px,calc(100vw - 28px));margin:2rem 50%;transform:translateX(-50%);border:1px solid var(--ka-line);border-radius:14px;background:#f8f6ef;box-shadow:0 12px 30px rgba(32,35,28,.08);overflow:hidden}.knowledge-article .architecture-figure__viewport{overflow-x:auto;overscroll-behavior-inline:contain}.knowledge-article .architecture-figure__canvas{display:block;cursor:zoom-in}.knowledge-article .architecture-figure img{display:block;width:100%;height:auto;max-width:none}.knowledge-article .architecture-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.72rem 1rem;border-top:1px solid var(--ka-line);color:var(--ka-muted);background:var(--ka-paper);font-size:.82rem;line-height:1.55}.knowledge-article .architecture-figure figcaption a{flex:0 0 auto;font-weight:700;white-space:nowrap}

@media(max-width:900px){.knowledge-article .architecture-figure img{width:900px}.knowledge-article .architecture-figure figcaption{align-items:flex-start;flex-direction:column;gap:.35rem}}@media(max-width:720px){.knowledge-article .toc ol{columns:1}}