/* Shared look for the tavern's info pages (about, developers, help, terms, privacy) and the footer. */
:root{
  --bg:#15100c; --panel:#1e1610; --panel-2:#291e16; --line:#3d2d20;
  --ink:#f2e4c8; --dim:#a8916f; --ember:#eb9440; --ember-2:#ffcf7a; --good:#7fd6a8;
  --display:"Press Start 2P", ui-monospace, "Courier New", monospace;
  --ui:"VT323", ui-monospace, "Courier New", monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:21px/1.35 var(--ui)}
a{color:var(--ember-2);text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:2px solid var(--ember-2);outline-offset:2px}
.page{max-width:820px;margin:0 auto;padding:28px max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}
.page-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.page-head img{width:56px;height:56px;image-rendering:pixelated}
.page-head a{text-decoration:none}
.page h1{font:clamp(14px,2.6vw,20px)/1.5 var(--display);color:var(--ember-2);margin:0;text-shadow:3px 3px 0 #000}
.page h2{font:12px/1.6 var(--display);color:var(--ember-2);margin:30px 0 10px}
.page p,.page li{color:var(--ink)}
.page .lead{color:var(--dim);font-size:23px;margin:0 0 6px}
.page .updated{color:var(--dim);font-size:18px}
.page ul{padding-left:22px}
.page li{margin:4px 0}
.page table{border-collapse:collapse;width:100%;margin:8px 0 14px;font-size:19px}
.page th,.page td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
.page th{background:var(--panel-2);color:var(--ember-2);font-weight:normal}
.page code{font-family:var(--ui);background:#0e0b08;color:var(--ember-2);padding:1px 6px;overflow-wrap:anywhere}
.page pre{background:#0e0b08;color:var(--ember-2);padding:12px;overflow-x:auto;font:19px/1.3 var(--ui)}
.box{background:var(--panel);box-shadow:0 0 0 3px var(--line),6px 6px 0 3px #000;padding:14px 18px;margin:18px 0}
.table-wrap{overflow-x:auto}

/* Footer: tagline, then © + motto on the left and links on the right (stacks on phones). */
.site-foot{border-top:1px solid var(--line);margin-top:40px;padding:18px max(16px,env(safe-area-inset-right,0px)) calc(22px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));color:var(--dim);font:19px/1.4 var(--ui)}
.site-foot .tag{text-align:center;font-style:italic;margin:0 0 14px}
.site-foot .row{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}
.site-foot .left{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.site-foot .motto{color:#7fd6a8}
.site-foot nav{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.site-foot nav a{color:var(--dim);text-decoration:none}
.site-foot nav a:hover{color:var(--ink);text-decoration:underline}
.site-foot .human{color:#968265}
.site-foot .human a{color:inherit}