/* ============================================================
   Custom Cam & Roller Components — "Blueprint Steel" theme
   Cool engineering paper, deep navy hero, steel-blue accent.
   Distinct from die-cast orange, steering carbon-red, 6063 teal.
   ============================================================ */

/* Hide Kadence theme post-hero banner (breadcrumb + title + date). Our .cr-hero replaces it. */
.entry-hero.post-hero-section { display: none !important; }

:root{
  --cr-paper:#f4f6f9;
  --cr-white:#ffffff;
  --cr-ink:#1a2332;
  --cr-ink-soft:#44536a;
  --cr-ink-mute:#6b7a90;
  --cr-line:#dce3ec;
  --cr-steel:#1d4ed8;        /* steel blue accent */
  --cr-steel-soft:#e3ecff;
  --cr-navy:#0f1e2e;          /* hero dark */
  --cr-navy-2:#0a1521;
  --cr-amber:#b45309;         /* subtle engineering accent */
}

/* Scoped reset — never touches site header/footer */
.cr-wrap, .cr-wrap-narrow, .cr-wrap *, .cr-wrap-narrow * { box-sizing: border-box; margin:0; padding:0; }

/* Typography scoped to our blocks */
.cr-hero, .cr-sec, .cr-cta {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--cr-ink); line-height:1.65; font-size:16px;
  -webkit-font-smoothing:antialiased;
}
.cr-hero { color:#e6edf5; }

/* Links only inside our blocks */
.cr-hero a, .cr-crumb a, .cr-cta a, .cr-note a { color:#93c5fd; text-decoration:none; }
.cr-hero a:hover, .cr-cta a:hover, .cr-crumb a:hover, .cr-note a:hover { text-decoration:underline; }

.cr-wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.cr-wrap-narrow{max-width:860px;margin:0 auto;padding:0 24px}

/* ===== HERO ===== */
.cr-hero{
  background:linear-gradient(150deg,var(--cr-navy) 0%,var(--cr-navy-2) 100%);
  padding:64px 0 72px;
  border-bottom:3px solid var(--cr-steel);
}
.cr-crumb{font-size:13px;color:#94a3b8;margin-bottom:28px}
.cr-hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:center}
.cr-eyebrow{font-size:12px;letter-spacing:3px;color:#7dd3fc;font-weight:700;text-transform:uppercase;margin-bottom:14px}
.cr-title{font-size:44px;line-height:1.15;font-weight:800;color:#fff;margin-bottom:20px;letter-spacing:-0.5px}
.cr-sub{font-size:17px;color:#c4d2e2;margin-bottom:24px;max-width:560px}
.cr-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.cr-hero-pills span{font-size:12.5px;color:#dbeafe;background:rgba(59,130,246,0.15);border:1px solid rgba(125,211,252,0.35);padding:5px 12px;border-radius:20px}
.cr-hero-ctas{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cr-hero-note{font-size:13px;color:#94a3b8}
.cr-hero-art p{font-size:13px;color:#94a3b8;margin-top:12px;line-height:1.5}

/* ===== SECTIONS ===== */
.cr-sec{padding:64px 0;background:var(--cr-paper)}
.cr-alt{background:#eaeef4}
.cr-kicker{font-size:12px;letter-spacing:3px;color:var(--cr-steel);font-weight:700;text-transform:uppercase;margin-bottom:10px}
.cr-h2{font-size:32px;font-weight:800;color:var(--cr-ink);margin-bottom:16px;letter-spacing:-0.3px}
.cr-lead{font-size:17px;color:var(--cr-ink-soft);max-width:780px;margin-bottom:32px}

/* ===== CARDS ===== */
.cr-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cr-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.cr-card{background:var(--cr-white);border:1px solid var(--cr-line);border-radius:10px;padding:24px}
.cr-card-t{font-size:17px;font-weight:700;color:var(--cr-ink);margin-bottom:8px}
.cr-card p{font-size:14.5px;color:var(--cr-ink-soft);line-height:1.6}

/* ===== TABLES ===== */
.cr-tbl{width:100%;border-collapse:collapse;background:var(--cr-white);border:1px solid var(--cr-line);border-radius:10px;overflow:hidden;font-size:14.5px}
.cr-tbl th{background:var(--cr-navy);color:#fff;text-align:left;padding:13px 18px;font-weight:600}
.cr-tbl td{padding:12px 18px;border-top:1px solid var(--cr-line);color:var(--cr-ink-soft);vertical-align:top}
.cr-tbl tr:nth-child(even) td{background:#f8fafc}

/* ===== FLOW ===== */
.cr-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cr-step{background:var(--cr-white);border:1px solid var(--cr-line);border-left:3px solid var(--cr-steel);border-radius:8px;padding:16px}
.cr-step b{display:block;font-size:14px;color:var(--cr-ink);margin-bottom:4px}
.cr-step span{font-size:13px;color:var(--cr-ink-soft);line-height:1.5}

/* ===== NOTE ===== */
.cr-note{margin-top:22px;padding:14px 18px;background:var(--cr-steel-soft);border-left:3px solid var(--cr-steel);border-radius:0 8px 8px 0;font-size:14px;color:var(--cr-ink-soft)}

/* ===== LISTS ===== */
.cr-list{list-style:none}
.cr-list li{font-size:14.5px;color:var(--cr-ink-soft);padding:6px 0 6px 22px;position:relative}
.cr-list li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:8px;background:var(--cr-steel);border-radius:2px}

/* ===== FAQ ===== */
.cr-faq{background:var(--cr-white);border:1px solid var(--cr-line);border-radius:8px;margin-bottom:10px;padding:0 20px}
.cr-faq summary{cursor:pointer;padding:16px 0;font-weight:600;font-size:16px;color:var(--cr-ink);list-style:none;position:relative;padding-right:30px}
.cr-faq summary::-webkit-details-marker{display:none}
.cr-faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:20px;color:var(--cr-steel);font-weight:400}
.cr-faq[open] summary::after{content:"–"}
.cr-faq p{padding:0 0 18px;color:var(--cr-ink-soft);font-size:14.5px}

/* ===== CTA ===== */
.cr-cta{background:linear-gradient(150deg,var(--cr-navy) 0%,var(--cr-navy-2) 100%);padding:56px 0}
.cr-cta-inner{display:grid;grid-template-columns:1.4fr auto;gap:32px;align-items:center}
.cr-cta-title{font-size:26px;font-weight:800;color:#fff;margin-bottom:10px}
.cr-cta p{color:#c4d2e2;font-size:15px;max-width:620px}

/* ===== RESPONSIVE ===== */
@media (max-width:900px){
  .cr-hero-grid{grid-template-columns:1fr}
  .cr-title{font-size:32px}
  .cr-h2{font-size:26px}
  .cr-grid-3,.cr-grid-2,.cr-flow{grid-template-columns:1fr 1fr}
  .cr-cta-inner{grid-template-columns:1fr}
}
@media (max-width:560px){
  .cr-grid-3,.cr-grid-2,.cr-flow{grid-template-columns:1fr}
}