/* DanielChe.xyz — Donation reference system v1.1 candidate (2026-10-15).
 * Uses immutable v1.0 palette/tokens. Opt-in to Donate RU/EN only.
 * Rules here are exemplary patterns for subsequent reviewed page adaptations.
 * No alteration of providers, payees, wallets, payment warnings or site navigation.
 */

.dc-site-v1.personal-donate{
  --dc-reference-body:16px;
  --dc-reference-caption:14px;
  --dc-reference-card-copy:14.5px;
  --dc-reference-section-gap:clamp(35px,4.2vw,52px);
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}

/* Human-readable masthead. DanielChe.xyz remains the domain, not the visible name. */
.dc-site-v1.personal-donate .top .brand-name{
  color:var(--dc-dark-copy);
  font-weight:850;
  letter-spacing:-.012em;
  line-height:1.15;
}
.dc-site-v1.personal-donate .top .brand{
  gap:10px;
}
.dc-site-v1.personal-donate .top .language{
  min-height:44px;
  padding:9px 13px;
  font-weight:760;
  letter-spacing:.01em;
}

/* Type hierarchy: strong display text with breathing room between letters. */
.dc-site-v1.personal-donate .donate-hero h1{
  /* Avoid the visibly colliding heavy Cyrillic pairs in "Поддержать". */
  font-weight:800;
  font-kerning:normal;
  letter-spacing:.012em;
  word-spacing:.025em;
  line-height:1.095;
  text-wrap:balance;
  overflow-wrap:normal;
}
.dc-site-v1.personal-donate .donate-hero-lead{
  font-size:clamp(17px,1.68vw,20px);
  line-height:1.53;
  max-width:51ch;
  letter-spacing:.002em;
}
.dc-site-v1.personal-donate .donate-chips a{
  min-height:42px;
  padding:9px 13px;
  font-size:13px;
  line-height:1.35;
  letter-spacing:.005em;
  transition:background var(--dc-transition-fast) ease,
             border-color var(--dc-transition-fast) ease;
}

/* Consistent section rhythm, legible card descriptions, 44px+ actions. */
.dc-site-v1.personal-donate .donate-section{
  scroll-margin-top:84px;
}
.dc-site-v1.personal-donate .donate-section-head h2{
  font-size:clamp(28px,2.9vw,36px);
  font-weight:820;
  line-height:1.16;
  letter-spacing:.004em;
  text-wrap:balance;
}
.dc-site-v1.personal-donate .donate-section-head p:not(.donate-kicker){
  color:var(--dc-muted);
  font-size:15.5px;
  line-height:1.55;
  max-width:68ch;
  margin-top:7px;
}
.dc-site-v1.personal-donate .payment-card{
  border-radius:var(--dc-radius-card);
  min-width:0;
  transition:border-color var(--dc-transition-fast) ease,
             box-shadow var(--dc-transition-fast) ease;
}
.dc-site-v1.personal-donate .payment-card h3{
  font-size:clamp(17px,1.5vw,20px);
  font-weight:820;
  letter-spacing:.006em;
  line-height:1.24;
}
.dc-site-v1.personal-donate .payment-description{
  font-size:var(--dc-reference-card-copy);
  line-height:1.56;
  color:#4e473d;
  margin-top:13px;
}
.dc-site-v1.personal-donate .payment-card .payment-link{
  min-height:46px;
  padding:11px 15px;
  font-size:var(--dc-reference-caption);
  font-weight:780;
  line-height:1.32;
}
.dc-site-v1.personal-donate .consult-kind{
  font-size:12.5px;
  line-height:1.5;
  letter-spacing:.025em;
}
.dc-site-v1.personal-donate .consult-top h3{
  font-size:clamp(20px,2vw,24px);
  font-weight:820;
  line-height:1.25;
  letter-spacing:.005em;
}
.dc-site-v1.personal-donate .consult-card>p{
  font-size:15.5px;
  line-height:1.6;
}
.dc-site-v1.personal-donate .consult-action{
  min-height:48px;
  border-radius:var(--dc-radius-small);
  line-height:1.45;
}
.dc-site-v1.personal-donate .personal-wallet-description,
.dc-site-v1.personal-donate .personal-crypto-warning p{
  font-size:14px;
  line-height:1.6;
}
.dc-site-v1.personal-donate .personal-wallet-qr-note{
  font-size:13px;
  line-height:1.55;
}
.dc-site-v1.personal-donate .donate-ngo-panel p:not(.donate-kicker){
  font-size:15px;
  line-height:1.65;
  max-width:64ch;
}
/* Reference parity: local-bank payment cards follow the exact visual hierarchy
 * of the regular provider cards. Avoid two overwide, unusually short bank slabs.
 * Copy remains a brief visitor-facing UAH descriptor; no audit-only labels. */
