/* The club's Västerås initiative. Shared navigation and chrome stay in club-about.css. */
.support-page{background:radial-gradient(ellipse at 85% 0%,#e1ecf7,transparent 48%),#f3f6fa}
.support-hero{padding:clamp(28px,4vw,48px);border:1px solid #2b70af;border-left:6px solid #f4ce43;border-radius:20px;background:linear-gradient(120deg,#103f70,#1468b6);color:#fff;box-shadow:0 10px 28px #103f7012}
.support-eyebrow{margin:0 0 14px;color:#ffedb0;font-size:11px;font-weight:750;letter-spacing:1.5px;text-transform:uppercase}
.support-hero h1{max-width:930px;margin:0;color:#fff;font-size:clamp(29px,4.3vw,46px);font-weight:750;line-height:1.2;letter-spacing:-.9px;text-wrap:balance;overflow-wrap:break-word}
.support-story{padding:clamp(22px,3.6vw,40px);border:1px solid #d3e1ed;border-radius:20px;background:#fff;box-shadow:0 5px 20px #173a5e05}
.support-story>p{max-width:930px;margin:0;color:#455e75;font-size:16px;line-height:1.85}
.support-story>p+p{margin-top:20px}
.support-donors{margin-top:30px;padding-top:26px;border-top:1px solid #dae5ef}
.support-story h2{margin:0 0 17px;color:#173a5e;font-size:21px;font-weight:750;line-height:1.35}
.support-donor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.support-page .support-donor{display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0;min-height:135px;padding:22px 20px;border:1px solid #d3e1ed;border-top:4px solid #f4ce43;border-radius:13px;background:#f4f8fc;color:#173a5e;text-decoration:none;transition:background .18s,border-color .18s}
.support-donor strong{font-size:19px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}
.support-donor-link{display:flex;align-items:center;gap:8px;color:#215b90;font-size:12px;font-weight:650}
.support-donor-link svg{width:17px;height:17px}
.support-page .support-donor:hover{border-color:#91b2d0;border-top-color:#e2bd35;background:#eaf3fc}
.support-donor:hover .support-donor-link{text-decoration:underline;text-underline-offset:4px}
.support-thanks{margin-top:28px;padding:24px 26px;border:1px solid #eddca5;border-left:4px solid #d7ac2a;border-radius:0 13px 13px 0;background:#fff9e9}
.support-thanks h2{margin-bottom:10px}
.support-thanks p{max-width:900px;margin:0;color:#5c5033;font-size:15px;line-height:1.85}
@media screen{
  html[data-theme="dark"] .support-story{border-color:var(--theme-line);background:var(--theme-surface);box-shadow:none}
  html[data-theme="dark"] .support-story>p{color:var(--theme-muted)}
  html[data-theme="dark"] .support-donors{border-color:var(--theme-line)}
  html[data-theme="dark"] .support-page .support-donor{border-color:var(--theme-line);border-top-color:#f4ce43;background:var(--theme-raised);color:var(--theme-text)}
  html[data-theme="dark"] .support-donor-link{color:var(--theme-link)}
  html[data-theme="dark"] .support-page .support-donor:hover{border-color:#6c92b6;border-top-color:#ffe083;background:var(--theme-hover)}
  html[data-theme="dark"] .support-thanks{border-color:#635336;border-left-color:var(--theme-gold);background:#29281f}
  html[data-theme="dark"] .support-thanks p{color:#ddcfad}
}
@media(max-width:760px){
  .support-hero{padding:27px 23px;border-radius:16px}
  .support-hero h1{font-size:clamp(27px,5.5vw,38px);letter-spacing:-.6px}
  .support-eyebrow{font-size:10px;letter-spacing:1px}
  .support-story{padding:24px 21px;border-radius:16px}
  .support-story>p{font-size:15px;line-height:1.8}
  .support-donor-grid{grid-template-columns:1fr;gap:12px}
  .support-page .support-donor{min-height:112px;padding:19px 20px;gap:14px}
  .support-story h2{font-size:20px}
  .support-thanks{padding:20px 18px}
  .support-thanks p{font-size:14px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.support-donor{transition:none}}
@media print{
  .support-hero{border:1px solid #173a5e;border-left:4px solid #d7ac2a;background:#fff;box-shadow:none}
  .support-hero h1,.support-eyebrow{color:#173a5e!important}
  .support-story{box-shadow:none}
  .support-donor,.support-thanks{break-inside:avoid}
}