/* ==========================================================================
   /what-kind-of-wood-is-suitable-for-cnc-machining/
   Best Wood for CNC Machining — Material Selection Guide
   Visual language: warm wood palette + species specimen swatches
   100% scope-isolated under .gc-wd
   ========================================================================== */

.gc-wd{
  --bark:#3f2f24;
  --wood:#96613b;
  --wood-2:#7a4e2e;
  --cream:#fdf8f3;
  --sand:#f4e9dc;
  --ink:#2f2620;
  --muted:#6f6257;
  --line:#e6dacb;
  --line-2:#d6c6b3;
  --soft:#faf5ee;
  --white:#fff;
  --blue:#0052cc;
  --rust:#8c3a2b;
  --moss:#4d6b53;
  --radius:12px;
  --shadow:0 1px 2px rgba(63,47,36,.06),0 8px 24px rgba(63,47,36,.07);
  --shadow-lg:0 12px 36px rgba(63,47,36,.16);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:16px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
  background:var(--white);
}
.gc-wd *,.gc-wd *::before,.gc-wd *::after{box-sizing:border-box;}
.gc-wd p{margin:0 0 16px;}
.gc-wd ul,.gc-wd ol{margin:0 0 16px;padding-left:22px;}
.gc-wd li{margin-bottom:7px;}
.gc-wd a{color:var(--blue);text-decoration:none;}
.gc-wd a:hover{text-decoration:underline;}
.gc-wd strong,.gc-wd b{color:var(--bark);font-weight:600;}
.gc-wd h1,.gc-wd h2,.gc-wd h3,.gc-wd h4{color:var(--bark);line-height:1.3;margin:0;}

/* ---------- layout ---------- */
.gc-wd .gc-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.gc-wd .gc-wrap--narrow{max-width:900px;}
.gc-wd .gc-sec{padding:68px 0;}
.gc-wd .gc-sec--alt{background:var(--soft);}
.gc-wd .gc-sec--cream{background:var(--cream);}
.gc-wd .gc-h2{font-size:29px;font-weight:700;letter-spacing:-.02em;margin:0 0 10px;}
.gc-wd .gc-h2sub{font-size:17px;color:var(--muted);margin:0 0 28px;max-width:74ch;}
.gc-wd .gc-h3{font-size:18.5px;font-weight:650;margin:0 0 8px;}
.gc-wd .gc-h3--up{margin-top:30px;}
.gc-wd .gc-eyebrow{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--wood-2);background:rgba(150,97,59,.11);
  padding:5px 11px;border-radius:999px;margin:0 0 14px;
}
.gc-wd .gc-lead{font-size:17.5px;color:var(--muted);max-width:78ch;}
.gc-wd .gc-fine{font-size:12.8px;color:var(--muted);margin:14px 0 0;max-width:80ch;}
.gc-wd .gc-fine-gry{font-size:13px;color:var(--muted);margin:8px 0 0;}

