/* MemePit Docs (15/10/2026). One page, every article in the HTML; docs.js shows one at a time.
   Night theme by default (the site's own colours); Parchment is the light reading theme. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{
 --bg:#0b0d14;--panel:#11151f;--panel2:#171c29;--line:#ffffff15;--line2:#ffffff26;
 --text:#ece7dc;--strong:#fbf7ee;--muted:#a3a9b8;--faint:#7a8194;
 --gold:#efbd67;--gold-ink:#21180f;--teal:#3dd6b5;--violet:#a88af5;--red:#ff8b8b;
 --side:272px;--toc:224px;--top:64px;
 --shadow:0 18px 50px #0007;
 color-scheme:dark;
}
:root[data-theme="light"]{
 --bg:#f4ecdf;--panel:#fbf6ee;--panel2:#efe5d3;--line:#3a2c1a1c;--line2:#3a2c1a33;
 --text:#2b251d;--strong:#1b1610;--muted:#6b6152;--faint:#8c8170;
 --gold:#9a6416;--gold-ink:#fffaf0;--teal:#167f6a;--violet:#5d43b5;--red:#b23b3b;
 --shadow:0 14px 40px #4a361a1f;
 color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-padding-top:calc(var(--top) + 24px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:15.5px/1.75 'DM Sans',system-ui,sans-serif}
a{color:inherit}
img{max-width:100%;height:auto}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}
.skip{position:fixed;left:12px;top:-60px;z-index:60;background:var(--gold);color:var(--gold-ink);padding:10px 14px;border-radius:6px;font-weight:700;text-decoration:none}
.skip:focus{top:10px}

/* ---- top bar ---- */
.topbar{position:sticky;top:0;z-index:30;height:var(--top);display:flex;align-items:center;gap:14px;padding:0 22px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.brand img{width:118px;height:auto;display:block}
:root[data-theme="light"] .brand img{filter:drop-shadow(0 1px 0 #0003)}
.brand-tag{font:500 10px/1 'DM Mono',monospace;letter-spacing:1.6px;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:4px;padding:5px 7px}
.top-search{flex:1;max-width:420px;margin-left:18px;position:relative}
.search-box{display:flex;align-items:center;gap:8px;width:100%;height:38px;padding:0 12px;border:1px solid var(--line2);border-radius:8px;background:var(--panel);color:var(--muted)}
.search-box input{flex:1;min-width:0;border:0;background:none;color:var(--text);font:inherit;font-size:14px;outline:none}
.search-box kbd{font:11px 'DM Mono',monospace;border:1px solid var(--line2);border-radius:4px;padding:1px 6px;color:var(--faint)}
.search-results{position:absolute;left:0;right:0;top:44px;max-height:min(70vh,520px);overflow:auto;background:var(--panel);border:1px solid var(--line2);border-radius:10px;box-shadow:var(--shadow);padding:6px}
.search-results a{display:block;padding:9px 11px;border-radius:7px;text-decoration:none}
.search-results a:hover,.search-results a.on{background:var(--panel2)}
.search-results b{display:block;font-size:14px;color:var(--strong)}
.search-results span{display:block;font-size:12.5px;color:var(--muted);line-height:1.5}
.search-results small{font:10px 'DM Mono',monospace;letter-spacing:1px;color:var(--gold);text-transform:uppercase}
.search-results mark{background:color-mix(in srgb,var(--gold) 30%,transparent);color:inherit;border-radius:2px}
.search-results .none{padding:12px;color:var(--muted);font-size:13px}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line2);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer;font-size:16px}
.btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:8px;font-weight:700;font-size:13px;text-decoration:none;border:1px solid var(--line2);background:var(--panel);color:var(--text);white-space:nowrap}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}
.menu-btn{display:none}

