/* =========================================================
   What Is CNC Machining? — scoped stylesheet
   Container class: .gc-cncdef-page
   100% scope isolation — does NOT touch global header/nav.
   Deploy to: https://www.xmgoldcattle.com/assets/css/what-is-cnc-machining.css
   ========================================================= */
.gc-cncdef-page {
  --blue:#0052cc;
  --navy:#0f2747;
  --accent:#00a3c4;
  --ink:#1a2230;
  --muted:#56616f;
  --line:#e4e9f0;
  --soft:#f4f8fc;
  --soft2:#eef3f9;
  --radius:14px;
  --shadow:0 1px 2px rgba(15,39,71,.05),0 6px 22px rgba(15,39,71,.06);

  max-width:1080px;
  margin:0 auto;
  padding:0 20px 64px;
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:16.5px;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  background:#fff;
}
.gc-cncdef-page *,.gc-cncdef-page *::before,.gc-cncdef-page *::after{box-sizing:border-box;}
.gc-cncdef-page h1,.gc-cncdef-page h2,.gc-cncdef-page h3{color:var(--navy);line-height:1.25;font-weight:700;letter-spacing:-.01em;}
.gc-cncdef-page h2{font-size:27px;margin:52px 0 14px;padding-top:8px;}
.gc-cncdef-page h3{font-size:19px;margin:26px 0 8px;color:var(--blue);}
.gc-cncdef-page p{margin:0 0 15px;color:var(--ink);}
.gc-cncdef-page a{color:var(--blue);text-decoration:none;border-bottom:1px solid rgba(0,82,204,.28);}
.gc-cncdef-page a:hover{border-bottom-color:var(--blue);}
.gc-cncdef-page strong{color:var(--navy);font-weight:700;}
.gc-cncdef-page img{display:block;max-width:100%;height:auto;border-radius:10px;background:var(--soft2);border:1px solid var(--line);}
.gc-cncdef-page ul,.gc-cncdef-page ol{margin:0 0 16px;padding-left:22px;}
.gc-cncdef-page li{margin:7px 0;color:var(--ink);}
.gc-cncdef-page .gc-lede{font-size:17.5px;color:var(--muted);margin-top:10px;max-width:760px;}

/* Hero */
.gc-cncdef-page .gc-hero{margin:0 -20px 8px;padding:50px 20px 46px;background:linear-gradient(180deg,#f4f8ff 0%,#ffffff 100%);border-bottom:1px solid var(--line);}
.gc-cncdef-page .gc-hero-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:42px;align-items:center;}
.gc-cncdef-page .gc-eyebrow{display:inline-block;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:700;margin-bottom:14px;}
.gc-cncdef-page .gc-hero h1{font-size:46px;margin:0 0 14px;line-height:1.1;}
.gc-cncdef-page .gc-hero .gc-lede{font-size:18px;margin:0 0 22px;max-width:520px;color:var(--muted);}
.gc-cncdef-page .gc-hero-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:26px;}
.gc-cncdef-page .gc-hero-link{color:var(--navy);font-weight:700;font-size:15px;border-bottom:1px solid rgba(15,39,71,.25);}
.gc-cncdef-page .gc-hero-link:hover{border-bottom-color:var(--navy);}
.gc-cncdef-page .gc-trust{list-style:none;display:flex;gap:26px;padding:0;margin:0;flex-wrap:wrap;}
.gc-cncdef-page .gc-trust li{display:flex;flex-direction:column;}
.gc-cncdef-page .gc-trust strong{color:var(--navy);font-size:15.5px;}
.gc-cncdef-page .gc-trust span{color:var(--muted);font-size:12.5px;margin-top:2px;}
.gc-cncdef-page .gc-hero-media img{width:100%;height:auto;box-shadow:0 18px 44px rgba(15,39,71,.16);border:1px solid var(--line);}

