:root{
  /* Theme matched to index_GoDJ.html — dark + gold */
  --bg:#111111; --bg2:#1a1a1a; --panel:#1e1e1e; --line:#2e2e2e;
  --ink:#f0ede8; --dim:#908e8a; --accent:#d5a865; --orange:#ff9944;
  --green:#6bffb8; --amber:#ffcc44; --red:#ff6b6b; --purple:#cc88ff;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Segoe UI","SF Pro Text",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65;font-size:16px;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}

/* top bar */
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:12px 22px;background:rgba(15,18,23,.9);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);}
.topbar .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px;color:var(--ink);}
.topbar .brand img{width:26px;height:26px;border-radius:6px;}
.topbar .brand span{color:var(--accent);}
.topbar nav a{color:var(--dim);font-size:14px;margin-left:18px;}
.topbar nav a:hover{color:var(--ink);text-decoration:none;}

/* article */
.wrap{max-width:820px;margin:0 auto;padding:40px 22px 64px;}
.crumb{color:var(--dim);font-size:13px;margin-bottom:18px;}
.crumb a{color:var(--dim);}
h1{font-size:32px;font-weight:800;line-height:1.2;margin:.2em 0 .5em;}
h2{font-size:21px;font-weight:700;margin:1.8em 0 .5em;padding-top:.4em;border-top:1px solid var(--line);}
h3{font-size:16px;font-weight:700;margin:1.4em 0 .3em;color:#cdd2d8;}
p{margin:.7em 0;color:#d4d8de;}
strong{color:#fff;}
em{color:#cfd4da;}
ul,ol{margin:.6em 0 .6em;padding-left:1.3em;}
li{margin:.35em 0;color:#d4d8de;}
.goal{background:var(--panel);border-left:4px solid var(--accent);border-radius:10px;
  padding:14px 18px;margin:0 0 22px;font-size:16px;}
.goal strong{color:var(--accent);}
blockquote{margin:1em 0;padding:10px 16px;background:var(--bg2);border-left:4px solid var(--amber);
  border-radius:8px;color:var(--dim);}
blockquote p{margin:.2em 0;color:var(--dim);}
pre{background:#0a0c10;border:1px solid var(--line);border-radius:10px;padding:14px 16px;
  overflow:auto;color:#aeb9c4;font-size:13.5px;line-height:1.5;}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
hr{border:none;border-top:1px solid var(--line);margin:1.6em 0;}

/* prev / next */
.pager{display:flex;justify-content:space-between;gap:12px;margin-top:40px;
  border-top:1px solid var(--line);padding-top:22px;}
.pager a{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;
  padding:14px 16px;color:var(--ink);}
.pager a:hover{border-color:var(--accent);text-decoration:none;}
.pager .lbl{display:block;color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:1px;}
.pager .nxt{text-align:right;}
.pager .spacer{flex:1;}

footer{border-top:1px solid var(--line);color:var(--dim);font-size:13px;text-align:center;padding:26px 20px;}
@media(max-width:600px){h1{font-size:26px;}.topbar nav a{margin-left:12px;}}