/* Process Stage-1 — equal glass cards, 2-per-row steps. procdesk5
   Frost must read on the cool wash: translucent fill + blur/saturate + hairline.
   Aligns with zatra-glass.css tokens, but scoped to this page only. */

html body.process-page.process-page--prune{
  --proc-glass-bg:rgba(255,255,255,.60);
  --proc-glass-bg-hover:rgba(255,255,255,.70);
  --proc-glass-sheen:linear-gradient(135deg,rgba(255,255,255,.40) 0%,rgba(255,255,255,0) 46%);
  --proc-glass-blur:20px;
  --proc-glass-sat:160%;
  --proc-glass-radius:20px;
  --proc-glass-pad:clamp(22px,3vw,32px);
  --proc-glass-hairline:1px solid rgba(255,255,255,.55);
  --proc-glass-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 0 0 1px rgba(16,24,40,.06),
    0 4px 14px rgba(16,24,40,.045),
    0 18px 36px rgba(16,24,40,.06);
}

/* Richer cool wash so backdrop-filter has grey to sample. Hero stays white. */
html body.process-page.process-page--prune #quick-answer.section,
html body.process-page.process-page--prune #file-steps.section,
html body.process-page.process-page--prune #assurance.section,
html body.process-page.process-page--prune #final-cta.conversion-band,
html body.process-page.process-page--prune .conversion-band{
  isolation:isolate;
  background:
    radial-gradient(ellipse 78% 52% at 6% 0%,rgba(148,163,184,.20),transparent 58%),
    radial-gradient(ellipse 52% 42% at 100% 100%,rgba(16,24,40,.05),transparent 54%),
    #e6e9ef!important;
}

html body.process-page.process-page--prune main > .section{
  padding-top:clamp(72px,8vw,120px)!important;
  padding-bottom:clamp(72px,8vw,120px)!important;
}

html body.process-page.process-page--prune #quick-answer.section{
  padding-top:clamp(28px,3.6vw,44px)!important;
  padding-bottom:clamp(20px,2.8vw,32px)!important;
}

html body.process-page.process-page--prune #file-steps.section,
html body.process-page.process-page--prune #assurance.section{
  padding-top:clamp(80px,9vw,128px)!important;
  padding-bottom:clamp(80px,9vw,128px)!important;
}

html body.process-page.process-page--prune #final-cta.conversion-band,
html body.process-page.process-page--prune .conversion-band{
  padding-top:clamp(56px,6vw,88px)!important;
  padding-bottom:clamp(56px,6vw,88px)!important;
}

/* Shared frost — DA, intro, step cards, CTA band. Next-page links are per-card below. */
html body.process-page.process-page--prune #quick-answer .quick-answer.page-answer-engine,
html body.process-page.process-page--prune #page-answer-engine,
html body.process-page.process-page--prune #file-steps .section-head,
html body.process-page.process-page--prune #file-steps .proc-steps > li,
html body.process-page.process-page--prune #file-steps .proc-quiet-links > a,
html body.process-page.process-page--prune #final-cta .conversion-band-shell{
  background:var(--proc-glass-sheen),var(--proc-glass-bg)!important;
  background-color:var(--proc-glass-bg)!important;
  border:var(--proc-glass-hairline)!important;
  border-radius:var(--proc-glass-radius)!important;
  box-shadow:var(--proc-glass-shadow)!important;
  -webkit-backdrop-filter:blur(var(--proc-glass-blur)) saturate(var(--proc-glass-sat))!important;
  backdrop-filter:blur(var(--proc-glass-blur)) saturate(var(--proc-glass-sat))!important;
  box-sizing:border-box!important;
  isolation:isolate;
}

html body.process-page.process-page--prune #file-steps .proc-steps > li:hover,
html body.process-page.process-page--prune #file-steps .proc-quiet-links > a:hover,
html body.process-page.process-page--prune #file-steps .proc-quiet-links > a:focus-visible{
  background:var(--proc-glass-sheen),var(--proc-glass-bg-hover)!important;
  background-color:var(--proc-glass-bg-hover)!important;
}

/* ---------- Direct Answer — stacked mining-guide card ---------- */
html body.process-page.process-page--prune #quick-answer .quick-answer.page-answer-engine,
html body.process-page.process-page--prune #page-answer-engine{
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(1.15rem,2.5vw,1.5rem) clamp(1.15rem,3vw,1.75rem)!important;
  border-left:3px solid #ed0000!important;
  border-radius:0 12px 12px 0!important;
}

