/* ZCrude theme for the shared app pages: oil black, bone, deep amber. */
@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Manrope:wght@500;600&display=swap");
:root {
  --pad-bg: #070605;
  --pad-surface: #14100C;
  --pad-ink: #F1E7D3;
  --pad-ink-dim: #A69A86;
  --pad-rule: #2E261E;
  --pad-accent: #E39A2E;
  --pad-accent-ink: #070605;
  --pad-accent-text: #E39A2E;
  --pad-good: #8FBF6A;
  --pad-bad: #E0664A;
  --pad-font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pad-font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --pad-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --pad-radius: 4px;
  --pad-max-width: 1120px;
}
/* header + footer used on the app pages (markup in _chrome.html) */
.bh{position:sticky;top:0;z-index:20;display:flex;justify-content:center;gap:4px;padding:20px 16px 0;pointer-events:none}
.bh>*{pointer-events:auto;display:flex;align-items:center;height:40px;padding:0 18px;background:rgba(70,56,40,.35);backdrop-filter:blur(12px);border:1px solid rgba(241,231,211,.12);border-radius:3px;color:#F1E7D3;text-decoration:none;font:500 14px/1 var(--pad-font)}
.bh .bh-logo{gap:8px;font:400 20px/1 var(--pad-font-display)}
.bh .bh-logo img{height:16px;width:auto;display:block}
.bh nav{gap:22px}.bh nav a{color:inherit;text-decoration:none;opacity:.75;white-space:nowrap}.bh nav a:hover,.bh nav a[aria-current]{opacity:1;color:#E39A2E}
.bf{margin-top:96px;padding:40px 20px 28px;border-top:1px solid #2E261E;color:#A69A86;font:500 13px/1.6 var(--pad-font)}
.bf-in{max-width:var(--pad-max-width);margin:0 auto;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:baseline;justify-content:space-between}
.bf a{color:#F1E7D3;text-decoration:none;margin-right:18px}.bf a:hover{color:#E39A2E}
.bf .bf-word{font:400 28px/1 var(--pad-font-display);color:#F1E7D3}
@media (max-width:640px){.bh{flex-wrap:wrap}.bh nav{gap:14px;font-size:13px}}