/* AMPYARD Guides — shared stylesheet, mirrors the main site's design tokens */
:root{
  --paper:#0B0D0C;
  --ink:#EDF1EF;
  --ink-soft:#8FA09A;
  --current:#22C08C;
  --current-dark:#0A4F42;
  --charge:#FF7A33;
  --charge-dark:#D9601E;
  --line:#23282A;
  --card:#141715;
  --void:#000000;
  --tint-green:#0F241D;
  --tint-green-border:#1F4438;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{background:var(--paper); color:var(--ink); font-family:'Inter',sans-serif; line-height:1.55;}
a{color:inherit; text-decoration:none;}
.mono{font-family:'IBM Plex Mono',monospace;}
.display{font-family:'Big Shoulders Display',sans-serif; font-weight:900;}
::selection{background:var(--current); color:#fff;}

/* ---------- Top bar ---------- */
.g-topbar{border-bottom:1px solid var(--line); background:rgba(11,13,12,0.85); position:sticky; top:0; z-index:10; backdrop-filter:blur(8px);}
.g-topbar-inner{max-width:960px; margin:0 auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.g-logo{display:flex; align-items:center; gap:12px;}
.g-logo-mark{width:34px; height:34px; border-radius:8px; background:linear-gradient(135deg,var(--current),var(--current-dark)); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.g-logo-text{font-family:'Big Shoulders Display',sans-serif; font-weight:900; font-size:20px;}
.g-logo-text .yard{color:var(--charge);}
.g-back{font-size:13px; font-weight:600; color:var(--ink-soft);}
.g-back:hover{color:var(--ink);}

/* ---------- Article shell ---------- */
.g-wrap{max-width:820px; margin:0 auto; padding:56px 24px 80px;}
.g-eyebrow{display:inline-flex; align-items:center; gap:8px; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--current); background:var(--tint-green); padding:6px 12px; border-radius:100px; margin-bottom:22px;}
.g-eyebrow .dot{width:6px; height:6px; border-radius:50%; background:var(--charge);}
.g-h1{font-size:clamp(30px,5vw,44px); line-height:1.04; margin-bottom:18px; max-width:720px;}
.g-sub{font-size:17px; color:var(--ink-soft); max-width:640px; margin-bottom:20px;}
.g-meta{font-size:11.5px; color:var(--ink-soft); letter-spacing:0.04em; margin-bottom:44px; padding-bottom:32px; border-bottom:1px solid var(--line);}
.g-h2{font-size:22px; font-weight:800; margin-bottom:16px; margin-top:0;}

/* ---------- At-a-glance cards ---------- */
.g-glance{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:16px; margin-bottom:56px;}
.g-glance-card{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px; position:relative;}
.g-glance-card.featured{border-color:var(--current);}
.g-glance-badge{position:absolute; top:-10px; right:16px; background:var(--charge); color:#fff; font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:0.08em; padding:3px 9px; border-radius:100px;}
.g-glance-make{font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:8px;}
.g-glance-model{font-family:'Big Shoulders Display',sans-serif; font-size:22px; font-weight:800; margin-bottom:14px;}
.g-glance-row{display:flex; justify-content:space-between; font-size:13px; margin-bottom:6px;}
.g-glance-row:last-child{margin-bottom:0;}
.g-glance-row .k{color:var(--ink-soft);}
.g-glance-row .v{font-family:'IBM Plex Mono',monospace; font-weight:600;}
.g-glance-row .v.accent{color:var(--current);}

/* ---------- Spec table ---------- */
.g-table-wrap{border:1px solid var(--line); border-radius:14px; overflow:hidden; margin-bottom:56px; overflow-x:auto;}
.g-table{width:100%; border-collapse:collapse; font-size:13.5px; min-width:480px;}
.g-table thead tr{background:var(--card);}
.g-table th{padding:14px 16px; text-align:left; font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--ink-soft); font-weight:400;}
.g-table th.model{font-family:'Inter',sans-serif; font-size:14px; font-weight:700; text-transform:none; letter-spacing:0; color:var(--ink);}
.g-table th.model.accent{color:var(--current);}
.g-table td{padding:13px 16px;}
.g-table td.k{color:var(--ink-soft);}
.g-table td.v{font-family:'IBM Plex Mono',monospace;}
.g-table tr{border-top:1px solid var(--line);}
.g-table tbody tr:nth-child(even){background:rgba(255,255,255,0.02);}

/* ---------- Verdict cards ---------- */
.g-verdicts{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:16px; margin-bottom:56px;}
.g-verdict-card{background:var(--tint-green); border:1px solid var(--tint-green-border); border-radius:12px; padding:18px;}
.g-verdict-title{font-weight:700; font-size:14.5px; margin-bottom:8px; color:var(--current);}
.g-verdict-model{font-size:13px; color:var(--ink-soft); margin-bottom:8px;}
.g-verdict-body{font-size:13px; color:var(--ink);}

/* ---------- CTA ---------- */
.g-cta{background:var(--void); border:1px solid var(--line); border-radius:18px; padding:36px 32px; text-align:center; margin-bottom:36px;}
.g-cta-title{font-family:'Big Shoulders Display',sans-serif; font-size:24px; font-weight:800; margin-bottom:8px;}
.g-cta-sub{font-size:14px; color:var(--ink-soft); margin-bottom:22px;}
.g-cta-actions{display:flex; gap:10px; justify-content:center; flex-wrap:wrap;}
.g-btn{font-weight:700; font-size:13.5px; padding:11px 20px; border-radius:8px; display:inline-block;}
.g-btn-primary{background:var(--charge); color:#fff;}
.g-btn-primary:hover{background:var(--charge-dark);}
.g-btn-ghost{background:transparent; border:1.5px solid var(--line); color:var(--ink); padding:9.5px 18.5px;}
.g-btn-ghost:hover{border-color:var(--ink);}

/* ---------- Footnote + footer ---------- */
.g-footnote{font-size:11.5px; color:var(--ink-soft); font-style:italic; text-align:center; margin-bottom:48px;}
.g-footer{border-top:1px solid var(--line); padding:28px 24px; text-align:center;}
.g-footer .mono{font-size:11.5px; color:var(--ink-soft);}

/* ---------- Guides hub ---------- */
.g-hub-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:20px;}
.g-hub-card{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:22px; display:block; transition:transform 0.15s ease, box-shadow 0.15s ease;}
.g-hub-card:hover{transform:translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,0.3); border-color:var(--current);}
.g-hub-card-eyebrow{font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:10px;}
.g-hub-card-title{font-family:'Big Shoulders Display',sans-serif; font-size:20px; font-weight:800; margin-bottom:8px;}
.g-hub-card-sub{font-size:13.5px; color:var(--ink-soft);}

@media (max-width:640px){
  .g-glance, .g-verdicts, .g-hub-grid{grid-template-columns:1fr;}
  .g-cta{padding:28px 20px;}
}