/* Direct answer callout */
.gc-cncdef-page .gc-answer{background:var(--navy);color:#eaf1fb;border-radius:var(--radius);padding:24px 26px;margin:30px 0 8px;box-shadow:var(--shadow);}
.gc-cncdef-page .gc-answer .gc-tag{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px;}
.gc-cncdef-page .gc-answer p{color:#eaf1fb;margin:0;font-size:17px;line-height:1.7;}

/* Section intro line */
.gc-cncdef-page .gc-intro{color:var(--muted);margin:-4px 0 18px;max-width:780px;}

/* Glance table */
.gc-cncdef-page .gc-glance{width:100%;border-collapse:collapse;margin:6px 0 4px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.gc-cncdef-page .gc-glance th,.gc-cncdef-page .gc-glance td{text-align:left;padding:13px 18px;border-bottom:1px solid var(--line);font-size:15.5px;vertical-align:top;}
.gc-cncdef-page .gc-glance tbody tr:last-child td{border-bottom:0;}
.gc-cncdef-page .gc-glance th{width:230px;background:var(--soft);color:var(--navy);font-weight:700;}
.gc-cncdef-page .gc-glance td{color:var(--ink);}

/* Workflow steps */
.gc-cncdef-page .gc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 6px;}
.gc-cncdef-page .gc-step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px;box-shadow:var(--shadow);position:relative;}
.gc-cncdef-page .gc-step .gc-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;font-size:15px;margin-bottom:12px;}
.gc-cncdef-page .gc-step h3{margin:0 0 6px;font-size:16.5px;color:var(--navy);}
.gc-cncdef-page .gc-step p{margin:0;font-size:14.5px;color:var(--muted);}

/* Generic card grid */
.gc-cncdef-page .gc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0 4px;}
.gc-cncdef-page .gc-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow);}
.gc-cncdef-page .gc-card h3{margin:0 0 6px;font-size:17px;}
.gc-cncdef-page .gc-card p{margin:0;font-size:14.8px;color:var(--muted);}

