/* aCis guide pages theme (private access / server installation) */
:root{
  --bg:#0b0a08;--gold:#cf9450;--gold-bright:#eab97a;--gold-dim:#8c5c2c;
  --copper:#b87a44;--text:#e9ddc8;--muted:#a08c72;--line:rgba(207,148,80,.30);
}
*{box-sizing:border-box}
html{overflow-y:scroll}
html,body{margin:0;padding:0}
body{
  font-family:"Georgia","Times New Roman",serif;color:var(--text);line-height:1.6;
  background:
    linear-gradient(180deg, rgba(11,10,8,.88), rgba(11,10,8,.94)),
    url("../codex/images/codex-bg.jpg") center center / cover fixed no-repeat,
    var(--bg);
  min-height:100vh;padding:0 0 70px;
}
a{color:var(--gold-bright);text-decoration:none}
a:hover{color:#fff}

/* top nav: ← aCis (left) · title (center) */
.g-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
  min-height:62px;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(11,10,8,.72);position:sticky;top:0;z-index:40}
.g-nav .home{justify-self:start;color:var(--gold-bright);font-weight:700;letter-spacing:.06em;font-size:15px}
.g-nav .home:hover{color:#fff}
.g-nav .brand{justify-self:center;color:var(--gold-bright);font-weight:700;font-size:19px;letter-spacing:.04em;text-align:center}
.g-nav .sp{justify-self:end}

.wrap{max-width:900px;margin:0 auto;padding:0 24px}
header.hero{text-align:center;padding:48px 20px 20px}
header.hero h1{margin:0;color:var(--gold-bright);font-size:clamp(30px,5vw,44px);letter-spacing:.03em;text-shadow:0 2px 12px rgba(0,0,0,.8)}
header.hero p{margin:12px auto 0;max-width:640px;color:#d9cdb4;text-shadow:0 1px 8px rgba(0,0,0,.9)}
header.hero .rule{display:block;width:240px;height:2px;margin:24px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}

/* fenced section headers (were ```HEADER``` in the source) */
.fence{margin:42px 0 14px;color:var(--gold-bright);font-size:26px;font-weight:700;letter-spacing:.03em}
.fence .rune{color:var(--gold);margin-right:10px}
h3{color:var(--gold);font-size:18px;margin:22px 0 6px;letter-spacing:.03em}
p{margin:0 0 12px}
strong{color:var(--gold-bright)}
ul{margin:0 0 14px;padding-left:22px;list-style:none}
li{position:relative;margin:6px 0}
li::before{content:"\25AA";color:var(--gold-dim);position:absolute;left:-16px;top:2px;font-size:11px}
code{font-family:"Consolas","Courier New",monospace;color:var(--gold-bright);background:rgba(0,0,0,.35);
  border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:.92em}
.note{border:1px dashed var(--line);border-radius:8px;background:rgba(0,0,0,.25);padding:14px 18px;color:var(--muted);margin:0 0 14px}
.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 16px}
.dl{display:inline-block;padding:9px 16px;border:1px solid var(--gold);border-radius:7px;color:var(--gold-bright);
  font-size:14px;letter-spacing:.03em;background:rgba(184,122,68,.12)}
.dl:hover{background:rgba(184,122,68,.25);color:#fff}
.vid{display:inline-block;padding:9px 16px;border:1px solid var(--line);border-radius:7px;color:var(--gold);font-size:14px}
.vid:hover{border-color:var(--gold);color:#fff}
table{width:100%;border-collapse:collapse;margin:0 0 16px;background:rgba(23,19,12,.7);border:1px solid var(--line);border-radius:8px;overflow:hidden}
th,td{text-align:left;padding:9px 14px;border-bottom:1px solid rgba(207,148,80,.14);font-size:14px}
th{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:12px}
tr:last-child td{border-bottom:0}
/* tier comparison table */
.tier-table th{text-transform:none;font-size:15px;text-align:center;color:var(--gold-bright)}
.tier-table th:first-child{text-align:left;color:var(--gold)}
.tier-table td{vertical-align:top;text-align:center}
.tier-table td:first-child{text-align:left;color:var(--gold);font-weight:700;white-space:nowrap}
.tier-table .yes{color:var(--gold-bright);font-weight:700}
.tier-table .no{color:var(--muted)}
.tier-table tbody tr:hover td{background:rgba(207,148,80,.06)}
footer{text-align:center;color:var(--muted);font-size:12px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);max-width:900px;margin-left:auto;margin-right:auto}
footer .sep{color:var(--gold-dim);margin:0 8px}