:root{
  --bg:#0e0b09; --panel:#1a1512; --panel2:#241d18;
  --gold:#d4a355; --gold-soft:#e8c98f; --cream:#f5ead8;
  --text:#efe6d8; --muted:#b7a893;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Georgia,'Times New Roman',serif;line-height:1.75}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header{padding:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.logo{font-size:1.3rem;color:var(--cream);text-decoration:none}
.logo b{color:var(--gold)}
nav a{font-family:Arial,sans-serif;font-size:.85rem;color:var(--gold-soft);text-decoration:none;margin-left:18px}
nav a:hover{color:var(--gold)}
article{padding:30px 0 10px}
h1{font-size:clamp(1.9rem,5.5vw,2.6rem);line-height:1.2;color:var(--cream);font-weight:400;margin-bottom:14px}
.byline{font-family:Arial,sans-serif;font-size:.8rem;color:var(--muted);margin-bottom:34px}
h2{font-size:1.45rem;color:var(--gold-soft);font-weight:400;margin:38px 0 14px}
h3{font-size:1.1rem;color:var(--cream);margin:26px 0 10px;font-family:Arial,sans-serif}
p{margin-bottom:16px;color:var(--text)}
p.lead{font-size:1.12rem;color:var(--muted)}
ul,ol{margin:0 0 18px 24px}
li{margin-bottom:10px}
a{color:var(--gold)}
.tip{background:var(--panel);border-left:3px solid var(--gold);border-radius:0 12px 12px 0;padding:16px 20px;margin:22px 0;font-size:.98rem}
.tip b{color:var(--gold-soft)}
table{width:100%;border-collapse:collapse;margin:20px 0;font-family:Arial,sans-serif;font-size:.92rem}
th{color:var(--gold-soft);text-align:left;padding:10px;border-bottom:1px solid rgba(212,163,85,.4)}
td{padding:10px;border-bottom:1px solid rgba(212,163,85,.14);color:var(--muted)}
.cta{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid rgba(212,163,85,.3);border-radius:18px;padding:26px 24px;margin:36px 0;text-align:center}
.cta h2{margin:0 0 8px}
.cta p{color:var(--muted);font-size:.95rem}
.btn{display:inline-block;margin-top:14px;background:linear-gradient(135deg,var(--gold),#b8863d);color:#1a1208;font-family:Arial,sans-serif;font-weight:bold;font-size:.9rem;padding:13px 30px;border-radius:999px;text-decoration:none}
.faq{margin:10px 0 30px}
.faq h3{color:var(--gold-soft)}
.related{background:var(--panel);border-radius:16px;padding:22px 24px;margin:30px 0}
.related h2{margin-top:0;font-size:1.1rem}
.related a{display:block;margin:8px 0;font-family:Arial,sans-serif;font-size:.92rem}
footer{padding:36px 0 46px;text-align:center;color:#7d715f;font-family:Arial,sans-serif;font-size:.78rem}
footer a{color:#9c8d75;text-decoration:none;margin:0 8px}
/* guides index cards */
.gcards{display:grid;gap:16px;margin:26px 0}
.gcard{background:var(--panel);border:1px solid rgba(212,163,85,.16);border-radius:16px;padding:22px;text-decoration:none;display:block}
.gcard:hover{background:var(--panel2)}
.gcard h2{margin:0 0 8px;font-size:1.2rem;color:var(--cream)}
.gcard p{color:var(--muted);font-size:.92rem;margin:0}
.gcard .tag{font-family:Arial,sans-serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}