.knowledge-shell .content-languages { display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.knowledge-shell .content-languages a { padding:8px 4px; text-decoration:underline; text-underline-offset:5px; }
.knowledge-shell [aria-current="page"] { color:var(--accent-bright); }
.knowledge-shell .nav { flex-wrap:wrap; }
.knowledge-shell .nav-links { flex-wrap:wrap; }
.reading { max-width:800px; margin-inline:auto; padding-bottom:48px; overflow-wrap:anywhere; line-height:1.9; }
.reading section { margin-block:36px; scroll-margin-top:160px; }
.reading h1 { line-height:1.5; }
.reading h2 { line-height:1.5; margin-bottom:16px; }
.reading h3 { line-height:1.6; }
.reading a, .knowledge-card h2 a, .breadcrumbs a { text-decoration:underline; text-underline-offset:4px; }
.reading ul, .reading ol { padding-inline-start:24px; }
.reading li { margin-block:10px; }
.answer-block { border-inline-start:4px solid var(--accent); background:var(--bg-soft); padding:24px; border-radius:12px; font-size:1.15rem; }
.article-toc { padding:12px 24px; border:1px solid var(--line); border-radius:12px; }
.breadcrumbs { margin-block:24px; font-size:.9rem; }
.breadcrumbs ol { display:flex; flex-wrap:wrap; gap:12px; list-style:none; padding:0; }
.breadcrumbs li:not(:last-child)::after { content:" / "; margin-inline-start:12px; color:var(--muted); }
.reading details { padding:16px; border:1px solid var(--line); border-radius:12px; margin-block:12px; }
.reading summary { cursor:pointer; font-weight:700; }
.knowledge-filters { display:flex; gap:20px; flex-wrap:wrap; margin-block:24px; }
.knowledge-filters label { display:grid; gap:8px; flex:1; min-width:220px; }
.knowledge-filters input, .knowledge-filters select { width:100%; border:1px solid #819497; border-radius:10px; background:#0b171c; color:#f6fbfa; padding:14px; font:inherit; }
.knowledge-shell [hidden] { display:none !important; }
.knowledge-card h2 { font-size:1.35rem; line-height:1.6; }
.knowledge-shell :focus-visible { outline:3px solid #f2c76d; outline-offset:4px; }
.knowledge-shell .related { margin-block:40px; }
@media(max-width:640px) { .knowledge-filters { display:block; } .knowledge-filters label { margin-block:16px; } .answer-block { padding:18px; } .reading section { scroll-margin-top:100px; } }
