/* =========================================================
Custom CNC Threaded Blocks & Inserts (Stainless & Aluminum)
scoped stylesheet — B2B PRODUCT MARKETING layout
Container class: .gc-tblk-page
100% scope isolation — does NOT touch global header/nav.
Layout: product hero (split) + full-width marketing sections
+ spec table + process steps + application gallery.
This is deliberately NOT the doc-layout / titanium template:
no sticky TOC rail, no 760px reading column, no numbered chapters.
Top heading is an styled at hero size (global no-H1 rule).
Brand: blue #0052cc (action) · navy #0f2747 (text)
accent #00a3c4 · white-dominant surfaces.
Deploy to: https://www.xmgoldcattle.com/assets/css/custom-cnc-threaded-blocks.css
========================================================= */
.gc-tblk-page {
--blue:#0052cc;
--blue-700:#0046b0;
--navy:#0f2747;
--accent:#00a3c4;
--ink:#1f2733;
--muted:#5b6675;
--line:#e6ebf2;
--soft:#f5f8fc;
--soft2:#eef3f9;
--radius:14px;
--shadow-sm:0 1px 2px rgba(15,39,71,.05),0 10px 30px rgba(15,39,71,.07);
max-width:1180px;
margin:0 auto;
padding:0 24px;
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:17px;
line-height:1.72;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
background:#fff;
scroll-behavior:smooth;
}
.gc-tblk-page *,.gc-tblk-page *::before,.gc-tblk-page *::after{box-sizing:border-box;}
.gc-tblk-page h1,.gc-tblk-page h2,.gc-tblk-page h3{color:var(--navy);line-height:1.2;font-weight:800;letter-spacing:-.015em;}
.gc-tblk-page h2{font-size:27px;margin:0 0 14px;}
.gc-tblk-page h3{font-size:18.5px;margin:0 0 8px;font-weight:700;letter-spacing:-.01em;}
.gc-tblk-page p{margin:0 0 16px;color:var(--ink);}
.gc-tblk-page a{color:var(--blue);text-decoration:none;border-bottom:1px solid rgba(0,82,204,.28);transition:border-color .15s ease,color .15s ease;}
.gc-tblk-page a:hover{border-bottom-color:var(--blue);color:var(--blue-700);}
.gc-tblk-page strong{color:var(--navy);font-weight:700;}
.gc-tblk-page img{display:block;max-width:100%;height:auto;border-radius:12px;background:var(--soft2);border:1px solid var(--line);}
.gc-tblk-page ul,.gc-tblk-page ol{margin:0 0 18px;padding-left:22px;}
.gc-tblk-page li{margin:7px 0;color:var(--ink);}
.gc-tblk-page .gc-lede{font-size:18px;color:var(--muted);line-height:1.66;}
/* ---------- Standard site CTA button ---------- */
.gc-tblk-page .gcq-btn{display:inline-block;cursor:pointer;background:var(--blue);color:#fff;font-size:16px;font-weight:800;padding:14px 30px;border-radius:10px;box-shadow:0 8px 22px rgba(0,82,204,.30);border:0;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}
.gc-tblk-page .gcq-btn:hover{background:var(--blue-700);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,82,204,.42);border:0;color:#fff;}
.gc-tblk-page .gcq-btn:active{transform:translateY(0);box-shadow:0 6px 16px rgba(0,82,204,.28);}
.gc-tblk-page .gc-hero-link{color:var(--navy);font-weight:700;font-size:15px;border-bottom:1px solid rgba(15,39,71,.25);}
.gc-tblk-page .gc-hero-link:hover{border-bottom-color:var(--navy);color:var(--blue);}
/* ---------- Hero (split, product marketing) ---------- */
.gc-tblk-page .gc-hero{padding:46px 0 26px;border-bottom:1px solid var(--line);}
.gc-tblk-page .gc-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:48px;align-items:center;}
.gc-tblk-page .gc-hero-text{min-width:0;}
.gc-tblk-page .gc-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-weight:800;margin-bottom:14px;}
.gc-tblk-page .gc-eyebrow::before{content:"";width:24px;height:2px;background:var(--blue);border-radius:2px;}
.gc-tblk-page .gc-hero h1,.gc-tblk-page .gc-hero h2{font-size:38px;margin:0 0 14px;line-height:1.12;}
.gc-tblk-page .gc-hero .gc-lede{margin:0 0 22px;}
.gc-tblk-page .gc-hero-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.gc-tblk-page .gc-hero-media{margin:0;}
.gc-tblk-page .gc-hero-media img{display:block;width:100%;height:auto;border-radius:14px;background:var(--soft2);border:1px solid var(--line);box-shadow:var(--shadow-sm);}
/* ---------- Key spec strip ---------- */
.gc-tblk-page .gc-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:26px 0 8px;}
.gc-tblk-page .gc-strip .gc-spec-item{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:16px 18px;}
.gc-tblk-page .gc-strip .gc-spec-k{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:6px;}
.gc-tblk-page .gc-strip .gc-spec-v{font-size:16px;color:var(--navy);font-weight:700;line-height:1.35;}
/* ---------- Section shell ---------- */
.gc-tblk-page .gc-section{padding:42px 0;border-bottom:1px solid var(--line);}
.gc-tblk-page .gc-section-head{margin:0 0 20px;}
.gc-tblk-page .gc-section-head .gc-kicker{display:inline-block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:800;margin-bottom:9px;}
.gc-tblk-page .gc-section-head h2{margin:0;}
.gc-tblk-page .gc-section-head p{color:var(--muted);margin:10px 0 0;max-width:760px;}
/* ---------- Split (text + media) ---------- */
.gc-tblk-page .gc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:8px;}
.gc-tblk-page .gc-split.flip .gc-split-media{order:-1;}
.gc-tblk-page .gc-split-media img{width:100%;height:auto;box-shadow:var(--shadow-sm);}
/* ---------- Cards ---------- */
.gc-tblk-page .gc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0 4px;}
.gc-tblk-page .gc-grid-2{grid-template-columns:repeat(2,1fr);}
.gc-tblk-page .gc-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;transition:box-shadow .18s ease,border-color .18s ease;}
.gc-tblk-page .gc-card:hover{box-shadow:var(--shadow-sm);border-color:#d3deec;}
.gc-tblk-page .gc-card .gc-card-k{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);font-weight:800;margin-bottom:6px;}
.gc-tblk-page .gc-card h3{margin:0 0 6px;font-size:17px;color:var(--navy);}
.gc-tblk-page .gc-card p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.62;}
/* ---------- Table ---------- */
.gc-tblk-page .gc-table{width:100%;border-collapse:collapse;margin:14px 0 4px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:15px;}
.gc-tblk-page .gc-table th,.gc-tblk-page .gc-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top;}
.gc-tblk-page .gc-table thead th{background:var(--soft);color:var(--navy);font-weight:800;border-bottom:2px solid var(--line);font-size:13px;letter-spacing:.02em;text-transform:uppercase;}
.gc-tblk-page .gc-table tbody tr:nth-child(even){background:#fafcfe;}
.gc-tblk-page .gc-table tbody tr:last-child td{border-bottom:0;}
.gc-tblk-page .gc-table td:first-child{font-weight:700;color:var(--navy);}
.gc-tblk-page .gc-table .gc-yes{color:var(--blue);font-weight:700;}
.gc-tblk-page .gc-table .gc-no{color:#b4452f;font-weight:700;}
/* ---------- Note / callout ---------- */
.gc-tblk-page .gc-note{background:var(--soft);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:16px 18px;margin:18px 0;font-size:15.5px;color:var(--ink);line-height:1.7;}
.gc-tblk-page .gc-note strong{color:var(--navy);}
/* ---------- Steps (process) ---------- */
.gc-tblk-page .gc-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin:14px 0 4px;counter-reset:gcstep;}
.gc-tblk-page .gc-steps .gc-step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 13px 14px;border-top:3px solid var(--blue);}
.gc-tblk-page .gc-steps .gc-step-n{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--blue);margin-bottom:7px;}
.gc-tblk-page .gc-steps .gc-step h3{margin:0 0 5px;font-size:14.5px;color:var(--navy);line-height:1.22;}
.gc-tblk-page .gc-steps .gc-step p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.54;}
/* ---------- Figure ---------- */
.gc-tblk-page .gc-figure{margin:18px 0 4px;}
.gc-tblk-page .gc-figure img{width:100%;height:auto;box-shadow:var(--shadow-sm);}
.gc-tblk-page .gc-figure figcaption{font-size:13.5px;color:var(--muted);margin-top:9px;}
/* ---------- FAQ ---------- */
.gc-tblk-page .gc-faq details{border:1px solid var(--line);border-radius:10px;margin:11px 0;background:#fff;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease;}
.gc-tblk-page .gc-faq details:hover{border-color:#d3deec;box-shadow:var(--shadow-sm);}
.gc-tblk-page .gc-faq summary{cursor:pointer;padding:15px 19px;font-weight:700;color:var(--navy);font-size:16px;list-style:none;position:relative;padding-right:44px;line-height:1.45;}
.gc-tblk-page .gc-faq summary::-webkit-details-marker{display:none;}
.gc-tblk-page .gc-faq summary::after{content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:21px;color:var(--blue);font-weight:800;line-height:1;}
.gc-tblk-page .gc-faq details[open] summary::after{content:"\2013";}
.gc-tblk-page .gc-faq .gc-a{padding:0 19px 17px;color:var(--ink);font-size:15.5px;line-height:1.72;}
/* ---------- RFQ field sheet (no