/* ============================================================
   ENTHUSIAST EXCHANGE — FITMENT CALCULATORS
   ============================================================ */

.chero{ background:var(--ocean-900); color:#fff; padding:46px 0 42px; }
.chero__kick{ font-family:var(--f-mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--lime); margin-bottom:10px; }
.chero h1{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.9rem,5vw,3.1rem); line-height:.95; }
.chero h1 .hl{ color:var(--lime); }
.chero p{ margin-top:12px; font-size:14px; line-height:1.65; color:rgba(255,255,255,.75); max-width:64ch; }
.chero p b{ color:#fff; }
.psec{ padding-block:34px 26px; background:var(--bone); }
.psec--alt{ background:var(--paper); }
.psec--last{ padding-bottom:52px; }
.blocknum{ font-family:var(--f-mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--command); }
.ptitle{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.4rem,3.4vw,2rem); line-height:.98; color:var(--ink); margin:6px 0 8px; }
.ptitle .hl{ color:var(--command); }
.plead{ font-size:13.5px; line-height:1.65; color:var(--carbon); max-width:72ch; margin-bottom:18px; }
.plead b{ color:var(--ink); }
.cgrid{ display:grid; grid-template-columns:1fr; gap:12px; }
@media (min-width:700px){ .cgrid{ grid-template-columns:1fr 1fr; } }
@media (min-width:1020px){ .cgrid--3{ grid-template-columns:repeat(3,1fr); } .cgrid--4{ grid-template-columns:repeat(4,1fr); } }
.ccard{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:17px 16px; }
.ccard h3{ display:flex; align-items:center; gap:9px; font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:14.5px; color:var(--ink); margin-bottom:7px; }
.ccard h3 svg{ width:19px; height:19px; color:#CE202F; flex:none; }
.ccard p{ font-size:12.5px; line-height:1.6; color:var(--carbon); }
.ccard p b{ color:var(--ink); }
.itbl{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; }
.itbl__scroll{ overflow-x:auto; }
.itbl table{ width:100%; border-collapse:collapse; min-width:640px; }
.itbl th{ text-align:left; padding:10px 13px; background:#101214; color:rgba(255,255,255,.75); font-family:var(--f-mono); font-size:9px; letter-spacing:.08em; text-transform:uppercase; font-weight:500; }
.itbl td{ padding:12px 13px; border-bottom:1px solid var(--line-2); font-size:12.5px; color:var(--carbon); vertical-align:top; line-height:1.55; }
.itbl tr:last-child td{ border-bottom:none; }
.itbl td b{ color:var(--ink); }
.itbl .mono{ font-family:var(--f-mono); font-size:10.5px; }
.note-callout{ margin-top:16px; background:var(--paper); border:1.5px solid #CE202F; border-radius:var(--r); padding:16px 18px; }
.note-callout .k{ font-family:var(--f-mono); font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:#CE202F; margin-bottom:6px; }
.note-callout p{ font-size:13px; line-height:1.65; color:var(--ink); }
.ctaband{ background:var(--ocean-900); border-radius:var(--r); padding:26px 24px; display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between; }
.ctaband h2{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; color:#fff; font-size:clamp(1.1rem,2.6vw,1.5rem); line-height:1; }
.ctaband p{ color:rgba(255,255,255,.7); font-size:12.5px; margin-top:5px; }
.ctaband__btns{ display:flex; gap:10px; flex-wrap:wrap; }
.mononote{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--carbon); margin-top:12px; }
@media (max-width:700px){
  .itbl table{ min-width:0; }
}

.calc{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:17px 16px; display:flex; flex-direction:column; gap:8px; }
.calc svg{ width:30px; height:30px; color:#CE202F; }
.calc h3{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:14.5px; color:var(--ink); }
.calc p{ font-size:12px; line-height:1.6; color:var(--carbon); flex:1; }
.calc a.btn{ align-self:flex-start; }

/* ==== utilities (extracted from inline style attributes) ==== */
.u0250567{ color:rgba(255,255,255,.72) !important; }
.ub592715{ color:#fff !important; }
.ue9e0165{ background:var(--ocean-900) !important; border-color:var(--ocean-900) !important; }