/* ---- layout ---- */
.shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr) var(--toc);max-width:1440px;margin:0 auto}
.sidebar{position:sticky;top:var(--top);height:calc(100vh - var(--top));overflow:auto;padding:26px 14px 40px 22px;border-right:1px solid var(--line)}
.sidebar .group{margin:0 0 22px}
.sidebar .group-title{font:600 10.5px/1.4 'DM Mono',monospace;letter-spacing:1.4px;text-transform:uppercase;color:var(--faint);margin:0 0 8px 12px}
.sidebar a{position:relative;display:block;padding:6px 12px;border-radius:7px;color:var(--muted);text-decoration:none;font-size:14.5px;line-height:1.45}
.sidebar a:hover{color:var(--strong);background:color-mix(in srgb,var(--panel2) 70%,transparent)}
.sidebar a[aria-current="page"]{color:var(--strong);background:var(--panel);font-weight:600}
.sidebar a[aria-current="page"]::before{content:'';position:absolute;left:-1px;top:7px;bottom:7px;width:3px;border-radius:2px;background:var(--gold)}
.sidebar .side-foot{margin-top:28px;padding:16px 12px 0;border-top:1px solid var(--line);font-size:12.5px;color:var(--faint);line-height:1.6}
.sidebar .side-foot a{display:inline;padding:0;color:var(--gold)}

main{min-width:0;padding:30px 56px 80px}
.article{max-width:780px}
.crumbs{font:500 11px/1.4 'DM Mono',monospace;letter-spacing:1.3px;text-transform:uppercase;color:var(--faint);margin-bottom:20px}
.crumbs a{text-decoration:none;color:var(--muted)}
.crumbs span{margin:0 8px;opacity:.6}
.eyebrow{font:500 11px/1.4 'DM Mono',monospace;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.article h1{font:800 clamp(38px,5vw,56px)/1.02 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.01em;color:var(--strong);margin:0 0 16px}
.lede{font-size:18.5px;line-height:1.65;color:var(--muted);margin:0 0 26px}
.article h2{font:700 24px/1.3 'DM Sans',sans-serif;color:var(--strong);margin:46px 0 12px;position:relative}
.article h3{font:700 17px/1.4 'DM Sans',sans-serif;color:var(--strong);margin:28px 0 8px}
.article h2 .anchor{position:absolute;left:-26px;top:2px;opacity:0;text-decoration:none;color:var(--faint);font-weight:400;padding:0 6px}
.article h2:hover .anchor,.article h2 .anchor:focus{opacity:1}
.article p{margin:0 0 16px}
.article ul,.article ol{padding-left:22px;margin:0 0 18px}
.article li{margin:4px 0}
.article li::marker{color:var(--gold)}
.article strong{color:var(--strong)}
.article a:not(.card):not(.btn):not(.anchor){color:var(--gold);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--gold) 40%,transparent);text-underline-offset:3px}
.article hr{border:0;border-top:1px solid var(--line);margin:34px 0}
code{font:13.5px 'DM Mono',monospace;background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:1px 6px}