/* Types table */
.gc-cncdef-page .gc-table{width:100%;border-collapse:collapse;margin:14px 0 4px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);font-size:15px;}
.gc-cncdef-page .gc-table th,.gc-cncdef-page .gc-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top;}
.gc-cncdef-page .gc-table thead th{background:var(--navy);color:#fff;font-weight:700;}
.gc-cncdef-page .gc-table tbody tr:nth-child(even){background:var(--soft);}
.gc-cncdef-page .gc-table tbody tr:last-child td{border-bottom:0;}
.gc-cncdef-page .gc-table td:first-child{font-weight:700;color:var(--navy);}

/* Material cards */
.gc-cncdef-page .gc-mat{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:16px 0 4px;}
.gc-cncdef-page .gc-mat .gc-card{border-left:3px solid var(--accent);}
.gc-cncdef-page .gc-mat .gc-grade{display:block;font-size:13px;color:var(--blue);font-weight:700;margin-bottom:4px;}

/* Accuracy note */
.gc-cncdef-page .gc-note{background:var(--soft);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:16px 18px;margin:16px 0;font-size:15px;color:var(--ink);}
.gc-cncdef-page .gc-note strong{color:var(--navy);}

/* Scenario list */
.gc-cncdef-page .gc-scen{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0 4px;}
.gc-cncdef-page .gc-scen .gc-card{border-top:3px solid var(--blue);}

/* Limits */
.gc-cncdef-page .gc-limits{columns:2;column-gap:28px;margin:14px 0;}
.gc-cncdef-page .gc-limits li{break-inside:avoid;margin:6px 0;}

/* RFQ checklist */
.gc-cncdef-page .gc-rfq{counter-reset:rfq;list-style:none;padding:0;margin:14px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.gc-cncdef-page .gc-rfq li{counter-increment:rfq;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px 12px 46px;position:relative;font-size:15px;box-shadow:var(--shadow);}
.gc-cncdef-page .gc-rfq li::before{content:counter(rfq);position:absolute;left:12px;top:12px;width:24px;height:24px;border-radius:50%;background:var(--soft2);color:var(--blue);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;}

/* Case panel */
.gc-cncdef-page .gc-case{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:16px 0;box-shadow:var(--shadow);}
.gc-cncdef-page .gc-case img{width:100%;height:auto;}
.gc-cncdef-page .gc-spec{list-style:none;padding:0;margin:0;}
.gc-cncdef-page .gc-spec li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14.8px;margin:0;}
.gc-cncdef-page .gc-spec li:last-child{border-bottom:0;}
.gc-cncdef-page .gc-spec .k{color:var(--muted);}
.gc-cncdef-page .gc-spec .v{color:var(--navy);font-weight:700;text-align:right;}

/* Goldcattle brief */
.gc-cncdef-page .gc-gc{background:linear-gradient(180deg,#f7faff,#fff);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:18px 0;box-shadow:var(--shadow);}
.gc-cncdef-page .gc-gc h2{margin-top:0;}

/* FAQ */
.gc-cncdef-page .gc-faq details{border:1px solid var(--line);border-radius:10px;margin:10px 0;background:#fff;box-shadow:var(--shadow);overflow:hidden;}
.gc-cncdef-page .gc-faq summary{cursor:pointer;padding:15px 18px;font-weight:700;color:var(--navy);font-size:16px;list-style:none;position:relative;padding-right:44px;}
.gc-cncdef-page .gc-faq summary::-webkit-details-marker{display:none;}
.gc-cncdef-page .gc-faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--blue);font-weight:700;line-height:1;}
.gc-cncdef-page .gc-faq details[open] summary::after{content:"\2013";}
.gc-cncdef-page .gc-faq .gc-a{padding:0 18px 16px;color:var(--ink);font-size:15.5px;}

/* CTA */
.gc-cncdef-page .gc-cta{background:var(--navy);border-radius:var(--radius);padding:34px 30px;margin:40px 0 0;text-align:center;box-shadow:var(--shadow);}
.gc-cncdef-page .gc-cta h2{color:#fff;margin:0 0 8px;font-size:25px;}
.gc-cncdef-page .gc-cta p{color:#cfe0f5;margin:0 auto 20px;max-width:620px;}
.gc-cncdef-page .gcq-btn{display:inline-block;cursor:pointer;background:linear-gradient(180deg,#1a66e0 0%,#0052cc 100%);color:#fff;font-size:16px;font-weight:700;padding:14px 30px;border-radius:10px;box-shadow:0 8px 22px rgba(0,82,204,.32);border-bottom:0;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}
.gc-cncdef-page .gcq-btn:hover{background:linear-gradient(180deg,#0052cc 0%,#003fa0 100%);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,82,204,.44);border-bottom:0;}
.gc-cncdef-page .gcq-btn:active{transform:translateY(0);box-shadow:0 6px 16px rgba(0,82,204,.3);}
.gc-cncdef-page .gc-cta .gcq-btn{font-size:18px;padding:17px 36px;}
.gc-cncdef-page .gc-cta .gc-cta-link{display:inline-block;margin-top:16px;color:#9ec5ff;border-bottom:1px solid rgba(158,197,255,.4);font-size:15px;}
.gc-cncdef-page .gc-cta .gc-cta-micro{color:#9ec5ff;font-size:13.5px;margin:14px auto 0;max-width:620px;opacity:.9;}

/* Responsive */
@media (max-width:860px){
  .gc-cncdef-page .gc-hero-inner{grid-template-columns:1fr;gap:26px;}
  .gc-cncdef-page .gc-hero h1{font-size:34px;}
  .gc-cncdef-page .gc-trust{gap:16px;}
  .gc-cncdef-page .gc-steps,.gc-cncdef-page .gc-grid,.gc-cncdef-page .gc-mat,.gc-cncdef-page .gc-scen,.gc-cncdef-page .gc-rfq,.gc-cncdef-page .gc-case{grid-template-columns:1fr;}
  .gc-cncdef-page .gc-limits{columns:1;}
  .gc-cncdef-page .gc-glance th{width:auto;display:block;}
}
