/* ==========================================================================
   Garage Iron HQ — design layer (child of Twenty Twenty-Five)
   Plan B: light body + DARK chrome · Volt one-accent · Anton/Inter/Mono.
   Styles ONLY engine-emitted gi-* classes + theme parts. No custom blocks.
   Target: < 25kb. Compositor-friendly motion only (transform/opacity).
   ========================================================================== */

:root{
  /* accent — ONE only: action / score / best-pick */
  --volt:#C2F23D; --volt-deep:#A6D62A; --volt-tint:#EEF8D2;
  /* dark chrome */
  --char:#0E0F13; --char2:#16181F; --panel:#1A1D25; --panel2:#20242E;
  --steel:#8A93A6; --steel-dim:#5A6275; --line:#2B2F3A; --white:#F4F6FB;
  /* light body */
  --paper:#FAFAFA; --ink:#16181F; --ink-soft:#3A4150; --line-light:#E3E6EC;
  /* semantic — NOT the accent */
  --con:#FF5A6E;
  /* type */
  --fh:'Anton',Impact,sans-serif; --fb:'Inter',system-ui,-apple-system,sans-serif;
  --fm:'JetBrains Mono',ui-monospace,monospace;
  --rhythm:1.5rem; --radius:10px; --maxw:720px; --wide:1100px;
}

/* ---------- base (light body) ---------- */
body{background:var(--paper);color:var(--ink);font-family:var(--fb);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:var(--fh);font-weight:400;text-transform:uppercase;line-height:1.05;letter-spacing:.01em;color:var(--char2);}
a{color:var(--ink);text-underline-offset:2px;}
a:hover{color:var(--volt-deep);}
.gi-mono{font-family:var(--fm);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--steel-dim);}

/* ---------- flush dark nav -> dark hero (kill the top-level block-gap sliver) ---------- */
.wp-site-blocks>main{margin-block-start:0!important;}
main>.gi-hero:first-child{margin-block-start:0;}
.gihq-header{margin-block-end:0!important;}

/* ---------- prose ---------- */
.gi-prose,.gi-faq,.gi-references,.gi-disclosure,.gi-disclosure-block,.gi-trust-microstack{box-sizing:border-box;padding-inline:1.25rem;}
.gi-methodology-block{box-sizing:border-box;}
.gi-prose{max-width:calc(var(--maxw) + 2.5rem);margin-inline:auto;}
.gi-prose h2{font-size:clamp(1.6rem,1.2rem+1.6vw,2rem);margin:2.4rem 0 1rem;}
.gi-prose h3{font-size:1.3rem;margin:1.8rem 0 .6rem;}
.gi-prose p,.gi-prose li{margin:0 0 1rem;}
.gi-prose ul,.gi-prose ol{padding-left:1.25rem;}
.gi-prose a{color:var(--ink);text-decoration:underline;font-weight:600;}
.gi-prose a:hover{color:var(--volt-deep);}

/* ---------- dark chrome helper ---------- */
.gi-dark{background:var(--char);color:var(--white);}
.gi-dark h1,.gi-dark h2,.gi-dark h3{color:var(--white);}

/* ---------- header (template part) ---------- */
.gihq-header{background:var(--char);color:var(--white);border-bottom:1px solid var(--line);}
.gihq-bar{max-width:var(--wide);margin-inline:auto;display:flex;align-items:center;gap:1.5rem;padding:.85rem 1.25rem;}
.gihq-logo{display:flex;align-items:center;gap:.55rem;font-family:var(--fh);font-size:1.35rem;text-transform:uppercase;letter-spacing:.02em;color:var(--white);text-decoration:none;}
.gihq-logo svg{width:30px;height:30px;display:block;}
.gihq-nav{display:flex;align-items:center;gap:1.4rem;margin-left:auto;}
.gihq-nav a{color:var(--steel);text-decoration:none;font-weight:600;font-size:.95rem;letter-spacing:.01em;transition:color .15s ease;}
.gihq-nav a:hover{color:var(--white);}
.gihq-cta{display:inline-block;background:var(--volt);color:var(--char);padding:.55rem 1rem;border-radius:8px;font-weight:700;text-decoration:none;font-size:.9rem;transition:background .15s ease;}
.gihq-cta:hover{background:var(--volt-deep);color:var(--char);}
@media(max-width:640px){.gihq-bar{flex-wrap:wrap;gap:.75rem 1.2rem;}.gihq-nav{margin-left:0;width:100%;flex-wrap:wrap;gap:1rem;}}

/* ---------- hero band (dark) ---------- */
.gi-hero{background:var(--char);color:var(--white);padding:clamp(2.5rem,5vw,4.5rem) 1.25rem;text-align:left;}
.gi-hero-inner{max-width:var(--wide);margin-inline:auto;}
.gi-kicker{font-family:var(--fm);text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--volt);display:block;margin-bottom:.8rem;}
.gi-hero h1{color:var(--white);font-size:clamp(2.4rem,1.6rem+3.5vw,4rem);max-width:18ch;}
.gi-hero-lede{color:var(--steel);font-size:1.15rem;max-width:46ch;margin-top:1rem;}
.gi-hero .gi-cta{margin-top:1.6rem;}
.gi-hero-date{font-family:var(--fm);font-size:.7rem;color:var(--steel-dim);text-transform:uppercase;letter-spacing:.12em;margin-top:1rem;}