/* figures */
.hero{margin:6px 0 30px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}
.hero img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover}
.hero figcaption,.fig figcaption{font-size:12.5px;color:var(--faint);padding:10px 14px}
.fig{margin:22px 0;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.fig img{display:block;width:100%}
.fig.contain img{object-fit:contain;max-height:360px;background:#07090f}

/* status pills */
.pill{display:inline-flex;align-items:center;gap:6px;font:500 10.5px/1 'DM Mono',monospace;letter-spacing:1px;text-transform:uppercase;padding:5px 8px;border-radius:999px;border:1px solid;vertical-align:2px;white-space:nowrap}
.pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.live{color:var(--teal);border-color:color-mix(in srgb,var(--teal) 40%,transparent);background:color-mix(in srgb,var(--teal) 9%,transparent)}
.pill.soon{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 40%,transparent);background:color-mix(in srgb,var(--gold) 9%,transparent)}
.pill.proposed{color:var(--violet);border-color:color-mix(in srgb,var(--violet) 45%,transparent);background:color-mix(in srgb,var(--violet) 9%,transparent)}
.status-line{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 24px}
.status-line .pill{white-space:normal;max-width:100%;line-height:1.35}

/* callouts */
.note{border:1px solid var(--line2);border-left:3px solid var(--teal);background:var(--panel);border-radius:10px;padding:14px 16px;margin:20px 0;font-size:14.5px}
.note.warn{border-left-color:var(--red)}
.note.gold{border-left-color:var(--gold)}
.note.violet{border-left-color:var(--violet)}
.note>b:first-child{display:block;font:500 10.5px 'DM Mono',monospace;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.note p:last-child{margin:0}

/* tables */
.table-wrap{overflow-x:auto;margin:18px 0 24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
table{border-collapse:collapse;width:100%;font-size:14px}
.table-wrap.wide table{min-width:560px}
th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
th{font:600 10.5px 'DM Mono',monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--faint);background:var(--panel2)}
tr:last-child td{border-bottom:0}
td .ico{vertical-align:middle;margin-right:8px}
td.num,th.num{text-align:right;white-space:nowrap}
.champ-cell{display:flex;align-items:center;gap:10px}
.champ-cell img{width:38px;height:38px;border-radius:8px;image-rendering:pixelated;background:var(--panel2);border:1px solid var(--line)}

/* sprite icons: --n cells across, --i the cell */
.ico{display:inline-block;width:30px;height:30px;flex:none;background-repeat:no-repeat;background-size:calc(var(--n) * 100%) 100%;background-position:calc(var(--i) * 100% / (var(--n) - 1)) 0}
.ico.lg{width:44px;height:44px}
.ico.rw{--n:9;background-image:url('/ui-reward-icons.webp')}
.ico.eco{--n:4;background-image:url('/sh-eco-icons.webp')}
.ico.fct{--n:4;background-image:url('/ui-faucet-icons.webp')}
.ico.gas{--n:6;background-image:url('/ui-gas.webp')}
.ico.bag{--n:9;background-image:url('/ui-bag-icons.webp')}
.ico.bld{--n:5;background-image:url('/web/art/strongholds/buildings.webp')}
.ico.lm{--n:6;background-image:url('/web/art/trenches-landmarks.webp')}

/* icon lists and stat tiles */
.icon-list{list-style:none;padding:0!important;display:grid;gap:10px;margin:16px 0 22px}
.icon-list li{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0}
.icon-list li::marker{content:''}
.icon-list b{display:block;color:var(--strong)}
.icon-list span{display:block;font-size:14px;color:var(--muted);line-height:1.6}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:18px 0 24px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}
.stat b{display:block;font:800 30px/1 'Barlow Condensed',sans-serif;color:var(--gold)}
.stat span{display:block;font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.45}

/* cards (mode tiles linking to articles) */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:18px 0 26px}
.card{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 45%,transparent)}
.card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.card b{display:block;padding:10px 12px 0;color:var(--strong);font-size:15px}
.card span{display:block;padding:2px 12px 12px;color:var(--muted);font-size:13px;line-height:1.5}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:18px 0 24px}
.gallery img{border-radius:10px;border:1px solid var(--line);aspect-ratio:1;object-fit:cover;width:100%}

/* flow charts, drawn in HTML so they read on any screen */
.flow{display:flex;align-items:stretch;gap:0;margin:22px 0 26px}
.flow .node{flex:1 1 0;min-width:0;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:12px 12px 13px;text-align:center}
.flow .node .ico{display:block;margin:0 auto 6px}
.flow .node b{display:block;color:var(--strong);font-size:14px;line-height:1.3}
.flow .node span{display:block;font-size:12px;color:var(--muted);line-height:1.45;margin-top:4px}
.flow .node.hl{border-color:color-mix(in srgb,var(--gold) 55%,transparent);background:color-mix(in srgb,var(--gold) 7%,var(--panel))}
.flow .to{flex:0 0 26px;display:grid;place-items:center;color:var(--gold)}
.flow .to::before{content:'';width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.flow-cap{font-size:12.5px;color:var(--faint);margin:-14px 0 24px;text-align:center}
.split{margin:22px 0 26px;display:grid;gap:0}
.split .root{justify-self:center;max-width:360px;width:100%}
.split .stem{height:22px;width:2px;background:var(--line2);justify-self:center}
.split .kids{display:grid;grid-template-columns:repeat(var(--k,4),1fr);gap:10px;position:relative;padding-top:20px;border-top:2px solid var(--line2)}
.split .kids .node{position:relative}
.split .kids .node::before{content:'';position:absolute;left:50%;top:-22px;width:2px;height:20px;background:var(--line2)}
.split .node{background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:12px;text-align:center}
.split .node b{display:block;color:var(--strong);font-size:14px}
.split .node span{display:block;font-size:12px;color:var(--muted);line-height:1.45;margin-top:4px}
.split .node.hl{border-color:color-mix(in srgb,var(--gold) 55%,transparent);background:color-mix(in srgb,var(--gold) 7%,var(--panel))}
.ladder{list-style:none;padding:0!important;margin:20px 0 26px;counter-reset:l;display:grid;gap:8px}
.ladder li{counter-increment:l;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0}
.ladder li::marker{content:''}
.ladder li::before{content:counter(l,decimal-leading-zero);font:800 24px/1 'Barlow Condensed',sans-serif;color:var(--gold);padding-top:3px}
.ladder b{display:block;color:var(--strong)}
.ladder span{display:block;font-size:14px;color:var(--muted);line-height:1.6}

/* FAQ */
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:14px 30px 14px 0;font-weight:600;color:var(--strong);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:4px;top:12px;color:var(--gold);font-size:20px;font-weight:400}
.faq details[open] summary::after{content:'\2212'}
.faq details>div{padding:0 0 14px;color:var(--muted)}

