/* ════════════════════════════════════════════
   SOSTEGNO A DISTANZA — Scope .oasi-c-sad · sez. rossa
   ════════════════════════════════════════════ */
.oasi-c-sad *, .oasi-c-sad *::before, .oasi-c-sad *::after { box-sizing: border-box; margin: 0; padding: 0; }
.oasi-c-sad {
  --_t: var(--oasi-font-title, 'Fraunces', Georgia, serif);
  --_b: var(--oasi-font-body, 'Mulish', system-ui, sans-serif);
  --_cont: var(--oasi-container, 1200px);
  --_ink: var(--oasi-text, #17202e); --_mut: var(--oasi-text-muted, #52607a);
  --_cta: var(--oasi-cta, #c0392b); --_ctad: var(--oasi-sez-sostieni-700, #a22a1e);
  --_alt: var(--oasi-surface-alt, #eef2f7); --_bd: var(--oasi-border, rgba(20,40,70,.1));
  --_dur: var(--oasi-dur, .4s); --_ease: var(--oasi-ease, cubic-bezier(.2,.7,.2,1));
}
.oasi-c-sad .oasi-wrap { max-width: var(--_cont); margin-inline: auto; padding-inline: clamp(1.25rem, 5vw, 3rem); }

.oasi-c-sad .sad-lead { padding-block: clamp(2.5rem, 5vw, 3.5rem) clamp(1rem, 2vw, 1.5rem); }
.oasi-c-sad .sad-lead p { font-family: var(--_t); font-size: clamp(1.3rem, 2.4vw, 1.7rem); font-weight: 400; line-height: 1.5; color: var(--_ink); max-width: 30ch; text-wrap: pretty; }
.oasi-c-sad .sad-lead b { color: var(--_cta); font-weight: 600; }

.oasi-c-sad .sad-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: clamp(2rem, 5vw, 4rem); padding-bottom: clamp(3rem, 6vw, 5rem); align-items: start; }
@media (max-width: 880px) { .oasi-c-sad .sad-grid { grid-template-columns: 1fr; } }

.oasi-c-sad .sad-col h2 { font-family: var(--_t); font-size: clamp(1.4rem, 2.5vw, 1.8rem); font-weight: 600; color: var(--_ink); margin: 1.8rem 0 .8rem; }
.oasi-c-sad .sad-col h2:first-child { margin-top: 0; }
.oasi-c-sad .sad-col p { font-family: var(--_b); color: var(--_mut); font-size: 1.02rem; line-height: 1.7; max-width: 58ch; margin-bottom: .6rem; }

.oasi-c-sad .sad-steps { list-style: none; display: flex; flex-direction: column; gap: 1rem; margin: .5rem 0; }
.oasi-c-sad .sad-step { display: flex; gap: 1rem; }
.oasi-c-sad .sad-step__n { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--_cta); color: #fff; font-family: var(--_t); font-weight: 600; display: flex; align-items: center; justify-content: center; }
.oasi-c-sad .sad-step__t { padding-top: .2rem; font-family: var(--_b); color: var(--_ink); font-size: 1rem; line-height: 1.55; }

.oasi-c-sad .sad-ops { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .4rem; }
.oasi-c-sad .sad-ops li { font-family: var(--_b); font-size: .85rem; font-weight: 600; color: var(--_cta); background: color-mix(in srgb, var(--_cta) 9%, transparent); padding: .35em .8em; border-radius: var(--oasi-radius-pill, 999px); }

.oasi-c-sad .sad-panel { position: sticky; top: calc(var(--oasi-logo-h, 150px) + 70px); background: #fff; border: 1px solid var(--_bd); border-top: 4px solid var(--_cta); border-radius: var(--oasi-radius-xl, 18px); padding: clamp(1.5rem, 3vw, 2rem); box-shadow: var(--oasi-shadow-1, 0 10px 30px rgba(20,40,70,.07)); }
.oasi-c-sad .sad-panel h2 { font-family: var(--_t); font-size: 1.35rem; font-weight: 600; color: var(--_ink); margin-bottom: 1rem; }
.oasi-c-sad .sad-field { margin-bottom: .9rem; container-type: inline-size; container-name: sad-field; }
.oasi-c-sad .sad-field__l { font-family: var(--_b); font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--_mut); margin-bottom: .2rem; }
.oasi-c-sad .sad-field__v { font-family: var(--_b); font-size: 1rem; color: var(--_ink); font-weight: 600; }
.oasi-c-sad .sad-iban {
  font-family: var(--_t);
  font-size: clamp(.62rem, 4.2cqi + .25rem, 1.05rem);
  letter-spacing: .02em;
  color: var(--_ink);
  background: var(--_alt);
  padding: .55rem .65rem;
  border-radius: 10px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.35;
}
@supports not (font-size: 1cqi) {
  .oasi-c-sad .sad-iban { font-size: clamp(.62rem, 2.9vw, 1.05rem); }
}
@media (max-width: 420px) {
  .oasi-c-sad .sad-iban { letter-spacing: 0; padding: .5rem .45rem; font-size: clamp(.58rem, 3.15vw, .85rem); }
}
.oasi-c-sad .sad-div { height: 1px; background: var(--_bd); margin: 1.2rem 0; }
.oasi-c-sad .sad-help { font-family: var(--_b); font-size: .92rem; color: var(--_mut); margin-bottom: .6rem; }
.oasi-c-sad .sad-mail { display: inline-flex; align-items: center; gap: .5em; font-family: var(--_b); font-weight: 800; color: var(--_cta); text-decoration: none; font-size: .95rem; }
.oasi-c-sad .sad-mail:hover { color: var(--_ctad); }
.oasi-c-sad .sad-note { margin-top: 1rem; font-family: var(--_b); font-size: .82rem; color: var(--_mut); line-height: 1.5; }
@media (prefers-reduced-motion: reduce) { .oasi-c-sad * { transition: none !important; } }