/* ================================================================
   Aluminum Die Casting Guide — page-specific styles  (SELF-CONTAINED)
   ----------------------------------------------------------------
   This file is the ONLY stylesheet the guide page loads. It is fully
   self-contained:

     1. Design tokens (:root) are defined here, so the page does not
        depend on common.css for variables.
     2. EVERY rule is scoped under `.alloy-die-casting-guide`. There are
        ZERO unscoped global rules (no bare body/img/a/h1-5/p/b, no
        universal box-sizing, no .wrap at page root). Because the
        WordPress/Kadence site header lives OUTSIDE this wrapper, it is
        structurally impossible for any rule here to touch it.

   This directly satisfies the standing constraint:
   "modify the CSS but NEVER affect the global header / navigation."
   ================================================================ */

/* ---------- 1. Design tokens (self-contained) ------------------------- */
:root {
  --pri:        #c8911f;
  --pri-dark:   #a5740f;
  --pri-soft:   #fbf3e1;
  --accent:     #1d5b86;
  --accent-soft:#eaf2f8;
  --ink:        #16202e;
  --body:       #3c4654;
  --muted:      #6b7685;
  --line:       #e6e9ee;
  --line-soft:  #eef1f5;
  --bg:         #ffffff;
  --soft:       #f6f8fb;
  --yes:     #1f7a4d;  --yes-bg:  #e8f5ee;
  --no:      #b3343a;  --no-bg:   #fbeaeb;
  --neut:    #6b7685;  --neut-bg: #eef1f5;
  --radius:  14px;
  --radius-sm: 9px;
  --shadow:  0 10px 30px rgba(22,32,46,.08);
  --shadow-sm:0 4px 14px rgba(22,32,46,.07);
  --font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* ---------- 2. Scoped base / typography (replaces common.css base) ----- */
/* These ONLY apply inside the guide wrapper, so they can never leak to
   the site header. They reproduce common.css's base look for the guide. */
.alloy-die-casting-guide {
  font-family: var(--font);
  color: var(--body);
  background: var(--bg);
  line-height: 1.65;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
.alloy-die-casting-guide *,
.alloy-die-casting-guide *::before,
.alloy-die-casting-guide *::after { box-sizing: border-box; }
.alloy-die-casting-guide img { max-width: 100%; height: auto; display: block; }
.alloy-die-casting-guide a { color: var(--accent); text-decoration: none; }
.alloy-die-casting-guide a:hover { color: var(--pri-dark); }
.alloy-die-casting-guide h1,
.alloy-die-casting-guide h2,
.alloy-die-casting-guide h3,
.alloy-die-casting-guide h4,
.alloy-die-casting-guide h5 {
  color: var(--ink); line-height: 1.25; margin: 0 0 .5em; font-weight: 700;
}
.alloy-die-casting-guide h2 { font-size: clamp(26px, 3.4vw, 38px); }
.alloy-die-casting-guide h3 { font-size: clamp(21px, 2.6vw, 28px); }
.alloy-die-casting-guide h4 { font-size: 18px; }
.alloy-die-casting-guide p  { margin: 0 0 1em; }
.alloy-die-casting-guide b,
.alloy-die-casting-guide strong { color: var(--ink); }

/* ---------- 3. Layout: .wrap (scoped) -------------------------------- */
.alloy-die-casting-guide .wrap {
  width: 100%; margin: 0 auto; padding: 0 clamp(36px, 5vw, 110px); max-width: none;
}
.alloy-die-casting-guide .wrap--fluid,
.alloy-die-casting-guide .wrap--bleed { padding-left: 0; padding-right: 0; }

/* ---------- 4. Hero (scoped) ------------------------------------------ */
.alloy-die-casting-guide .hero {
  background: radial-gradient(120% 140% at 85% -10%, #20364c 0%, #16202e 55%);
  color: #eef3f8; padding: 46px 0 54px;
}
.alloy-die-casting-guide .hero-grid { display: grid; grid-template-columns: 1.35fr .9fr; gap: 42px; align-items: center; }
.alloy-die-casting-guide .hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12.5px; letter-spacing: .04em; text-transform: uppercase;
  background: rgba(200,145,31,.16); color: #f1c878; border: 1px solid rgba(200,145,31,.35);
  padding: 6px 13px; border-radius: 999px; font-weight: 600;
}
.alloy-die-casting-guide .hero-badge .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--pri); box-shadow: 0 0 0 4px rgba(200,145,31,.25); }
.alloy-die-casting-guide .hero h2 { color: #fff; font-size: clamp(28px, 4vw, 44px); margin: 14px 0 12px; }
.alloy-die-casting-guide .hero-sub { font-size: 17px; color: #c7d3df; max-width: min(100%, 720px); }
.alloy-die-casting-guide .hero-vp { list-style: none; padding: 0; margin: 18px 0 6px; display: grid; gap: 9px; }
.alloy-die-casting-guide .hero-vp li { display: flex; gap: 10px; align-items: flex-start; color: #e6edf4; font-size: 15px; }
.alloy-die-casting-guide .hero-vp .chk { color: var(--pri); font-weight: 800; flex: none; }
.alloy-die-casting-guide .hero-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.alloy-die-casting-guide .hero-badges .bz {
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-sm); padding: 10px 13px; min-width: 120px;
}
.alloy-die-casting-guide .hero-badges .bz b { display: block; color: #fff; font-size: 16px; }
.alloy-die-casting-guide .hero-badges .bz span { font-size: 11.5px; color: #aebccb; }

/* ---------- 5. Fact block (scoped) ------------------------------------ */
.alloy-die-casting-guide .factblock {
  margin: 26px 0; background: var(--pri-soft); border: 1px solid #ecd8ab;
  border-left: 4px solid var(--pri); border-radius: var(--radius-sm); padding: 20px 24px;
}
.alloy-die-casting-guide .factblock h3 { margin-top: 0; font-size: 18px; }
.alloy-die-casting-guide .factblock ul { margin: 0; padding-left: 20px; columns: 2; column-gap: 32px; }
.alloy-die-casting-guide .factblock li { margin-bottom: 8px; font-size: 14.5px; break-inside: avoid; }

/* ---------- 6. Benefit callout (scoped) ------------------------------- */
.alloy-die-casting-guide .benefit-callout {
  background: var(--accent-soft); border: 1px solid #cfe2f0; border-left: 4px solid var(--accent);
  border-radius: var(--radius-sm); padding: 18px 24px; font-size: 15px; line-height: 1.7;
}
.alloy-die-casting-guide .benefit-callout b { color: var(--accent); }

/* ---------- 7. Tables (scoped) ---------------------------------------- */
.alloy-die-casting-guide .table-wrap { overflow-x: auto; margin: 16px 0; border: 1px solid var(--line); border-radius: var(--radius-sm); }
.alloy-die-casting-guide table { border-collapse: collapse; width: 100%; font-size: 14.5px; min-width: 560px; background: #fff; }
.alloy-die-casting-guide thead th { background: var(--ink); color: #fff; text-align: left; padding: 12px 14px; font-weight: 600; font-size: 13.5px; letter-spacing: .02em; }
.alloy-die-casting-guide tbody td { padding: 11px 14px; border-top: 1px solid var(--line-soft); vertical-align: top; color: var(--body); }
.alloy-die-casting-guide tbody tr:nth-child(even) { background: #fafbfc; }
.alloy-die-casting-guide td.yes     { background: var(--yes-bg)  !important; color: var(--yes)  !important; font-weight: 600; }
.alloy-die-casting-guide td.no      { background: var(--no-bg)   !important; color: var(--no)   !important; font-weight: 600; }
.alloy-die-casting-guide td.neutral { background: var(--neut-bg) !important; color: var(--neut) !important; }
.alloy-die-casting-guide .muted { color: var(--muted); }

/* ---------- 8. Takeaway / key-point box (scoped) ---------------------- */
.alloy-die-casting-guide .takeaway { background: var(--ink); color: #eef3f8; border-radius: var(--radius); padding: 22px 24px; margin: 18px 0; }
.alloy-die-casting-guide .takeaway h4 { color: #fff; margin: 0 0 8px; font-size: 17px; }
.alloy-die-casting-guide .takeaway p { color: #c7d3df; margin: 0; font-size: 15px; }

/* ---------- 9. Check list (scoped) ------------------------------------ */
.alloy-die-casting-guide .check-list,
.alloy-die-casting-guide .x-list { list-style: none; padding: 0; margin: 10px 0; display: grid; gap: 8px; }
.alloy-die-casting-guide .check-list li,
.alloy-die-casting-guide .x-list li { padding-left: 28px; position: relative; font-size: 14.5px; }
.alloy-die-casting-guide .check-list li::before { content: "\2713"; position: absolute; left: 0; top: 0; width: 20px; height: 20px;
  background: var(--yes-bg); color: var(--yes); border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; }
.alloy-die-casting-guide .x-list li::before { content: "\2715"; position: absolute; left: 0; top: 0; width: 20px; height: 20px;
  background: var(--no-bg); color: var(--no); border-radius: 50%; display: grid; place-items: center; font-size: 11px; font-weight: 800; }

/* ---------- 10. Goldcattle approach callout (scoped) ------------------ */
.alloy-die-casting-guide .gc-approach { border: 1px dashed var(--accent); background: var(--accent-soft); border-radius: var(--radius-sm);
  padding: 18px 22px; margin-top: 18px; font-size: 14px; line-height: 1.65; }
.alloy-die-casting-guide .gc-approach b { color: var(--accent); }
.alloy-die-casting-guide .gc-approach:last-child { margin-bottom: 0; }

/* ---------- 10b. Additional shared components (scoped) ---------------- */
/* Steps */
.alloy-die-casting-guide .steps { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0; }
.alloy-die-casting-guide .step {
  flex: 1 1 150px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-sm);
  padding: 14px 15px; position: relative; font-size: 13px; color: var(--muted);
}
.alloy-die-casting-guide .step span { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%;
  background: var(--ink); color: #fff; font-weight: 700; font-size: 13px; margin-bottom: 8px; }
.alloy-die-casting-guide .step b { display: block; color: var(--ink); font-size: 15px; }

/* Spec grid */
.alloy-die-casting-guide .spec-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 24px 0; }
.alloy-die-casting-guide .spec-item { background: #fff; border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 18px 18px; }
.alloy-die-casting-guide .spec-item b { display: block; color: var(--ink); font-size: 13px; margin-bottom: 4px; font-weight: 600; }
.alloy-die-casting-guide .spec-item span { font-size: 14px; color: var(--body); }

/* Chips & pills */
.alloy-die-casting-guide .chips,
.alloy-die-casting-guide .pills { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; }
.alloy-die-casting-guide .chip,
.alloy-die-casting-guide .pill { background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 8px 16px; font-size: 14px; color: var(--body); }
.alloy-die-casting-guide .pill { background: var(--pri-soft); border-color: #ecd8ab; color: var(--pri-dark); font-weight: 600; }

/* FAQ */
.alloy-die-casting-guide .faq { margin: 16px 0; display: grid; gap: 10px; }
.alloy-die-casting-guide .faq details { border: 1px solid var(--line); border-radius: var(--radius-sm); background: #fff; overflow: hidden; }
.alloy-die-casting-guide .faq details[open] { border-color: var(--pri); }
.alloy-die-casting-guide .faq summary {
  cursor: pointer; list-style: none; padding: 15px 18px; font-weight: 600; color: var(--ink);
  display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 15.5px;
}
.alloy-die-casting-guide .faq summary::-webkit-details-marker { display: none; }
.alloy-die-casting-guide .faq summary::after { content: "+"; color: var(--pri); font-weight: 800; font-size: 20px; line-height: 1; transition: transform .2s; }
.alloy-die-casting-guide .faq details[open] summary::after { content: "\00d7"; transform: rotate(90deg); }
.alloy-die-casting-guide .faq details p { padding: 0 18px 16px; margin: 0; font-size: 14.5px; color: var(--body); }

/* Related pages */
.alloy-die-casting-guide .relpages { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 16px 0; }
.alloy-die-casting-guide .relpages a { display: flex; align-items: center; gap: 10px; padding: 14px 16px; background: #fff;
  border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--ink); font-weight: 600; transition: .15s; }
.alloy-die-casting-guide .relpages a::before { content: "\2192"; color: var(--pri); font-weight: 800; }
.alloy-die-casting-guide .relpages a:hover { border-color: var(--pri); background: var(--pri-soft); transform: translateX(3px); }

/* CTA band */
.alloy-die-casting-guide .cta-band { background: linear-gradient(135deg, #16202e, #243a52); color: #eaf1f8; border-radius: var(--radius);
  padding: 34px 30px; text-align: center; margin: 28px clamp(36px, 5vw, 110px); }
.alloy-die-casting-guide .cta-band h3 { color: #fff; margin-top: 0; }
.alloy-die-casting-guide .cta-band p { color: #c7d3df; max-width: 640px; margin: 0 auto; }
.alloy-die-casting-guide .cta-note { font-size: 12.5px; color: #9fb0c1; margin-top: 14px; }

/* ---------- 11. Sections (scoped, merged base + overrides) ------------ */
.alloy-die-casting-guide .section { padding: 110px clamp(40px, 6vw, 120px); border-top: 1px solid var(--line-soft); }
.alloy-die-casting-guide .section:first-of-type { border-top: 0; }
.alloy-die-casting-guide .section.soft { background: var(--soft); }
.alloy-die-casting-guide .section.tight { padding: 80px clamp(36px, 5.5vw, 110px); }
.alloy-die-casting-guide .section h3 { margin: 0 0 22px; }
.alloy-die-casting-guide .section .lead { font-size: 16.5px; color: var(--muted); max-width: min(100%, 920px); margin-top: 0; margin-bottom: 22px; }

/* ---------- 12. Cards & grids (scoped, merged base + overrides) ------- */
.alloy-die-casting-guide .card {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  padding: 30px 32px; box-shadow: var(--shadow-sm); transition: transform .15s, box-shadow .15s, border-color .15s;
  margin-bottom: 24px;
}
.alloy-die-casting-guide .card:last-child { margin-bottom: 0; }
.alloy-die-casting-guide .card:hover { transform: translateY(-3px); box-shadow: var(--shadow); border-color: #d9dee6; }
.alloy-die-casting-guide .card h4 { margin: 0 0 12px; color: var(--ink); font-size: 17.5px; line-height: 1.4; }
.alloy-die-casting-guide .card p { font-size: 14.5px; color: var(--body); margin: 0 0 14px; line-height: 1.65; max-width: min(100%, 1000px); }
.alloy-die-casting-guide .card p:last-child { margin-bottom: 0; }
.alloy-die-casting-guide .inline-cta { margin-top: 16px; }

.alloy-die-casting-guide .grid { display: grid; gap: 26px; margin: 28px 0; }
.alloy-die-casting-guide .cols-2 { grid-template-columns: repeat(2, 1fr); }
.alloy-die-casting-guide .cols-3 { grid-template-columns: repeat(3, 1fr); }

/* ================================================================
   GUIDE-SPECIFIC COMPONENTS (scoped)
   ================================================================ */

/* ---- reading progress bar ---- */
.alloy-die-casting-guide .reading-progress{
  position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;
  background:transparent;pointer-events:none
}
.alloy-die-casting-guide .reading-progress>span{
  display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--pri),var(--accent));
  transition:width .12s ease-out
}

/* ---- hero visual card ---- */
.alloy-die-casting-guide .hero-visual{
  background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);overflow:hidden
}
.alloy-die-casting-guide .hero-visual svg{
  display:block;width:100%;height:auto;border-radius:var(--radius-sm)
}
.alloy-die-casting-guide .hero-visual figcaption{
  font-size:12px;color:var(--muted);text-align:center;padding:8px 4px 2px
}

/* ---- sticky TOC navbar + CTA (JS-driven fixed) ----
     The fixed bar sticks 5px below the viewport top (see .toc.is-fixed).
     On this page the global site header scrolls away on scroll, so no
     header-height offset is needed — a small 5px breathing gap is enough. */
.alloy-die-casting-guide .toc{
  display:flex;align-items:center;gap:14px;
  border-radius:0;border-left:0;border-right:0;border-top:0;
  margin:0;padding:12px clamp(20px,3vw,44px);
  background:#fff;box-shadow:none;transition:box-shadow .25s ease
}
.alloy-die-casting-guide .toc.is-fixed{
  position:fixed;
  top:5px;                            /* ← small 5px gap from viewport top (global header scrolls away on this page) */
  left:0;right:0;z-index:49;           /* z-index below header but above content */
  box-shadow:0 4px 18px rgba(0,0,0,.10);
  border-bottom:1px solid var(--line)
}
.alloy-die-casting-guide .toc h4{
  display:none;font-size:0;margin:0;padding:0;border:0;height:0;overflow:hidden
}
.alloy-die-casting-guide .toc-scroll{
  flex:1;min-width:0;display:flex;align-items:center;
  flex-wrap:nowrap;gap:5px 7px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;scrollbar-height:none
}
.alloy-die-casting-guide .toc-scroll::-webkit-scrollbar{display:none}
.alloy-die-casting-guide .toc-scroll a{
  white-space:nowrap;font-size:13px;
  padding:6px 12px;flex-shrink:0;display:inline-block
}
.alloy-die-casting-guide .toc-cta{
  flex-shrink:0;display:inline-flex;align-items:center
}
.alloy-die-casting-guide .toc-cta button{
  background:#0052cc;color:#fff;border:none;
  padding:.6rem 1.6rem;border-radius:6px;
  font-weight:700;font-size:13px;cursor:pointer;
  white-space:nowrap;transition:background .15s,transform .1s
}
.alloy-die-casting-guide .toc-cta button:hover{
  background:#0046b3;transform:translateY(-1px)
}
@media(max-width:800px){
  .alloy-die-casting-guide .toc{padding:10px 14px;gap:10px}
  .alloy-die-casting-guide .toc-scroll a{font-size:12px;padding:5px 9px}
  .alloy-die-casting-guide .toc-cta button{padding:.5rem 1.1rem;font-size:12px}
}
@media(max-width:600px){
  .alloy-die-casting-guide .toc-cta button{padding:.45rem .9rem;font-size:11.5px}
}

/* ---- Company profile + capability chain (Why Goldcattle) ---- */
.alloy-die-casting-guide .gc-profile{
  display:grid;grid-template-columns:1.35fr 1fr;
  gap:26px;margin:10px 0 30px;align-items:start
}
.alloy-die-casting-guide .gc-story p{
  margin:0 0 12px;font-size:15px;line-height:1.72;color:var(--body)
}
.alloy-die-casting-guide .gc-story p:last-child{margin-bottom:0}
.alloy-die-casting-guide .gc-facts{
  background:var(--soft);border:1px solid var(--line);
  border-radius:var(--radius);padding:18px 20px
}
.alloy-die-casting-guide .gc-facts .frow{
  display:grid;grid-template-columns:92px 1fr;
  gap:8px 10px;font-size:13.5px;
  padding:8px 0;border-bottom:1px dashed var(--line)
}
.alloy-die-casting-guide .gc-facts .frow:last-child{border-bottom:0}
.alloy-die-casting-guide .gc-facts .frow dt{
  margin:0;color:var(--muted);font-weight:600
}
.alloy-die-casting-guide .gc-facts .frow dd{margin:0;color:var(--ink)}
.alloy-die-casting-guide .gc-chain{
  display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin:24px 0
}
.alloy-die-casting-guide .gc-node{
  flex:1;min-width:132px;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:13px 14px;text-align:center;box-shadow:var(--shadow-sm)
}
.alloy-die-casting-guide .gc-node b{
  display:block;color:var(--ink);font-size:14px;margin-bottom:3px
}
.alloy-die-casting-guide .gc-node span{
  font-size:12px;color:var(--muted);line-height:1.4
}
.alloy-die-casting-guide .gc-arrow{
  flex:0 0 auto;display:flex;align-items:center;
  color:var(--accent);font-weight:700;font-size:18px
}
@media(max-width:820px){
  .alloy-die-casting-guide .gc-profile{grid-template-columns:1fr}
  .alloy-die-casting-guide .gc-arrow{transform:rotate(90deg);width:100%;justify-content:center}
}

/* ---- alloy card grid ---- */
.alloy-die-casting-guide .alloy-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:22px;margin:28px 0
}
.alloy-die-casting-guide .alloy-card{
  background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:20px 22px 18px;
  box-shadow:var(--shadow-sm);transition:.15s
}
.alloy-die-casting-guide .alloy-card:hover{
  transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d9dee6
}
.alloy-die-casting-guide .alloy-card h4{
  margin:0 0 2px;font-size:17px;color:var(--ink)
}
.alloy-die-casting-guide .alloy-card .std{
  font-size:12px;color:var(--muted);margin:0 0 10px;
  font-weight:600;letter-spacing:.02em
}
.alloy-die-casting-guide .alloy-card .tag-row{
  display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px
}
.alloy-die-casting-guide .alloy-card .tag{
  font-size:11px;background:var(--pri-soft);color:var(--pri-dark);
  border:1px solid #ecd8ab;border-radius:999px;padding:3px 9px;font-weight:600
}
.alloy-die-casting-guide .alloy-card dl{
  margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:13px
}
.alloy-die-casting-guide .alloy-card dt{color:var(--muted);font-weight:600}
.alloy-die-casting-guide .alloy-card dd{margin:0;color:var(--body)}
.alloy-die-casting-guide .alloy-card .app{
  margin-top:10px;font-size:12.5px;color:var(--body);
  border-top:1px dashed var(--line);padding-top:9px
}
.alloy-die-casting-guide .alloy-card .app b{color:var(--accent)}

/* ---- figure (photo placeholder / diagram) ---- */
.alloy-die-casting-guide .fig{margin:20px 0}
.alloy-die-casting-guide .fig figcaption{
  font-size:12.5px;color:var(--muted);
  text-align:center;margin-top:8px;padding:0 10px
}
.alloy-die-casting-guide .fig .img-fig{aspect-ratio:16/7}
.alloy-die-casting-guide .fig.tall .img-fig{aspect-ratio:16/9}
.alloy-die-casting-guide .diagram{
  margin:22px 0;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius);padding:18px
}
.alloy-die-casting-guide .diagram svg{display:block;width:100%;height:auto}
.alloy-die-casting-guide .diagram figcaption{
  font-size:12.5px;color:var(--muted);text-align:center;margin-top:10px
}

/* ---- defect grid ---- */
.alloy-die-casting-guide .defect-grid{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:18px;margin:22px 0
}
.alloy-die-casting-guide .defect-card{
  background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm)
}
.alloy-die-casting-guide .defect-card h4{
  display:flex;align-items:center;gap:11px;
  margin:0 0 12px;font-size:17px
}
.alloy-die-casting-guide .defect-card h4 svg{flex:none;width:34px;height:34px}
.alloy-die-casting-guide .defect-card .row{
  display:grid;grid-template-columns:96px 1fr;
  gap:8px;font-size:13.5px;margin-bottom:7px
}
.alloy-die-casting-guide .defect-card .row b{color:var(--ink)}
.alloy-die-casting-guide .defect-card .k{
  color:var(--accent);font-weight:700;
  font-size:12.5px;text-transform:uppercase;letter-spacing:.03em
}

/* ---- app / industry grids ---- */
.alloy-die-casting-guide .app-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:16px;margin:20px 0
}
.alloy-die-casting-guide .app-card{
  background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-sm);padding:16px 16px;box-shadow:var(--shadow-sm)
}
.alloy-die-casting-guide .app-card h4{margin:0 0 6px;font-size:16px}
.alloy-die-casting-guide .app-card p{margin:0;font-size:13px;color:var(--body)}
.alloy-die-casting-guide .app-card .chip{
  display:inline-block;font-size:11px;
  background:var(--accent-soft);color:var(--accent);
  border-radius:6px;padding:2px 8px;margin-top:8px;font-weight:600
}

/* ---- vs comparison cards ---- */
.alloy-die-casting-guide .vs-grid{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:18px;margin:20px 0
}
.alloy-die-casting-guide .vs-card{
  background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden
}
.alloy-die-casting-guide .vs-card .vs-head{
  background:var(--ink);color:#fff;
  padding:12px 16px;font-weight:700;font-size:15px
}
.alloy-die-casting-guide .vs-card .vs-head span{color:var(--pri)}
.alloy-die-casting-guide .vs-card table{margin:0;min-width:0}
.alloy-die-casting-guide .vs-card table th{background:var(--soft)}
.alloy-die-casting-guide .vs-card table td,
.alloy-die-casting-guide .vs-card table th{font-size:13px;padding:9px 12px}

/* ---- check / cross lists (guide-specific variants) ---- */
.alloy-die-casting-guide .check2{
  list-style:none;padding:0;margin:12px 0;display:grid;gap:8px
}
.alloy-die-casting-guide .check2 li{
  padding-left:26px;position:relative;font-size:14.5px
}
.alloy-die-casting-guide .check2 li::before{
  content:"\2713";position:absolute;left:0;top:0;
  width:19px;height:19px;background:var(--yes-bg);color:var(--yes);
  border-radius:50%;display:grid;place-items:center;
  font-size:11px;font-weight:800
}
.alloy-die-casting-guide .x2{
  list-style:none;padding:0;margin:12px 0;display:grid;gap:8px
}
.alloy-die-casting-guide .x2 li{
  padding-left:26px;position:relative;font-size:14.5px
}
.alloy-die-casting-guide .x2 li::before{
  content:"\2715";position:absolute;left:0;top:0;
  width:19px;height:19px;background:var(--no-bg);color:var(--no);
  border-radius:50%;display:grid;place-items:center;
  font-size:10px;font-weight:800
}

.alloy-die-casting-guide .gc-divider{height:1px;background:var(--line-soft);margin:0}

/* ---- responsive breakpoints ---- */
@media(max-width:900px){
  .alloy-die-casting-guide .alloy-grid,
  .alloy-die-casting-guide .app-grid{grid-template-columns:repeat(2,1fr)}
  .alloy-die-casting-guide .defect-grid,
  .alloy-die-casting-guide .vs-grid{grid-template-columns:1fr}
  /* hero + generic grids collapse */
  .alloy-die-casting-guide .hero-grid{grid-template-columns:1fr;gap:26px}
  .alloy-die-casting-guide .cols-3{grid-template-columns:repeat(2,1fr)}
  .alloy-die-casting-guide .factblock ul{columns:1}
  .alloy-die-casting-guide .spec-grid{grid-template-columns:repeat(2,1fr)}
  .alloy-die-casting-guide .relpages{grid-template-columns:1fr}
}
@media(max-width:620px){
  .alloy-die-casting-guide .alloy-grid,
  .alloy-die-casting-guide .app-grid{grid-template-columns:1fr}
  .alloy-die-casting-guide .cols-2,
  .alloy-die-casting-guide .cols-3{grid-template-columns:1fr}
  .alloy-die-casting-guide .spec-grid{grid-template-columns:1fr}
  .alloy-die-casting-guide .hero-badges .bz{min-width:calc(50% - 5px)}
}

/* =========================================================
   Utility classes — scoped for safety
   (migrated from inline style="" attributes)
   ========================================================= */
.alloy-die-casting-guide .m0{margin:0}
.alloy-die-casting-guide .b0{border:0}
.alloy-die-casting-guide .cta-btn-blue{
  background:#0052cc;color:#fff;border:none;
  padding:1rem 2.5rem;border-radius:6px;
  font-weight:700;cursor:pointer;font-size:15px
}
.alloy-die-casting-guide .cta-btn-white{
  background:#fff;color:#0052cc;border:none;
  padding:1rem 2.5rem;border-radius:6px;
  font-weight:700;cursor:pointer;font-size:15px
}
.alloy-die-casting-guide .hero-pad{
  padding-left:clamp(36px,5vw,110px);
  padding-right:clamp(36px,5vw,110px)
}
.alloy-die-casting-guide .cta-row{
  margin-top:22px;display:flex;gap:12px;flex-wrap:wrap
}
.alloy-die-casting-guide .cta-row-center{
  margin-top:18px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap
}
.alloy-die-casting-guide .u-hide{display:none;height:0}
.alloy-die-casting-guide .cap-1{font-size:13.5px;margin-top:6px}
.alloy-die-casting-guide .cap-2{font-size:13px;margin-top:10px}
.alloy-die-casting-guide .fs13{font-size:13px}
.alloy-die-casting-guide .mt22{margin-top:22px}