/* prev / next */
.pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:54px;padding-top:24px;border-top:1px solid var(--line)}
.pager a{display:block;text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--panel)}
.pager a:hover{border-color:color-mix(in srgb,var(--gold) 45%,transparent)}
.pager small{display:block;font:500 10.5px 'DM Mono',monospace;letter-spacing:1.3px;text-transform:uppercase;color:var(--faint)}
.pager b{color:var(--strong)}
.pager .next{text-align:right;grid-column:2}
.updated{font-size:12.5px;color:var(--faint);margin-top:18px}

/* on this page */
.toc{position:sticky;top:var(--top);height:calc(100vh - var(--top));overflow:auto;padding:30px 22px 40px 10px}
.toc .toc-title{font:600 10.5px 'DM Mono',monospace;letter-spacing:1.4px;text-transform:uppercase;color:var(--faint);margin:0 0 10px}
.toc a{display:block;padding:4px 0 4px 12px;border-left:2px solid var(--line);color:var(--muted);text-decoration:none;font-size:13.5px;line-height:1.45}
.toc a:hover{color:var(--strong)}
.toc a.on{color:var(--strong);border-left-color:var(--gold)}
.toc .toc-cta{margin-top:24px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:13px;color:var(--muted)}
.toc .toc-cta b{display:block;color:var(--strong);margin-bottom:6px}
.toc .toc-cta .btn{margin-top:10px;width:100%;justify-content:center}

/* without the script every article shows, one after another */
.no-js .article{margin-bottom:80px}
.js .article:not(.on){display:none}
.scrim{display:none}