html body.process-page.process-page--prune #page-answer-engine .qa-label,
html body.process-page.process-page--prune #quick-answer .quick-answer .qa-label{
  display:block!important;
  margin:0 0 8px!important;
  color:#ed0000!important;
  background:transparent!important;
}

html body.process-page.process-page--prune #page-answer-engine p,
html body.process-page.process-page--prune #quick-answer .quick-answer p{
  max-width:68ch!important;
  color:#101828!important;
}

/* ---------- Section head — full-width glass intro ---------- */
html body.process-page.process-page--prune #file-steps .section-head{
  margin:0 0 clamp(20px,2.6vw,28px)!important;
  max-width:none!important;
  width:100%!important;
  padding:var(--proc-glass-pad)!important;
}

html body.process-page.process-page--prune #file-steps .section-head h2{
  color:#101828!important;
  max-width:40rem;
}

html body.process-page.process-page--prune #file-steps .section-head p{
  color:#475467!important;
  max-width:40rem;
}

/* ---------- Hero “See the five stages” — plain text, not a card ---------- */
html body.process-page.process-page--prune .it-split-hero .proc-quiet-links{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  padding:0!important;
  margin:16px 0 0!important;
}

html body.process-page.process-page--prune .it-split-hero .proc-quiet-links a{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  padding:0!important;
  min-height:0!important;
}

/* ---------- Next pages — three equal small glass cards, never one bar ---------- */
html body.process-page.process-page--prune #file-steps .proc-quiet-links{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:16px!important;
  margin:clamp(20px,2.6vw,28px) 0 0!important;
  padding:0!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  font-size:14px;
  line-height:1.4;
  color:#475467;
}

html body.process-page.process-page--prune #file-steps .proc-quiet-links > a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:56px!important;
  margin:0!important;
  padding:16px 18px!important;
  text-align:center!important;
  color:#101828!important;
  font-weight:600;
  text-decoration:none;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:unset!important;
}

html body.process-page.process-page--prune #file-steps .proc-quiet-links > a:hover,
html body.process-page.process-page--prune #file-steps .proc-quiet-links > a:focus-visible{
  color:#ed0000!important;
}

@media (max-width:520px){
  html body.process-page.process-page--prune #file-steps .proc-quiet-links{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* ---------- Final CTA — full-width glass band (not a next-pages row) ---------- */
html body.process-page.process-page--prune #final-cta .conversion-band-shell,
html body.process-page.process-page--prune .conversion-band-shell{
  padding:var(--proc-glass-pad)!important;
}

html body.process-page.process-page--prune #final-cta .conversion-band-shell::before,
html body.process-page.process-page--prune #final-cta .conversion-band-shell::after,
html body.process-page.process-page--prune .conversion-band-shell::before,
html body.process-page.process-page--prune .conversion-band-shell::after{
  display:none!important;
  content:none!important;
}

html body.process-page.process-page--prune #final-cta h2,
html body.process-page.process-page--prune #final-cta .conversion-band-shell h2{
  color:#101828!important;
}

html body.process-page.process-page--prune #final-cta p,
html body.process-page.process-page--prune #final-cta .conversion-band-shell p{
  color:#475467!important;
}

/* ---------- Five stages — identical 1fr cards; 05 does not span ---------- */
html body.process-page.process-page--prune .proc-steps,
html body.process-page.process-page--prune #file-steps .proc-steps{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  grid-auto-columns:unset!important;
  align-items:stretch!important;
  gap:16px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  counter-reset:proc-step;
  columns:unset!important;
  column-count:unset!important;
  column-width:auto!important;
}

html body.process-page.process-page--prune .proc-steps > li,
html body.process-page.process-page--prune #file-steps .proc-steps > li{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  grid-column:auto!important;
  grid-row:auto!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  grid-auto-flow:unset!important;
  grid-auto-columns:unset!important;
  columns:unset!important;
  column-count:unset!important;
  gap:0!important;
  margin:0!important;
  padding:var(--proc-glass-pad)!important;
  counter-increment:proc-step;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  min-height:220px!important;
  height:auto!important;
  box-sizing:border-box!important;
}

