/* Word pages (de/Haus/ …): the same old-library look as the app, kept small. */
:root{--paper:#ecdfc2;--surface:#f6eedb;--ink:#2b1d12;--muted:#6c5741;--rule:#c2ab82;--accent:#7a1f1f;--gold:#9a7428}
@media (prefers-color-scheme:dark){:root{--paper:#1e150f;--surface:#2a1e15;--ink:#ecdfc4;--muted:#b39e7e;--rule:#4f3b27;--accent:#d9ad5b;--gold:#d9ad5b}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:#7a4c2c url(/icons/wood.jpg);color:var(--ink);font:400 18px/1.55 "EB Garamond","Source Serif 4",Georgia,serif}
@media (prefers-color-scheme:dark){body{background:#2e1c11 url(/icons/wood-dark.jpg)}}
.page{max-width:880px;margin:28px auto;background:var(--paper);border-radius:2px;padding:40px 44px 36px;
  box-shadow:inset 0 0 0 10px var(--paper),inset 0 0 0 11px var(--rule),inset 0 0 0 14px var(--paper),inset 0 0 0 15px var(--rule),inset 0 0 90px rgba(120,80,30,.22),0 14px 40px rgba(25,12,4,.45)}
@media (max-width:600px){.page{margin:10px;padding:26px 20px 28px}}
a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}
header{text-align:center;border-bottom:3px double var(--rule);padding-bottom:14px;margin-bottom:24px}
.brand{display:inline-block;filter:drop-shadow(0 1px 1px rgba(60,35,15,.28)) drop-shadow(0 4px 7px rgba(60,35,15,.22))}
.wordmark{display:block;height:54px;aspect-ratio:686/200;background:var(--ink);-webkit-mask:url(/icons/wordmark.png) center/contain no-repeat;mask:url(/icons/wordmark.png) center/contain no-repeat}
.motto{margin:2px 0 6px;color:var(--muted)}
nav{font-variant:small-caps;letter-spacing:.05em}
.kicker{margin:0;color:var(--accent);font-variant:small-caps;letter-spacing:.1em}
h1{font:600 46px/1.1 "Cormorant Garamond","EB Garamond",serif;margin:2px 0 6px}
h2{font:500 21px/1.3 "EB Garamond",serif;margin:22px 0 8px;color:var(--accent)}
.facts{margin:0 0 10px;color:var(--muted)}
.ipa{font-family:"Source Serif 4",Georgia,serif;color:var(--ink)}
.lvl{border:1px solid currentColor;border-radius:2px;padding:0 6px;font-size:15px;color:#3b6b34;margin-left:4px}
table{width:100%;border-collapse:collapse;background:var(--surface);box-shadow:inset 0 0 0 1px var(--rule)}
th,td{text-align:left;padding:7px 14px;border-bottom:1px solid var(--rule);vertical-align:top}
tr:last-child th,tr:last-child td{border-bottom:0}
th{width:30%;font-weight:400;font-variant:small-caps;letter-spacing:.06em;color:var(--muted)}
article+article{margin-top:34px;padding-top:20px;border-top:1px solid var(--rule)}
.open{margin:24px 0 0}
.btn{display:inline-block;background:var(--accent);color:var(--surface);padding:8px 16px;border-radius:2px;text-decoration:none;font-variant:small-caps;letter-spacing:.05em;margin-right:10px}
.open span{color:var(--muted)}
.lead{color:var(--muted)}
ul.cols{columns:3 170px;padding:0;list-style:none}
ul.cols li{break-inside:avoid;padding:2px 0}
ul.langs{list-style:none;padding:0}ul.langs li{padding:6px 0;border-bottom:1px solid var(--rule);font-size:21px}
ul.langs .n{color:var(--muted);font-size:16px;margin-left:8px}
footer{margin-top:34px;border-top:3px double var(--rule);padding-top:14px;font-size:15px;color:var(--muted);text-align:center}