/* Godseye blog shared styles | dark theme, gold accents (design tokens) */
:root{
  --bg:#0A0A0A; --surface:#121212; --card:#161616; --border:rgba(255,255,255,.1);
  --gold:#C4A484; --text:#F2F2F2; --muted:#939393; --gold-dim:#8a6f50;
  --sans:'Inter',Arial,sans-serif; --display:'Space Grotesk',sans-serif; --mono:'JetBrains Mono',monospace;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{background:var(--bg); color:var(--text); font-family:var(--sans); line-height:1.65; -webkit-font-smoothing:antialiased;}
.wrap{max-width:760px; margin:0 auto; padding:36px 22px 80px;}
header.top{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; flex-wrap:wrap;}
.logo{color:var(--text); font-family:var(--display); font-weight:700; font-size:18px; letter-spacing:.04em; text-decoration:none;}
.logo span{color:var(--gold);}
nav{display:flex; gap:22px; flex-wrap:wrap; align-items:center;}
nav a{color:var(--muted); text-decoration:none; font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.08em;}
nav a:hover{color:var(--gold);}
.menu-toggle{display:none; background:transparent; border:1px solid var(--border); border-radius:10px; padding:9px; width:42px; height:40px; cursor:pointer;}
.menu-toggle span{display:block; height:1px; background:var(--gold); margin:5px 0;}
hr.rule{border:0; border-top:1px solid var(--border); margin:22px 0 30px;}
.eyebrow,.article .k{font-family:var(--mono);}
.eyebrow{color:var(--gold); font-size:11px; letter-spacing:.18em; margin-bottom:14px;}
h1{font-family:Georgia,'Times New Roman',serif; font-weight:300; font-size:44px; line-height:1.12; letter-spacing:-.01em; margin-bottom:12px;}
.meta{color:var(--muted); font-size:13px; margin-bottom:28px;}
.meta .pill{background:var(--card); border:1px solid var(--border); color:var(--gold); padding:2px 10px; border-radius:99px; font-size:12px; margin-left:8px;}
p{font-size:16px; margin-bottom:18px;}
p strong{color:var(--gold);}
h2{font-family:Georgia,serif; font-size:23px; font-weight:300; margin:34px 0 14px; color:var(--text);}
h3{font-size:18px; margin:24px 0 12px; color:var(--text);}
ul,ol{margin:0 0 20px 22px; font-size:16px;}
li{margin-bottom:8px;}
a{color:var(--gold);}
.box{background:var(--card); border-left:3px solid var(--gold); border-radius:10px; padding:18px 20px; margin:22px 0; font-size:15px;}
.callout{background:linear-gradient(180deg,var(--card),var(--surface)); border:1px solid var(--border); border-radius:16px; padding:26px 28px; margin:34px 0; text-align:center;}
.callout h3{margin-bottom:8px;}
.callout p{color:var(--muted); font-size:14px; margin-bottom:18px;}
.btn{display:inline-block; background:var(--gold); color:#0A0A0A; padding:13px 30px; border-radius:999px; font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:1.5px; text-decoration:none;}
.btn:hover{background:#d6b893;}
.btn.ghost{background:transparent; color:var(--text); border:1px solid rgba(255,255,255,.25); margin-left:10px;}
.checklist{list-style:none; margin-left:0;}
.checklist li{padding:12px 0 12px 40px; border-bottom:1px solid var(--border); position:relative;}
.checklist li:before{content:"✓"; position:absolute; left:6px; color:var(--gold); font-weight:700;}
footer.foot{margin-top:50px; padding-top:24px; border-top:1px solid var(--border); color:var(--muted); font-size:12px; display:flex; justify-content:space-between; gap:12px;}
.cardlist{display:grid; gap:16px; margin-top:26px;}
.article{background:var(--card); border:1px solid var(--border); border-radius:16px; padding:22px 24px; text-decoration:none; color:var(--text); display:block; transition:border-color .12s,transform .12s;}
.article:hover{border-color:var(--gold-dim); transform:translateY(-2px);}
.article.featured{border-color:rgba(196,164,132,.35);}
.article .k{color:var(--gold); font-size:11px; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:8px;}
.article h2{font-family:Georgia,serif; font-size:20px; margin:0 0 8px;}
.article p{color:var(--muted); font-size:14px; margin:0;}
@media(max-width:560px){
  h1{font-size:34px;} .wrap{padding:28px 18px 60px;}
  .top{position:relative;} .menu-toggle{display:block;}
  nav{display:none; position:absolute; z-index:5; top:52px; right:0; min-width:190px; padding:14px; flex-direction:column; align-items:stretch; gap:0; background:var(--surface); border:1px solid var(--border); border-radius:14px; box-shadow:0 18px 40px #000;}
  nav.open{display:flex;} nav a{padding:12px 10px; border-bottom:1px solid var(--border);} nav a:last-child{border-bottom:0;}
}