/* Removal — remediation payoff section. bg-base (breaks the pivot from cards' bg-1). */
.removal        { background: var(--bg-base); padding-block: var(--sp-10); }
.removal-inner  { max-width: var(--maxw-wide); margin-inline: auto; padding-inline: var(--gutter-mobile); }
@media (min-width: 600px)  { .removal-inner { padding-inline: var(--gutter-tablet); } }
@media (min-width: 1024px) { .removal-inner { padding-inline: var(--gutter-desktop); } }

.removal-head   { max-width: 56ch; margin-block-end: var(--sp-8); }
.removal-h2     { margin: 0; font: var(--fw-semibold) var(--fs-h2)/var(--lh-heading) var(--font-sans);
                  letter-spacing: var(--ls-heading); color: var(--text); text-wrap: balance; }
.removal-sub    { margin: var(--sp-3) 0 0; font: var(--fs-body)/var(--lh-body) var(--font-sans);
                  color: var(--text-soft); }

.removal-grid   { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-5);
                  grid-template-columns: 1fr; }
@media (min-width: 768px) { .removal-grid { grid-template-columns: repeat(3, 1fr); } }

.removal-card       { background: var(--bg-2); border: 1px solid var(--border); border-radius: var(--r-md);
                      padding: var(--sp-5); transition: border-color var(--dur-fast) var(--ease-out); }
.removal-card:hover { border-color: var(--border-teal); }

.removal-card-title { margin: 0 0 var(--sp-2); font: var(--fw-semibold) var(--fs-h3)/var(--lh-heading) var(--font-sans);
                      color: var(--text); }
.removal-card-body  { margin: 0; font: var(--fs-body-sm)/var(--lh-body) var(--font-sans); color: var(--text-soft); }

.removal-relief { max-width: 56ch; margin: var(--sp-8) 0 0; font: var(--fw-semibold) var(--fs-h3)/var(--lh-heading) var(--font-sans);
                  color: var(--text); text-wrap: balance; }
.removal-trust  { max-width: 56ch; margin: var(--sp-3) 0 0; font: var(--fs-body-sm)/var(--lh-body) var(--font-sans);
                  color: var(--text-dim); }
.removal-cta    { max-width: 56ch; margin: var(--sp-5) 0 0; font: var(--fw-semibold) var(--fs-body)/var(--lh-body) var(--font-sans);
                  color: var(--teal); }

/* CJK override — mirror every section's rule */
:lang(ja) .removal-h2, :lang(zh-Hans) .removal-h2, :lang(ko) .removal-h2 {
  line-height: 1.3; letter-spacing: 0; text-wrap: auto; }

.app-shot-figure {
  margin: 48px 0 0;
}
.app-shot {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
}

.removal-shots {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 48px;
}
.removal-shots .app-shot-figure { margin: 0; }
@media (max-width: 720px) {
  .removal-shots { grid-template-columns: 1fr; }
}
.removal-provenance {
  margin-top: 24px;
  color: var(--text-soft);
}