/* Global site-wide skin for "Knowledge Base" — classic wiki blue, clean sans. */
:root{--primary:#3366cc;--primary-light:#eaf1fc;--bg:#fff;--surface:#fff;--surface-alt:#f8f9fa;--border:#c8ccd1;--text:#202122;--text-muted:#54595d;--radius:2px;--shadow:0 1px 6px rgba(0,0,0,.06);--font-heading:Georgia,'Linux Libertine',serif;--font-body:-apple-system,'Segoe UI',Arial,sans-serif;}
[data-theme="dark"]{--bg:#141414;--surface:#1a1a1a;--surface-alt:#1f1f1f;--text:#e8e8e8;--text-muted:#9a9a9a;--border:#3a3a3a;--primary:#8ab4f8;--primary-light:#1a2436;}

/* ── Layout DNA ── plain-text nav (no pill backgrounds), slim banner hero, dense document feel */
.btn{border-radius:2px;box-shadow:none;}
.main-nav a{border-radius:0;background:transparent!important;text-decoration:underline;text-underline-offset:3px;}
.main-nav a:hover,.main-nav a.active{color:var(--primary);}
.site-header{border-bottom:1px solid var(--border);box-shadow:none;}
.hero{text-align:left;padding:30px 20px;background:var(--surface-alt);border-bottom:1px solid var(--border);}
.hero .container{max-width:900px;}
.hero h1{font-size:26px;font-weight:400;}
.hero::before,.hero::after{display:none;}
.card{border-radius:2px;box-shadow:none;}
.card:hover{box-shadow:none;border-color:var(--primary);}
/* Knowledge base: plain infobox-style thumbnail, muted tone, thin rule under. */
.thumb-photo{aspect-ratio:4/3;border-radius:0;filter:saturate(.8);border-bottom:1px solid var(--border);}
.thumb-avatar{border-radius:2px;filter:saturate(.8);}