.dc-site-v1.personal-donate .payment-grid--bank{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.dc-site-v1.personal-donate .payment-grid--bank>.payment-card:nth-child(1){
  grid-column:2;
}
.dc-site-v1.personal-donate .payment-grid--bank>.payment-card:nth-child(2){
  grid-column:3;
}
.dc-site-v1.personal-donate .payment-grid--bank .payment-card--bank-confirmed{
  min-width:0;
  min-height:185px;
  display:flex;
  flex-direction:column;
  gap:0;
  padding:15px;
  border:1px solid var(--dc-stroke);
  border-radius:var(--dc-radius-card);
  background:var(--dc-panel);
  box-shadow:var(--dc-shadow-card);
}
.dc-site-v1.personal-donate .payment-grid--bank .payment-card-head{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:53px;
  padding:4px 0;
}
.dc-site-v1.personal-donate .payment-grid--bank .payment-mark-frame{
  width:46px;
  height:46px;
  flex:0 0 46px;
  border-radius:9px;
}
.dc-site-v1.personal-donate .payment-grid--bank .payment-mark-frame .payment-icon{
  width:44px;
  height:44px;
  max-width:44px;
  max-height:44px;
  object-fit:contain;
}
.dc-site-v1.personal-donate .payment-grid--bank .payment-card-heading h3{
  font-size:18px;
  line-height:1.25;
  letter-spacing:.005em;
  overflow-wrap:anywhere;
}
.dc-site-v1.personal-donate .payment-grid--bank .payment-description{
  font-size:var(--dc-reference-card-copy);
  line-height:1.56;
  margin:12px 0 14px;
  min-height:2.75em;
  flex-grow:1;
}
.dc-site-v1.personal-donate .payment-grid--bank .payment-link{
  min-height:46px;
  padding:11px 12px;
  margin-top:auto;
  font-size:var(--dc-reference-caption);
}
/* Same responsive card columns as the rest of the payment directory. */
@media(max-width:1180px){
  .dc-site-v1.personal-donate .payment-grid--bank{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .dc-site-v1.personal-donate .payment-grid--bank>.payment-card:nth-child(n){
    grid-column:auto;
  }
}
@media(max-width:690px){
  .dc-site-v1.personal-donate .payment-grid--bank{
    gap:11px;
  }
  .dc-site-v1.personal-donate .payment-grid--bank .payment-card--bank-confirmed{
    min-height:180px;
    padding:13px;
  }
  .dc-site-v1.personal-donate .payment-grid--bank .payment-card-head{
    min-height:52px;
  }
  .dc-site-v1.personal-donate .payment-grid--bank .payment-description{
    font-size:14.5px;
    min-height:0;
  }
}
@media(max-width:520px){
  .dc-site-v1.personal-donate .payment-grid--bank{
    grid-template-columns:minmax(0,1fr);
  }
  .dc-site-v1.personal-donate .payment-grid--bank .payment-card--bank-confirmed{
    min-height:165px;
  }
}

/* Critical information is content, not fine print. */
.dc-site-v1.personal-donate .consult-legal,
.dc-site-v1.personal-donate .personal-binance-secondary{
  font-size:13.5px;
  line-height:1.64;
}

/* Editorial-style social strip from the PW footer in Daniel Che palette. */
.dc-site-v1.personal-donate .donate-social-band{
  grid-template-columns:minmax(0,1fr);
  gap:0;
  padding-block:24px;
}
.dc-site-v1.personal-donate .donate-social-links{
  gap:8px 13px;
}
.dc-site-v1.personal-donate .donate-social-icon .donate-social-glyph{
  width:22px;
  height:22px;
}
/* Icon-only Mixcloud mark; accessible name stays in the link. */
.dc-site-v1.personal-donate .donate-social-icon[href*="mixcloud"] .donate-social-glyph{
  width:32px;
  height:32px;
}
.dc-site-v1.personal-donate .donate-footer-bottom{
  color:#c5c0b5;
  font-size:13px;
}
.dc-site-v1.personal-donate :is(.donate-chips a,.payment-link,.consult-action,
.personal-wallet-copy,.donate-social-icon,.donate-footer-bottom a):focus-visible{
  outline:3px solid #ffbc11;
  outline-offset:3px;
}
@media(hover:none){
  .dc-site-v1.personal-donate .payment-card:hover{
    transform:none;
  }
}

@media(max-width:900px){
  .dc-site-v1.personal-donate .donate-section-head h2{
    font-size:clamp(26px,3.7vw,32px);
  }
  .dc-site-v1.personal-donate .payment-description{
    font-size:14.5px;
  }
}
@media(max-width:690px){
  .dc-site-v1.personal-donate .top .brand{
    gap:8px;
  }
  .dc-site-v1.personal-donate .top .brand-name{
    font-size:20px;
    letter-spacing:-.01em;
  }
  .dc-site-v1.personal-donate .top .language{
    min-height:40px;
    padding:7px 12px;
  }
  .dc-site-v1.personal-donate .donate-hero h1{
    font-size:clamp(36px,9.45vw,47px);
    letter-spacing:.01em;
    word-spacing:.02em;
    line-height:1.105;
    text-wrap:balance;
  }
  .dc-site-v1.personal-donate .donate-hero-lead{
    font-size:16px;
    line-height:1.53;
  }
  .dc-site-v1.personal-donate .donate-chips a{
    min-height:42px;
    padding:9px 11px;
    font-size:12.5px;
  }
  .dc-site-v1.personal-donate .donate-section{
    scroll-margin-top:72px;
  }
  .dc-site-v1.personal-donate .donate-section-head h2{
    font-size:clamp(26px,7.2vw,30px);
    letter-spacing:.003em;
  }
  .dc-site-v1.personal-donate .donate-section-head p:not(.donate-kicker){
    font-size:15px;
    line-height:1.55;
  }
  .dc-site-v1.personal-donate .payment-card h3{
    font-size:18px;
  }
  .dc-site-v1.personal-donate .payment-description{
    font-size:14.5px;
    line-height:1.56;
  }
  .dc-site-v1.personal-donate .payment-card .payment-link{
    min-height:46px;
    font-size:14px;
  }
  .dc-site-v1.personal-donate .consult-card>p{
    font-size:15px;
  }
  .dc-site-v1.personal-donate .donate-ngo-panel p:not(.donate-kicker){
    font-size:14.5px;
  }
  .dc-site-v1.personal-donate .donate-social-icon[href*="mixcloud"] .donate-social-glyph{
    width:32px;height:32px;
  }
}
@media(prefers-reduced-motion:reduce){
  .dc-site-v1.personal-donate .donate-chips a,
  .dc-site-v1.personal-donate .payment-card{
    transition:none;
  }
}