.page-donors .donors-shell { padding-top: 22px; }
.page-donors .donors-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 20px; padding:0; min-height:0; }
.page-donors .donors-hero .brand-hero { gap:16px; }
.page-donors .donors-hero .brand-logo { width:150px; flex:0 0 150px; }
.page-donors .donors-hero .brand-logo img { width:100%; height:auto; }
.page-donors .donors-hero h1 { margin:5px 0; font-size:clamp(22px,2.5vw,30px); line-height:1.2; }
.page-donors .donors-hero .brand-description { margin:0; font-size:13px; line-height:1.5; }
.page-donors .donors-hero-panel { display:flex; align-items:center; gap:12px; min-width:0; padding:0; border:0; background:none; box-shadow:none; }
.page-donors .donors-hero-panel::before,.page-donors .donors-hero-panel::after { display:none; }
.page-donors .donors-hero-panel .site-back { position:static; margin:0; white-space:nowrap; }
.page-donors .donors-header-cta { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 16px; border:1px solid #e5bf5666; border-radius:999px; color:#f9d46f; text-decoration:none; white-space:nowrap; font-size:13px; font-weight:700; }
.page-donors .donors-main { gap:18px; }
.page-donors .donors-panel { order:0; padding:22px; }
.page-donors .donors-panel-head { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:12px 24px; margin:0; }
.page-donors .donors-panel-head > div:first-child { min-width:0; }
.page-donors .donors-panel-head .donors-live-line { min-width:0; max-width:220px; }
.page-donors .donors-panel-head .chart-meta-value { display:block; font-size:23px; line-height:1.25; margin-top:4px; }
.page-donors .leaderboard-note { margin:6px 0 0; font-size:13px; line-height:1.5; }
.page-donors .donors-kpis { display:flex !important; gap:0; margin:16px 0 7px; padding:12px 0; border-top:1px solid #ffffff12; border-bottom:1px solid #ffffff12; overflow:visible; }
.page-donors .donors-kpis .metric-kpi-card { display:flex; flex:1; flex-direction:row; align-items:baseline; justify-content:center; flex-wrap:wrap; gap:8px; min-width:0; min-height:0; padding:0 12px; border:0; border-radius:0; background:none; box-shadow:none; }
.page-donors .donors-kpis .metric-kpi-card + .metric-kpi-card { border-left:1px solid #ffffff18; }
.page-donors .donors-kpis .metric-kpi-card span { color:#a8b6ca; font-size:12px; }
.page-donors .donors-kpis .metric-kpi-card strong { color:#f4f0ff; font-size:21px; line-height:1.3; }
.page-donors .donors-live-line { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; padding:0; line-height:1.5; text-align:center; }
.page-donors #donors-live-status { color:#dbe5f5; font-size:clamp(15px,1.5vw,17px); font-weight:600; font-variant-numeric:tabular-nums; }
.page-donors .donors-hourglass { width:78px; height:92px; flex:none; filter:drop-shadow(0 5px 8px #0006); }
.page-donors .donors-live-line.is-delayed #donors-live-status { color:#f9d46f; }
.page-donors .donors-podium { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:end; margin:15px 0 18px; }
.page-donors .donors-podium[hidden] { display:none; }
.page-donors .donor-podium-card { box-sizing:border-box; min-width:0; min-height:150px; padding:17px 12px; border:1px solid #5b617866; border-radius:15px; background:#181a2c; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center; color:#f4f0ff; }
.page-donors .podium-1 { grid-column:2; grid-row:1; min-height:180px; border-color:#e5bf5699; background:radial-gradient(ellipse at top,#3d3022 0%,#1d1829 72%); box-shadow:0 8px 25px #e5bf5610; }
.page-donors .podium-2 { grid-column:1; grid-row:1; }
.page-donors .podium-3 { grid-column:3; grid-row:1; border-color:#80614e88; }
.page-donors .podium-medal { color:#d1d8e7; font-size:24px; line-height:1; }
.page-donors .podium-1 .podium-medal,.page-donors .podium-1 .podium-place { color:#f9d46f; }
.page-donors .podium-3 .podium-medal { color:#d5a37b; }
.page-donors .podium-place { text-transform:uppercase; font-size:9px; letter-spacing:.08em; line-height:1.5; }
.page-donors .donor-podium-card a { display:flex; align-items:center; justify-content:center; gap:7px; color:#fff; font-size:13px; font-weight:650; overflow-wrap:anywhere; text-decoration:none; }
.page-donors .donor-podium-card a:hover { color:#f9d46f; }
.page-donors .podium-amount { font-size:27px; letter-spacing:-.03em; }
.page-donors .donor-podium-card > span:last-of-type,.page-donors .donor-podium-card small { color:#bcb6cf; font-size:11px; line-height:1.5; }
.page-donors .podium-open { border-style:dashed; background:#101a2a; min-height:145px; }
.page-donors .podium-open > strong { font-size:14px; }
.page-donors .donors-announcement { color:#a7cdb8; font-size:13px; }
.page-donors .donors-announcement:empty { display:none; }
.page-donors .donors-table tbody tr:nth-child(-n+3) td:first-child { color:#f9d46f; font-weight:700; }
.page-donors .donor-account a { display:inline-flex; align-items:center; gap:9px; }
.page-donors .donor-emoji { flex:none; font-size:22px; line-height:1; }
.page-donors .donor-podium-card .donor-emoji { font-size:18px; }
.page-donors .donation-panel { padding:20px 22px; gap:24px; scroll-margin-top:20px; }
.page-donors .donation-copy h2 { font-size:23px; margin:5px 0 8px; }
.page-donors .donation-copy p { margin-bottom:12px; font-size:13px; }
.page-donors .donation-actions { grid-template-columns:minmax(120px,1fr) minmax(160px,1.3fr); gap:8px; align-items:center; }
.page-donors .donation-actions label { grid-column:1 / -1; font-size:12px; }
.page-donors .donation-actions #donation-amount { max-width:none; padding:10px 12px; min-width:0; }
.page-donors .donation-primary-action { min-height:42px; padding:10px 12px; font-size:13px; box-sizing:border-box; }
.page-donors .donation-copy-action { grid-column:1 / -1; }
.page-donors .donation-feedback { grid-column:1 / -1; min-height:0; }
.page-donors .donation-feedback:empty { display:none; }
.page-donors :is(a,button,input):focus-visible { outline:2px solid #f9d46f; outline-offset:4px; }
/* Scope above legacy non-home rules: no inherited oversized stat cards. */
body.page-donors .donors-shell { width:min(1180px,calc(100% - 28px)) !important; margin:0 auto; padding-top:20px !important; }
body.page-donors .donors-shell .donors-hero { padding:10px 14px !important; margin-bottom:16px !important; gap:24px !important; }
body.page-donors .donors-hero .hero-copy { flex:1; width:auto; }
body.page-donors .donors-hero .brand-hero { gap:22px !important; min-width:0; }
body.page-donors .donors-hero .brand-logo img { width:150px !important; }
body.page-donors .donors-hero .brand-hero > div { min-width:0; }
body.page-donors .donors-hero h1 { white-space:normal; font-size:23px; }
body.page-donors .donors-hero .brand-description { display:block; }
body.page-donors .donors-hero .hero-panel { background:none !important; padding:0 !important; box-shadow:none !important; border:0 !important; }
body.page-donors .donors-shell .donors-main { gap:18px !important; }
body.page-donors .donors-panel .donors-kpis { padding:10px 0 !important; margin:12px 0 6px !important; }
body.page-donors .donors-panel .donors-kpis .metric-kpi-card { min-height:0 !important; padding:0 12px !important; background:none !important; border-radius:0 !important; box-shadow:none !important; }
body.page-donors .donors-kpis .metric-kpi-card::before { display:none; }
body.page-donors .donors-kpis .metric-kpi-card strong { margin:0 !important; }
/* Donation form: aligned columns, compact address row, and a clear action lane. */
body.page-donors .donors-main > .donation-panel { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:center; gap:12px 28px; padding:20px 22px; }
body.page-donors .donation-copy { min-width:0; }
body.page-donors .donation-copy h2 { margin:4px 0 6px; }
body.page-donors .donation-copy p { margin:0 0 12px; }
body.page-donors .donation-address-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; }
body.page-donors .donation-address { display:block; flex:0 1 auto; width:auto; max-width:100%; margin:0; padding:0; border:0; background:none; font-size:11px; line-height:1.6; overflow-wrap:anywhere; }
body.page-donors .donation-copy-action { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:auto; margin:0; grid-column:auto; padding:5px 10px; min-height:30px; border:1px solid #ffffff24; border-radius:8px; font-size:11px; white-space:nowrap; }
body.page-donors .donation-actions { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-content:center; gap:8px; min-width:0; }
body.page-donors .donation-actions label { margin:0; grid-column:1 / -1; line-height:1.4; }
body.page-donors .donation-actions #donation-amount { height:44px; margin:0; max-width:none; }
body.page-donors .donation-actions .donation-primary-action { height:44px; min-height:44px; margin:0; white-space:nowrap; gap:6px; }
body.page-donors .donation-popup-note { grid-column:1 / -1; color:#a8b6ca; font-size:11px; line-height:1.5; }
body.page-donors .donation-feedback { grid-column:1 / -1; margin:0; font-size:12px; line-height:1.5; }
body.page-donors .donor-identicon { display:block; flex:0 0 32px; width:32px; height:32px; object-fit:contain; }
body.page-donors .donor-account strong { min-width:0; }
body.page-donors .donor-rank { text-align:center; vertical-align:middle; }
body.page-donors .donor-podium-card a { flex-direction:column; gap:8px; max-width:100%; }
body.page-donors .donor-podium-card .donor-identicon { flex:0 0 72px; width:72px; height:72px; }
body.page-donors .podium-1 .donor-identicon { flex-basis:88px; width:88px; height:88px; }
body.page-donors #nimiq-hub-overlay { background:rgba(13,20,34,.32) !important; }
/* Clear recipient identity and quick amount choices, without tall extra cards. */
body.page-donors .donation-address-row { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:10px; padding:12px; border:1px solid #f9d46f30; border-radius:12px; background:#f9d46f05; }
body.page-donors .donation-recipient-identicon { display:block; width:48px; height:48px; }
body.page-donors .donation-recipient-details { min-width:0; }
body.page-donors .donation-recipient-label { display:block; margin-bottom:4px; color:#c6bdd6; font-size:10px; line-height:1.4; }
body.page-donors .donation-address-row .donation-address { font-size:14px; font-weight:650; line-height:1.6; color:#fff; }
body.page-donors .donation-presets { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); grid-column:1 / -1; gap:5px; }
body.page-donors .donation-presets button { min-width:0; min-height:36px; padding:7px 3px; border:1px solid #ffffff26; border-radius:8px; background:#171a2c; color:#cec9dc; font:inherit; font-size:12px; cursor:pointer; }
body.page-donors .donation-presets button:hover { border-color:#f9d46f88; color:#fff; }
body.page-donors .donation-presets button[aria-pressed="true"] { background:#f9d46f18; border-color:#f9d46faa; color:#f9d46f; font-weight:700; }
/* Amount-scaled Nimiq hexagons reuse the site's canonical flat-base mark. */
body.page-donors .nim-amount { white-space:nowrap; }
body.page-donors .nim-amount::before,
body.page-donors .donation-presets button:not([data-donation-amount="custom"])::before,
body.page-donors .donation-amount-field::before { content:""; display:inline-block; width:.9em; height:.8em; margin-right:.3em; vertical-align:-.02em; background:#f6c943; -webkit-mask:url('/assets/nimiq-hexagon-white.svg') center / contain no-repeat; mask:url('/assets/nimiq-hexagon-white.svg') center / contain no-repeat; }
body.page-donors .donation-presets button { display:flex; align-items:center; justify-content:center; min-height:44px; font-size:16px; font-weight:650; font-variant-numeric:tabular-nums; }
body.page-donors .donation-presets button::before { flex-shrink:0; }
body.page-donors .donation-amount-field { position:relative; min-width:0; height:48px; font-size:22px; }
body.page-donors .donation-amount-field::before { position:absolute; left:13px; top:50%; transform:translateY(-50%); margin:0; pointer-events:none; }
body.page-donors .donation-actions #donation-amount { height:48px; padding:8px 10px 8px 42px; font-size:22px; font-weight:650; font-variant-numeric:tabular-nums; }
body.page-donors .donation-actions .donation-primary-action { height:48px; min-height:48px; }
@media (max-width:1100px) {
  body.page-donors .donation-presets { grid-template-columns:repeat(4,minmax(0,1fr)); }
  body.page-donors .donation-presets [data-donation-amount="custom"] { grid-column:1 / -1; min-height:34px; }
  body.page-donors .donation-address-row { grid-template-columns:42px minmax(0,1fr); }
  body.page-donors .donation-recipient-identicon { width:42px; height:42px; }
  body.page-donors .donation-address-row .donation-copy-action { grid-column:2; justify-self:start; }
}
@media (max-width:760px) {
  body.page-donors .donation-address-row .donation-address { font-size:13px; }
  body.page-donors .donation-presets { grid-template-columns:repeat(4,minmax(0,1fr)); }
  body.page-donors .donation-presets button { min-height:42px; font-size:16px; }
  body.page-donors .donation-presets [data-donation-amount="custom"] { grid-column:1 / -1; min-height:34px; }
  body.page-donors .donor-podium-card .donor-identicon { flex-basis:64px; width:64px; height:64px; }
  body.page-donors .podium-1 .donor-identicon { flex-basis:80px; width:80px; height:80px; }
}
@media (max-width:760px) {
  body.page-donors .donors-main > .donation-panel { grid-template-columns:minmax(0,1fr); gap:16px; padding:16px 14px; }
  body.page-donors .donation-copy h2 { font-size:20px; }
  body.page-donors .donation-actions { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
  body.page-donors .donation-actions .donation-primary-action { font-size:12px; padding:8px; }
  body.page-donors .donation-address { font-size:10px; }
  body.page-donors .donor-account .donor-identicon { flex-basis:26px; width:26px; height:26px; }
  body.page-donors .donors-table th:first-child { width:26px; }
  body.page-donors .donor-rank .donor-emoji { font-size:21px; }
}
@media (max-width:360px) {
  body.page-donors .donation-presets button { font-size:14px; padding-inline:1px; }
  body.page-donors .donation-presets button:not([data-donation-amount="custom"])::before { width:.75em; height:.67em; margin-right:.2em; }
  body.page-donors .donors-shell .donors-hero .brand-logo,
  body.page-donors .donors-shell .donors-hero .brand-logo img { width:90px !important; }
}
@media (max-width:760px) {
  body.page-donors .donors-shell .donors-hero { display:block !important; padding:12px !important; background:#10172a; gap:0 !important; }
  body.page-donors .donors-hero::before,body.page-donors .donors-hero::after { display:none; }
  body.page-donors .donors-shell .donors-hero .hero-copy { padding:0 !important; display:block !important; }
  body.page-donors .donors-hero .brand-hero { display:block !important; }
  body.page-donors .donors-hero .brand-logo { display:block; width:115px; margin:0 0 12px; }
  body.page-donors .donors-hero .brand-logo img { width:115px !important; }
  body.page-donors .donors-hero h1 { font-size:20px; text-wrap:initial; }
  body.page-donors .donors-hero .brand-description { display:none; }
  body.page-donors .donors-shell .donors-hero .hero-panel { position:absolute; top:12px; right:12px; width:auto !important; gap:6px; }
  body.page-donors .donors-hero .hero-panel .donors-header-cta { display:inline-flex !important; min-height:34px; padding:0 10px; font-size:11px; }
  body.page-donors .donors-panel .donors-panel-head { display:grid !important; grid-template-columns:minmax(0,1fr) 110px !important; align-items:center !important; gap:12px; }
  body.page-donors .donors-panel-head > div:first-child { grid-column:1; grid-row:1; }
  body.page-donors .donors-panel-head .donors-live-line { grid-column:2; grid-row:1 / 3; }
  body.page-donors .donors-panel-head #donors-refresh { grid-column:1; grid-row:2; justify-self:start; }
  body.page-donors .donors-panel-head #donors-live-status { font-size:14px; white-space:normal; max-width:100%; }
  body.page-donors .donors-shell .donors-panel { margin-top:0; }
  body.page-donors .donors-kpis .metric-kpi-card span { font-size:9px; letter-spacing:.03em; }
  body.page-donors .donors-kpis .metric-kpi-card strong { font-size:18px; }
  body.page-donors .donors-panel .donors-kpis .metric-kpi-card { padding:0 4px !important; }

  .page-donors .donors-shell { padding-top:16px; }
  .page-donors .donors-hero { flex-wrap:wrap; gap:12px; margin-bottom:16px; }
  .page-donors .donors-hero .brand-hero { align-items:flex-start; gap:12px; }
  .page-donors .donors-hero .brand-logo { width:90px; flex-basis:90px; margin:0; }
  .page-donors .donors-hero h1 { font-size:22px; }
  .page-donors .donors-hero .brand-description { font-size:12px; }
  .page-donors .donors-hero-panel { width:100%; justify-content:space-between; }
  .page-donors .donors-panel { padding:16px 12px; }
  .page-donors .donors-panel-head .chart-meta-value { font-size:20px; }
  .page-donors .leaderboard-note { font-size:12px; }
  .page-donors .donors-kpis { padding:10px 0; margin-top:12px; }
  .page-donors .donors-kpis .metric-kpi-card { flex-direction:column; align-items:center; gap:4px; padding:0 4px; }
  .page-donors .donors-kpis .metric-kpi-card span { font-size:10px; }
  .page-donors .donors-kpis .metric-kpi-card strong { font-size:18px; }
  .page-donors .donors-podium { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:12px; }
  .page-donors .donors-podium .podium-1 { grid-column:1 / -1; grid-row:1; min-height:0; padding:14px 10px; gap:6px; }
  .page-donors .donors-podium .podium-2 { grid-column:1; grid-row:2; }
  .page-donors .donors-podium .podium-3 { grid-column:2; grid-row:2; }
  .page-donors .donor-podium-card { min-height:110px; padding:12px 8px; gap:6px; }
  .page-donors .podium-open { min-height:95px; }
  .page-donors .podium-open > strong { font-size:12px; }
  .page-donors .podium-open > span:last-child { display:none; }
  .page-donors .donors-table { min-width:0; width:100%; table-layout:fixed; }
  .page-donors .donors-table th,.page-donors .donors-table td { padding:12px 6px; font-size:11px; }
  body.page-donors .donors-table th { white-space:normal; letter-spacing:.03em; overflow-wrap:normal; }
  .page-donors .donors-table th:first-child { width:20px; }
  .page-donors .donors-table th:nth-child(3) { width:86px; }
  .page-donors .donors-table th:nth-child(4),.page-donors .donors-table td:nth-child(4),.page-donors .donors-table th:nth-child(5),.page-donors .donors-table td:nth-child(5) { display:none; }
  .page-donors .donor-account a { max-width:100%; gap:5px; }
  .page-donors .donor-account strong { overflow-wrap:anywhere; }
  .page-donors .donor-emoji { font-size:19px; }
  .page-donors .donation-panel { grid-template-columns:1fr; padding:18px 14px; gap:16px; }
  .page-donors .donation-copy h2 { font-size:21px; }

}
