/* Shared shell for crawlable world etiquette pages */
:root {
  --gold: #C8962A;
  --teal: #29C4C0;
  --bg: #0B0B0F;
  --panel: rgba(8,12,11,0.92);
  --text: #F6F4EC;
  --muted: #9EA39F;
  --line: rgba(200,150,42,0.28);
}
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh;
  background: radial-gradient(110% 90% at 50% -10%, #13211b 0%, var(--bg) 55%);
  color: var(--text);
  font-family: "Helvetica Neue", Inter, Arial, sans-serif;
}
header {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 16px 22px;
  border-bottom: 1px solid var(--line);
  background: rgba(4,7,6,0.75);
}
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--text); }
.brand img.dragon { width: 42px; height: auto; }
.brand img.word { height: 28px; width: auto; }
nav a {
  color: var(--gold); text-decoration: none; font-size: 0.78rem; font-weight: 700;
  margin-left: 12px; letter-spacing: 0.04em;
}
main { max-width: 880px; margin: 0 auto; padding: 28px 18px 64px; }
.doc {
  background: var(--panel); border: 1px solid var(--line); border-radius: 12px;
  padding: 22px 20px 28px;
}
.doc h1 { font-family: Cinzel, Georgia, serif; font-size: 1.45rem; margin: 0 0 8px; }
.doc h2 { font-size: 1.05rem; color: var(--gold); margin: 22px 0 8px; }
.doc .lead { color: var(--muted); font-size: 0.9rem; margin: 0 0 10px; line-height: 1.5; }
.doc .apt { color: var(--teal); font-size: 0.88rem; margin: 0 0 18px; }
.doc p, .doc li { color: #d8d4c8; font-size: 0.86rem; line-height: 1.55; margin: 0 0 10px; }
.doc ul { margin: 0 0 12px; padding-left: 1.2rem; }
.doc a { color: var(--teal); }
.world-nav { margin: 0 0 18px; font-size: 0.78rem; color: var(--muted); }
.world-nav a { color: var(--gold); margin-right: 12px; text-decoration: none; font-weight: 700; }
footer {
  max-width: 880px; margin: 0 auto; padding: 0 18px 40px;
  font-size: 0.75rem; color: var(--muted);
}
footer a { color: var(--gold); }