/* ---------- CTA (volt fill on light, dark text) ---------- */
.gi-cta{display:inline-block;background:var(--volt);color:var(--char);padding:.8rem 1.4rem;border-radius:8px;font-weight:700;text-decoration:none;letter-spacing:.01em;transition:transform .12s ease,background .15s ease;}
.gi-cta:hover{background:var(--volt-deep);color:var(--char);transform:translateY(-1px);}
.gi-cta--ghost{background:transparent;color:var(--volt-deep);border:2px solid var(--volt);}
.gi-cta--ghost:hover{background:var(--volt-tint);color:var(--char);}

/* ---------- disclosure line ---------- */
.gi-disclosure{font-size:.82rem;color:var(--ink-soft);background:var(--volt-tint);border-left:3px solid var(--volt);padding:.5rem .8rem;border-radius:4px;margin:0 auto 1.5rem;max-width:var(--maxw);}
.gi-disclosure-block{font-size:.85rem;color:var(--ink-soft);border-top:1px solid var(--line-light);padding-top:1rem;margin-top:2rem;max-width:var(--maxw);margin-inline:auto;}

/* ---------- trust micro-stack ---------- */
.gi-trust-microstack{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;align-items:center;font-family:var(--fm);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--steel);margin:1rem 0;}
.gi-trust-microstack a{color:var(--volt-deep);}

/* ---------- methodology block ---------- */
.gi-methodology-block{background:#fff;border:1px solid var(--line-light);border-radius:var(--radius);padding:1.5rem;margin:2rem auto;max-width:var(--maxw);}
.gi-methodology-block h2,.gi-methodology-block h3{margin-top:0;}

/* ---------- rubric / comparison table ---------- */
.gi-rubric-table,.is-style-gi-matrix table{width:100%;border-collapse:collapse;font-size:.95rem;margin:1.5rem 0;}
.gi-rubric-table th,.gi-rubric-table td,.is-style-gi-matrix td,.is-style-gi-matrix th{padding:.65rem .8rem;border-bottom:1px solid var(--line-light);text-align:left;}
.gi-rubric-table thead th,.is-style-gi-matrix thead th{font-family:var(--fm);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--steel-dim);border-bottom:2px solid var(--ink);}
.is-style-gi-matrix tbody tr:nth-child(odd){background:#fff;}
.is-style-gi-matrix tbody tr.is-best{background:var(--volt-tint);box-shadow:inset 4px 0 0 var(--volt);}
.gi-score{font-family:var(--fh);color:var(--volt-deep);}

/* ---------- FAQ (accordion via <details>) ---------- */
.gi-faq{max-width:var(--maxw);margin:2rem auto;}
.gi-faq details{border-bottom:1px solid var(--line-light);padding:.4rem 0;}
.gi-faq summary{cursor:pointer;font-weight:700;padding:.6rem 0;list-style:none;font-size:1.05rem;}
.gi-faq summary::-webkit-details-marker{display:none;}
.gi-faq summary::after{content:"+";float:right;color:var(--volt-deep);font-family:var(--fm);}
.gi-faq details[open] summary::after{content:"–";}
.gi-faq details>*:not(summary){margin:0 0 .8rem;color:var(--ink-soft);}

/* ---------- references ---------- */
.gi-references{max-width:var(--maxw);margin:2rem auto;font-size:.85rem;color:var(--ink-soft);}
.gi-references h2{font-size:1.1rem;}
.gi-references ol{padding-left:1.25rem;}
.gi-references a{color:var(--volt-deep);word-break:break-word;}

/* ---------- Iron Score seal (inline SVG sizing) ---------- */
.gi-seal{display:inline-block;}
.gi-seal svg{width:118px;height:118px;}
.gi-seal--lg svg{width:168px;height:168px;}

/* ---------- footer (template part) ---------- */
.gihq-footer{background:var(--char);color:var(--steel);padding:3rem 1.25rem 1.5rem;border-top:1px solid var(--line);}
.gihq-footer-grid{max-width:var(--wide);margin-inline:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;}
.gihq-footer h4{color:var(--white);font-size:.85rem;letter-spacing:.08em;margin:0 0 .8rem;}
.gihq-footer a{color:var(--steel);text-decoration:none;display:block;padding:.18rem 0;font-size:.9rem;}
.gihq-footer a:hover{color:var(--volt);}
.gihq-footer-base{max-width:var(--wide);margin:2rem auto 0;padding-top:1.25rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--steel-dim);}
.gihq-ftc{font-size:.78rem;color:var(--steel-dim);max-width:var(--wide);margin:1rem auto 0;}
@media(max-width:780px){.gihq-footer-grid{grid-template-columns:repeat(2,1fr);}}

/* ---------- homepage minimal (front-page) ---------- */
.gi-cornerstones{max-width:var(--wide);margin:3rem auto;padding:0 1.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;}
.gi-cornerstone{background:#fff;border:1px solid var(--line-light);border-radius:var(--radius);padding:1.5rem;transition:transform .15s ease,box-shadow .15s ease;}
.gi-cornerstone:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(14,15,19,.08);}
.gi-section-head{max-width:var(--wide);margin:3rem auto 1rem;padding:0 1.25rem;}

/* ---------- reduced motion ---------- */
@media(prefers-reduced-motion:reduce){*{transition:none!important;}}