/* ---------- hero (warm sand) ---------- */
.gc-wd .gc-hero{
  background:linear-gradient(160deg,var(--cream) 0%,var(--sand) 58%,#efe3d4 100%);
  border-bottom:1px solid var(--line);
  padding:56px 0 52px;
}
.gc-wd .gc-hero__top{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;}
.gc-wd .gc-title{font-size:37px;font-weight:700;line-height:1.19;letter-spacing:-.025em;margin:0 0 16px;}
.gc-wd .gc-title em{font-style:normal;color:var(--wood-2);}
.gc-wd .gc-hero-sub{font-size:17.5px;color:var(--muted);margin:0 0 22px;max-width:58ch;}
.gc-wd .gc-btnrow{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0;}
.gc-wd .gc-btn{display:inline-block;font:inherit;font-size:15px;font-weight:650;cursor:pointer;padding:13px 24px;border-radius:10px;border:1px solid transparent;transition:.18s;text-align:center;}
.gc-wd .gc-btn--primary{background:var(--wood);color:#fff;box-shadow:0 8px 20px rgba(150,97,59,.3);}
.gc-wd .gc-btn--primary:hover{background:var(--wood-2);transform:translateY(-2px);text-decoration:none;}
.gc-wd .gc-btn--ghost{background:transparent;color:var(--bark);border-color:var(--line-2);}
.gc-wd .gc-btn--ghost:hover{background:rgba(255,255,255,.6);text-decoration:none;}
.gc-wd .gc-btn--wood{background:var(--wood);color:#fff;}
.gc-wd .gc-btn--wood:hover{background:var(--wood-2);text-decoration:none;}

/* quick answer */
.gc-wd .gc-answer{
  background:var(--white);
  border:1px solid var(--line);
  border-left:5px solid var(--wood);
  border-radius:10px;padding:20px 24px;margin:28px 0 0;
  box-shadow:var(--shadow);
}
.gc-wd .gc-answer__t{display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wood-2);margin:0 0 8px;}
.gc-wd .gc-answer p{margin:0 0 12px;font-size:16.5px;line-height:1.62;color:var(--ink);}
.gc-wd .gc-answer p:last-child{margin-bottom:0;}

/* ---------- species specimen cards ---------- */
.gc-wd .gc-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:26px 0;}
.gc-wd .gc-spec-grid--2{grid-template-columns:repeat(2,1fr);}
.gc-wd .gc-spec-grid--3{grid-template-columns:repeat(3,1fr);}
.gc-wd .gc-spec-c{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow);transition:.22s;
}
.gc-wd .gc-spec-c:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.gc-wd .gc-sw{height:56px;border-bottom:1px solid var(--line);}
.gc-wd .gc-sw--oak{background:linear-gradient(90deg,#d8b98d,#c9a97a);}
.gc-wd .gc-sw--maple{background:linear-gradient(90deg,#f2e5cd,#e6d5b6);}
.gc-wd .gc-sw--walnut{background:linear-gradient(90deg,#6b4429,#4f3120);}
.gc-wd .gc-sw--cherry{background:linear-gradient(90deg,#b8683f,#96502f);}
.gc-wd .gc-sw--pine{background:linear-gradient(90deg,#eddaa6,#dcc489);}
.gc-wd .gc-sw--cedar{background:linear-gradient(90deg,#bd7651,#9c5a3c);}
.gc-wd .gc-sw--mdf{background:linear-gradient(90deg,#e0cbab,#cfb894);}
.gc-wd .gc-sw--ply{background:linear-gradient(90deg,#d3b183,#b8905f 40%,#d3b183 41%,#c8a271 70%,#d3b183 71%);}
.gc-wd .gc-spec-b{padding:15px 16px 16px;}
.gc-wd .gc-spec-n{font-size:16px;font-weight:700;color:var(--bark);margin:0 0 2px;}
.gc-wd .gc-spec-k{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;}
.gc-wd .gc-spec-l{list-style:none;margin:0;padding:0;}
.gc-wd .gc-spec-l li{font-size:13.4px;color:var(--muted);padding:3px 0;border-top:1px dashed var(--line);}
.gc-wd .gc-spec-l li:first-child{border-top:0;}
.gc-wd .gc-spec-l b{display:inline-block;min-width:74px;color:var(--bark);font-weight:600;}

/* ---------- figures ---------- */
.gc-wd .gc-fig{margin:28px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--white);box-shadow:var(--shadow);transition:.25s;}
.gc-wd .gc-fig img{display:block;width:100%;height:auto;object-fit:cover;border-radius:12px 12px 0 0;background:var(--sand);transition:transform .45s ease;}
.gc-wd .gc-fig:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.gc-wd .gc-fig:hover img{transform:scale(1.055);}
.gc-wd .gc-fig figcaption{padding:13px 18px;font-size:13.5px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);background:var(--soft);}
.gc-wd .gc-fig--hero img{aspect-ratio:3/2;}
.gc-wd .gc-fig--43 img{aspect-ratio:4/3;}
.gc-wd .gc-fig--169 img{aspect-ratio:16/9;}
.gc-wd .gc-fig--wide{max-width:900px;margin-left:auto;margin-right:auto;}
.gc-wd .gc-fig--wide img{aspect-ratio:21/9;}
.gc-wd .gc-fig--diag img{object-fit:contain;background:#fff;padding:10px;}
.gc-wd .gc-fig--hero{border:0;box-shadow:0 16px 40px rgba(63,47,36,.2);margin:0;}
.gc-wd .gc-fig--hero:hover{transform:none;box-shadow:0 20px 48px rgba(63,47,36,.26);}
.gc-wd .gc-imgs{display:grid;gap:22px;margin:28px 0;}
.gc-wd .gc-imgs--2{grid-template-columns:1fr 1fr;}
.gc-wd .gc-imgs .gc-fig{margin:0;}

/* ---------- grids & cards ---------- */
.gc-wd .gc-grid{display:grid;gap:20px;}
.gc-wd .gc-grid--2{grid-template-columns:repeat(2,1fr);}
.gc-wd .gc-grid--3{grid-template-columns:repeat(3,1fr);}
.gc-wd .gc-grid--start{align-items:start;}
.gc-wd .gc-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);transition:.22s;}
.gc-wd .gc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--line-2);}
.gc-wd .gc-card h3{margin-bottom:8px;}
.gc-wd .gc-card p:last-child{margin-bottom:0;}

/* split comparison (solid vs engineered) */
.gc-wd .gc-split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:26px 0;}
.gc-wd .gc-split__col{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--white);box-shadow:var(--shadow);}
.gc-wd .gc-split__h{padding:15px 20px;font-weight:700;font-size:17px;}
.gc-wd .gc-split__col--a .gc-split__h{background:#f0e4d4;color:var(--bark);}
.gc-wd .gc-split__col--b .gc-split__h{background:#e3ece5;color:#2f4a39;}
.gc-wd .gc-split__col ul{margin:0;padding:16px 20px 18px 38px;}
.gc-wd .gc-split__col li{font-size:14.5px;margin-bottom:8px;}
.gc-wd .gc-split__col li:last-child{margin-bottom:0;}
.gc-wd .gc-split__tag{display:block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;padding:0 20px;}
.gc-wd .gc-split__tag:first-of-type{margin-top:16px;}

/* ---------- tables ---------- */
.gc-wd .gc-tbl-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);}
.gc-wd .gc-tbl{width:100%;border-collapse:collapse;font-size:14.5px;background:var(--white);}
.gc-wd .gc-tbl caption{caption-side:top;text-align:left;padding:14px 18px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line);}
.gc-wd .gc-tbl th,.gc-wd .gc-tbl td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;}
.gc-wd .gc-tbl thead th{background:var(--bark);color:#fff;font-size:12.5px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;}
.gc-wd .gc-tbl tbody tr:last-child th,.gc-wd .gc-tbl tbody tr:last-child td{border-bottom:0;}
.gc-wd .gc-tbl tbody tr:nth-child(even){background:var(--soft);}
.gc-wd .gc-tbl tbody th{font-weight:600;color:var(--bark);}
.gc-wd .gc-tbl--plain thead th{background:var(--sand);color:var(--bark);}
.gc-wd .gc-tbl--tight td,.gc-wd .gc-tbl--tight th{padding:10px 14px;}

.gc-wd .gc-cmp .gc-tbl thead th:first-child{background:var(--sand);color:var(--bark);}
.gc-wd .gc-cmp .gc-tbl thead th:nth-child(2){background:var(--wood);}
.gc-wd .gc-cmp .gc-tbl thead th:nth-child(3){background:var(--moss);}
.gc-wd .gc-cmp .gc-tbl tbody td:nth-child(2){background:rgba(150,97,59,.05);}
.gc-wd .gc-cmp .gc-tbl tbody tr:nth-child(even) td:nth-child(2){background:rgba(150,97,59,.09);}

/* problem table cause chips */
.gc-wd .gc-cause{display:inline-block;font-size:12.5px;color:var(--bark);}

/* ---------- notes ---------- */
.gc-wd .gc-note{border-radius:var(--radius);padding:18px 22px;margin:24px 0;border:1px solid;font-size:14.8px;}
.gc-wd .gc-note p:last-child{margin-bottom:0;}
.gc-wd .gc-note__t{display:block;font-weight:650;margin-bottom:6px;font-size:15px;}
.gc-wd .gc-note--warn{background:#fdf3ee;border-color:#e8c4b3;color:#6b2f1f;}
.gc-wd .gc-note--warn .gc-note__t{color:var(--rust);}
.gc-wd .gc-note--ok{background:#f0f6f1;border-color:#c6dccb;color:#2f4a39;}
.gc-wd .gc-note--ok .gc-note__t{color:#3c6247;}
.gc-wd .gc-note--info{background:#fdf7ee;border-color:#e8d5bd;color:#5b3f22;}
.gc-wd .gc-note--info .gc-note__t{color:var(--wood-2);}

/* ---------- tick list ---------- */
.gc-wd .gc-ticks{list-style:none;margin:0;padding:0;}
.gc-wd .gc-ticks li{position:relative;padding-left:26px;margin-bottom:9px;font-size:15px;}
.gc-wd .gc-ticks li::before{content:"";position:absolute;left:0;top:8px;width:13px;height:7px;border-left:2px solid var(--wood);border-bottom:2px solid var(--wood);transform:rotate(-45deg);}

/* ---------- bit cards ---------- */
.gc-wd .gc-bit{display:grid;grid-template-columns:1fr;gap:0;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--wood);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow);transition:.22s;}
.gc-wd .gc-bit:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.gc-wd .gc-bit__n{font-size:16px;font-weight:700;color:var(--bark);margin:0 0 6px;}
.gc-wd .gc-bit__d{margin:0 0 8px;font-size:14.2px;color:var(--muted);}
.gc-wd .gc-bit__u{margin:0;font-size:13.2px;color:var(--ink);}
.gc-wd .gc-bit__u b{color:var(--wood-2);}

/* ---------- parameters (no numbers) ---------- */
.gc-wd .gc-par{display:grid;gap:12px;margin:24px 0;}
.gc-wd .gc-par__i{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:start;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:14px 18px;box-shadow:var(--shadow);}
.gc-wd .gc-par__k{font-weight:650;color:var(--bark);font-size:15px;}
.gc-wd .gc-par__v{margin:0;font-size:14.3px;color:var(--muted);}

/* ---------- decision flow ---------- */
.gc-wd .gc-dec{margin:26px 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);overflow:hidden;}
.gc-wd .gc-dec__q{background:var(--bark);color:#fff;padding:14px 22px;font-weight:650;font-size:16px;}
.gc-wd .gc-dec__b{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:start;padding:14px 22px;border-bottom:1px solid var(--soft);border-bottom-color:var(--line);}
.gc-wd .gc-dec__b:last-child{border-bottom:0;}
.gc-wd .gc-dec__t{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 0;border-radius:999px;text-align:center;}
.gc-wd .gc-dec__b--y .gc-dec__t{background:#e3ece5;color:#2f4a39;}
.gc-wd .gc-dec__b--n .gc-dec__t{background:#f0e4d4;color:var(--bark);}
.gc-wd .gc-dec__r{font-size:14.6px;color:var(--ink);}
.gc-wd .gc-dec__r b{color:var(--bark);}

/* ---------- faq ---------- */
.gc-wd .gc-faq{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--white);box-shadow:var(--shadow);}
.gc-wd .gc-faq__item{border-bottom:1px solid var(--line);}
.gc-wd .gc-faq__item:last-child{border-bottom:0;}
.gc-wd .gc-faq__q{width:100%;text-align:left;font:inherit;font-size:16px;font-weight:600;color:var(--bark);background:none;border:0;padding:16px 46px 16px 22px;cursor:pointer;position:relative;}
.gc-wd .gc-faq__q::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--wood);font-weight:600;transition:.2s;}
.gc-wd .gc-faq__item.is-open .gc-faq__q::after{content:"\2212";}
.gc-wd .gc-faq__q:hover{background:var(--soft);}
.gc-wd .gc-faq__a{display:none;padding:0 22px 18px;}
.gc-wd .gc-faq__item.is-open .gc-faq__a{display:block;}
.gc-wd .gc-faq__a p:last-child{margin-bottom:0;}

/* ---------- cta ---------- */
.gc-wd .gc-cta{background:linear-gradient(135deg,#3f2f24 0%,#5a3f2c 58%,#6b4a30 100%);color:#fff;padding:60px 0;text-align:center;}
.gc-wd .gc-cta h2{color:#fff;font-size:29px;margin-bottom:12px;}
.gc-wd .gc-cta p{color:#e8d9c8;max-width:70ch;margin:0 auto 24px;font-size:17px;}
.gc-wd .gc-cta .gc-btnrow{justify-content:center;}
.gc-wd .gc-cta__fine{font-size:12.5px;color:#c9b49d;margin:12px 0 0;}
.gc-wd .gc-cta__list{list-style:none;margin:0 auto 22px;padding:0;max-width:520px;text-align:left;}
.gc-wd .gc-cta__list li{position:relative;padding-left:26px;margin-bottom:8px;font-size:15px;color:#f0e4d6;}
.gc-wd .gc-cta__list li::before{content:"";position:absolute;left:0;top:9px;width:12px;height:6px;border-left:2px solid #e8c9a5;border-bottom:2px solid #e8c9a5;transform:rotate(-45deg);}

/* ---------- link grid ---------- */
.gc-wd .gc-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 0;}
.gc-wd .gc-link{display:block;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:16px 18px;box-shadow:var(--shadow);transition:.2s;}
.gc-wd .gc-link:hover{transform:translateY(-3px);border-color:var(--wood);box-shadow:var(--shadow-lg);text-decoration:none;}
.gc-wd .gc-link__t{font-weight:650;color:var(--bark);font-size:15px;margin-bottom:4px;}
.gc-wd .gc-link__d{font-size:13.2px;color:var(--muted);line-height:1.55;}
.gc-wd .gc-link__a{display:inline-block;margin-top:8px;font-size:13px;font-weight:650;color:var(--blue);}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .gc-wd .gc-hero__top{grid-template-columns:1fr;gap:28px;}
  .gc-wd .gc-title{font-size:31px;}
  .gc-wd .gc-spec-grid{grid-template-columns:repeat(2,1fr);}
  .gc-wd .gc-grid--3,.gc-wd .gc-links{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:760px){
  .gc-wd .gc-sec{padding:44px 0;}
  .gc-wd .gc-wrap{padding:0 18px;}
  .gc-wd .gc-h2{font-size:24px;}
  .gc-wd .gc-title{font-size:26px;}
  .gc-wd .gc-grid--2,.gc-wd .gc-grid--3,.gc-wd .gc-imgs--2,.gc-wd .gc-links,.gc-wd .gc-split,.gc-wd .gc-spec-grid{grid-template-columns:1fr;}
  .gc-wd .gc-par__i{grid-template-columns:1fr;gap:4px;}
  .gc-wd .gc-dec__b{grid-template-columns:1fr;gap:6px;}
  .gc-wd .gc-dec__t{justify-self:start;padding:4px 12px;}
  .gc-wd .gc-fig--wide img{aspect-ratio:16/9;}
}