.btn.join .short{display:none}
@media (max-width:1180px){
 .shell{grid-template-columns:var(--side) minmax(0,1fr)}
 .toc{display:none}
}
@media (max-width:880px){
 :root{--top:58px}
 .topbar{padding:0 12px;gap:8px}
 .menu-btn{display:inline-grid}
 .brand img{width:96px}
 .top-search{display:none}
 .top-search.open{display:block;position:fixed;left:10px;right:10px;top:calc(var(--top) + 8px);max-width:none;margin:0;z-index:40}
 .search-toggle{display:inline-grid!important}
 .btn.join .long{display:none}
 .btn.join .short{display:inline}
 .shell{display:block}
 .sidebar{position:fixed;z-index:35;left:0;top:var(--top);bottom:0;height:auto;width:min(86vw,320px);background:var(--bg);transform:translateX(-102%);transition:transform .2s ease;box-shadow:var(--shadow)}
 .sidebar.open{transform:none}
 .scrim{display:block;position:fixed;inset:var(--top) 0 0;z-index:34;background:#0008;opacity:0;pointer-events:none;transition:opacity .2s}
 .scrim.open{opacity:1;pointer-events:auto}
 main{padding:22px 16px 60px}
 .lede{font-size:17px}
 .article h2{font-size:21px;margin-top:38px}
 .article h2 .anchor{display:none}
 .hero img{aspect-ratio:16/9}
 .flow{flex-direction:column}
 .flow .to{flex-basis:22px}
 .flow .to::before{transform:rotate(135deg)}
 .split .kids{grid-template-columns:1fr 1fr;border-top:0;padding-top:0}
 .split .kids .node::before{display:none}
 .split .stem{height:14px}
 .pager{grid-template-columns:1fr}
 .pager .next{grid-column:1}
}
.search-toggle{display:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.topbar,.sidebar,.toc,.pager,.scrim{display:none!important}.shell{display:block}.js .article{display:block!important;page-break-after:always}main{padding:0}}

/* live Market Mood strip (15/10/2026) */
.mood-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;max-width:780px;margin:0 0 22px;padding:10px 14px;border:1px solid var(--line2);border-radius:12px;background:var(--panel);font-size:13px}
.mood-strip .ms-live{display:inline-flex;align-items:center;gap:6px;font:500 10.5px 'DM Mono',monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--faint)}
.mood-strip .ms-live i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal);animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.35}}
.mood-strip .ms-mood{color:var(--strong)}
.ms-moon,.ms-pump{color:var(--gold)!important}.ms-dump,.ms-rekt{color:var(--red)!important}
.mood-strip .ms-eff{color:var(--muted)}
.mood-strip .ms-assets{display:flex;flex-wrap:wrap;gap:10px;font:500 12px 'DM Mono',monospace}
.mood-strip .up{color:var(--teal)}.mood-strip .down{color:var(--red)}
.mood-strip a{margin-left:auto;color:var(--gold);font-size:12.5px}
/* calculators */
.calc{border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line2));border-radius:14px;background:var(--panel);padding:16px;margin:14px 0 26px}
.calc-in{display:grid;gap:14px}
.calc-in.grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.calc label{display:grid;gap:6px;font-size:13.5px;color:var(--muted)}
.calc label output{color:var(--gold);font:700 15px 'DM Sans',sans-serif;justify-self:end;margin-top:-26px}
.calc input[type=range]{width:100%;accent-color:var(--gold)}
.calc input[type=number]{width:100%;padding:8px 10px;border:1px solid var(--line2);border-radius:8px;background:var(--panel2);color:var(--text);font:inherit}
.calc label.chk{display:flex;align-items:center;gap:8px;color:var(--text)}
.calc label.chk input{accent-color:var(--gold);width:16px;height:16px}
.calc-presets{display:flex;flex-wrap:wrap;gap:8px}
.calc-presets button{border:1px solid var(--line2);background:var(--panel2);color:var(--text);border-radius:999px;padding:6px 12px;font:600 12.5px 'DM Sans',sans-serif;cursor:pointer}
.calc-presets button small{color:var(--gold);font-weight:500;margin-left:4px}
.calc-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:16px}
.calc-out .stat{margin:0}
.calc-out .stat.wide{grid-column:1/-1}
.calc-out .stat b.sm{font-size:20px;line-height:1.3}
.calc-note{grid-column:1/-1;font-size:12.5px;color:var(--faint);margin:2px 0 0!important}
/* people of the Square: portraits from the game's portrait sheet (8 x 4 cells) */
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:16px 0 24px}
.person{display:flex;gap:12px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}
.person .portrait{flex:none;width:64px;height:64px;border-radius:10px;border:1px solid var(--line);background:url('/trench-portraits.webp') no-repeat;background-size:800% 400%;background-position:calc(var(--c) * 100% / 7) calc(var(--r) * 100% / 3);image-rendering:pixelated}
.person b{display:block;color:var(--strong)}
.person span{display:block;font-size:13.5px;color:var(--muted);line-height:1.55}
/* glossary */
.glossary{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);margin:10px 0 24px}
.glossary dt,.glossary dd{margin:0;padding:11px 14px;border-bottom:1px solid var(--line)}
.glossary dt{font-weight:700;color:var(--strong);background:var(--panel2)}
.glossary dd{color:var(--muted);font-size:14.5px}
@media (max-width:880px){.glossary{grid-template-columns:1fr}.glossary dt{border-bottom:0;padding-bottom:2px;background:none}.mood-strip a{margin-left:0}}