html body.process-page.process-page--prune .proc-steps > li:nth-child(5),
html body.process-page.process-page--prune #file-steps .proc-steps > li:nth-child(5),
html body.process-page.process-page--prune .proc-steps > li:last-child,
html body.process-page.process-page--prune #file-steps .proc-steps > li:last-child{
  grid-column:1 / 2!important;
  grid-row:auto!important;
  width:auto!important;
  max-width:none!important;
  min-height:220px!important;
}

html body.process-page.process-page--prune .proc-steps > li::before{
  content:counter(proc-step, decimal-leading-zero);
  display:block!important;
  grid-column:auto!important;
  grid-row:auto!important;
  margin:0 0 10px!important;
  padding:0!important;
  font:800 .75rem/1.2 Montserrat,sans-serif;
  letter-spacing:.08em;
  color:#c41616;
}

html body.process-page.process-page--prune .proc-steps > li > a,
html body.process-page.process-page--prune .proc-steps > li > span,
html body.process-page.process-page--prune .proc-steps > li > .step-link,
html body.process-page.process-page--prune .proc-steps > li > .rec-next{
  display:none!important;
}

html body.process-page.process-page--prune .proc-steps > li > *,
html body.process-page.process-page--prune .proc-steps .proc-step-copy{
  grid-column:auto!important;
  grid-row:auto!important;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-width:0;
  width:100%;
  max-width:none!important;
}

html body.process-page.process-page--prune .proc-steps,
html body.process-page.process-page--prune .proc-steps *,
html body.process-page.process-page--prune #file-steps .section-head,
html body.process-page.process-page--prune #file-steps .section-head *,
html body.process-page.process-page--prune #file-steps .proc-quiet-links,
html body.process-page.process-page--prune #file-steps .proc-quiet-links *,
html body.process-page.process-page--prune #final-cta .conversion-band-shell{
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
}

html body.process-page.process-page--prune .proc-steps h3{
  margin:0 0 12px;
  max-width:none;
  font:800 clamp(1.15rem,1.7vw,1.4rem)/1.25 Montserrat,sans-serif;
  letter-spacing:-.025em;
  color:#101828;
  white-space:normal;
  overflow:visible;
  text-overflow:unset;
}

html body.process-page.process-page--prune .proc-steps p{
  margin:0;
  max-width:100%!important;
  font:400 15.5px/1.6 Inter,system-ui,sans-serif;
  color:#475467;
}

@media (min-width:900px){
  html body.process-page.process-page--prune .proc-steps,
  html body.process-page.process-page--prune #file-steps .proc-steps{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:24px!important;
  }

  html body.process-page.process-page--prune .proc-steps > li,
  html body.process-page.process-page--prune #file-steps .proc-steps > li,
  html body.process-page.process-page--prune .proc-steps > li:nth-child(5),
  html body.process-page.process-page--prune #file-steps .proc-steps > li:nth-child(5),
  html body.process-page.process-page--prune .proc-steps > li:last-child,
  html body.process-page.process-page--prune #file-steps .proc-steps > li:last-child{
    min-height:248px!important;
  }

  html body.process-page.process-page--prune .proc-steps > li:nth-child(5),
  html body.process-page.process-page--prune #file-steps .proc-steps > li:nth-child(5),
  html body.process-page.process-page--prune .proc-steps > li:last-child,
  html body.process-page.process-page--prune #file-steps .proc-steps > li:last-child{
    grid-column:1 / 2!important;
  }

  html body.process-page.process-page--prune #file-steps .proc-quiet-links{
    gap:24px!important;
  }
}

@media (prefers-reduced-transparency:reduce){
  html body.process-page.process-page--prune #quick-answer .quick-answer.page-answer-engine,
  html body.process-page.process-page--prune #page-answer-engine,
  html body.process-page.process-page--prune #file-steps .section-head,
  html body.process-page.process-page--prune #file-steps .proc-steps > li,
  html body.process-page.process-page--prune #file-steps .proc-quiet-links > a,
  html body.process-page.process-page--prune #final-cta .conversion-band-shell{
    background:#fff!important;
    background-color:#fff!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    border:1px solid #e7e9ee!important;
    box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 20px rgba(7,17,31,.05)!important;
  }

  html body.process-page.process-page--prune #quick-answer .quick-answer.page-answer-engine,
  html body.process-page.process-page--prune #page-answer-engine{
    border-left:3px solid #ed0000!important;
  }
}