/* The site header + footer, shared by every page including the Codex (which keeps its own styles otherwise).
   Ragol's Wrath brand: back 10,8,12  accent 230,0,20  text 255,210,200 (textures\brand\brand_art.py). */
:root{
  --rw-bg:#0a080c; --rw-panel:#140f16; --rw-line:#3b2328; --rw-text:#ffd2c8; --rw-muted:#b8958e;
  --rw-accent:#e60014; --rw-link:#ff5566;
  --rw-display:"Chakra Petch",ui-sans-serif,system-ui,sans-serif;
}
.rw-head{background:linear-gradient(180deg,#160a0e 0%,var(--rw-bg) 100%); border-bottom:1px solid var(--rw-line)}
.rw-head-inner{max-width:1240px; margin:0 auto; padding:10px 16px; display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px}
.rw-logo{display:flex; align-items:center; gap:10px; color:var(--rw-text); text-decoration:none;
  font-family:var(--rw-display); font-weight:700; font-size:19px; letter-spacing:.04em; white-space:nowrap}
.rw-logo img{width:40px; height:40px; display:block}
.rw-logo b{color:var(--rw-accent); font-weight:700}
.rw-nav{display:flex; flex-wrap:wrap; gap:4px; min-width:0}
.rw-nav a{color:var(--rw-text); text-decoration:none; font-family:var(--rw-display); font-weight:600; font-size:13.5px;
  letter-spacing:.06em; text-transform:uppercase; padding:6px 10px; border-radius:7px; border:1px solid transparent}
.rw-nav a:hover{border-color:var(--rw-line); background:var(--rw-panel)}
.rw-nav a[aria-current="page"]{background:var(--rw-accent); color:#fff}
.rw-nav a:focus-visible,.rw-logo:focus-visible{outline:2px solid var(--rw-link); outline-offset:2px}
.rw-foot{border-top:1px solid var(--rw-line); color:var(--rw-muted); font-size:12.5px; line-height:1.55}
.rw-foot-inner{max-width:1240px; margin:0 auto; padding:18px 16px 32px}
.rw-foot a{color:var(--rw-link)}
.rw-foot p{margin:0 0 6px; max-width:80ch}
@media (max-width:640px){
  .rw-head-inner{padding:8px 16px}
  .rw-nav a{font-size:12.5px; padding:5px 8px}
}