/* Shared across every Dojo page: brand tokens, base reset, the top menu bar and the legal footer.
   Pages other than index.html are served without the artifact skeleton, so the reset lives here too. */
:root{
  color-scheme:dark;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  --bronze:#b98a4b; --bronze-hi:#e2bd7f; --bronze-dim:rgba(185,138,75,.32); --bronze-faint:rgba(185,138,75,.14);
  --ink:#f3eee5; --ink-2:#c8c1b5; --ink-3:#958e83; --ink-4:#6c665d;
  --kw:#1d6a68;
  --fury:#d43a30; --calm:#3e8a3e; --mind:#2f6fad; --body:#e27a1e; --chaos:#7140a4; --order:#c8a11b;
  --bg:#0c1416; --bg-2:#131d21; --bg-3:#1b282d; --accent:#9fd4ff; --accent-ink:#06131d;
  --f-name:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-tag:"Barlow Condensed","Arial Narrow",sans-serif;
  --f-num:"Alfa Slab One",Georgia,serif;
  --ease:cubic-bezier(.23,1,.32,1);
  --cut:12px;
}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
img{max-width:100%}
[hidden]{display:none!important}

/* ---------- menu bar ---------- */
.dj-bar{position:relative;z-index:40;background:var(--bg);border-bottom:1px solid var(--bronze-faint);
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.dj-bar-in{position:relative;max-width:1180px;margin:0 auto;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.dj-where{display:flex;align-items:center;gap:10px;min-width:0}
.dj-brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:800 1.02rem/1 var(--f-name);letter-spacing:-.01em;white-space:nowrap}
.dj-brand:hover{color:var(--accent)}
.dj-brand i{flex:none;width:20px;height:24px;background:linear-gradient(160deg,var(--bronze-hi),var(--bronze));clip-path:polygon(50% 0,100% 18%,100% 82%,50% 100%,0 82%,0 18%)}
.dj-crumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:italic 700 .88rem/1 var(--f-tag);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding-left:10px;border-left:1px solid var(--bronze-dim)}
@media (max-width:560px){.dj-crumb{display:none}}
.dj-menu-btn{flex:none;border:0;cursor:pointer;padding:10px 14px 9px;background:var(--bg-3);color:var(--ink);box-shadow:inset 0 0 0 1px var(--bronze-dim);font:italic 700 .9rem/1 var(--f-tag);letter-spacing:.07em;text-transform:uppercase;transform:skewX(-12deg);transition:background-color .2s var(--ease),color .2s var(--ease)}
.dj-menu-btn>span{display:inline-block;transform:skewX(12deg)}
.dj-menu-btn:hover{background:var(--bg-2);color:var(--accent)}
.dj-menu-btn[aria-expanded="true"]{background:var(--accent);color:var(--accent-ink);box-shadow:none}
.dj-menu{position:absolute;top:calc(100% + 6px);right:0;width:min(340px,100%);background:var(--bg-2);border:1px solid var(--bronze-dim);box-shadow:0 24px 50px -16px #000;padding:8px;display:flex;flex-direction:column;gap:4px}
.dj-menu h2{margin:0;padding:12px 10px 6px;font:italic 700 .78rem/1 var(--f-tag);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.dj-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 10px;color:var(--ink);text-decoration:none;font:700 .95rem/1.2 var(--f-name)}
.dj-menu a:hover{background:var(--bg-3)}
.dj-menu a[aria-current="page"]{color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.dj-menu small{flex:none;font:italic 700 .72rem/1 var(--f-tag);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.dj-menu p{margin:0;padding:4px 10px 10px;font:500 .86rem/1.4 var(--f-name);color:var(--ink-3)}
.dj-bar :focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ---------- legal footer ---------- */
.dj-foot{font:400 .84rem/1.55 var(--f-name);color:var(--ink-3);border-top:1px solid var(--bronze-faint);padding-block:28px calc(36px + env(safe-area-inset-bottom,0px));margin:0}
.dj-foot{display:flex;flex-direction:column;gap:8px}
.dj-foot p{margin:0;max-width:72ch}
.dj-foot strong{color:var(--ink-2)}