/* RELEASE 33 — Donation header integration.
   Keeps the site brand and Donation on one row, with existing navigation below. */
.topbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:18px!important;
  row-gap:12px!important;
  flex-wrap:unset!important;
}
.topbar>.brand{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  flex:none!important;
  justify-self:start!important;
}
.topbar>.donation-header-link{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  display:block!important;
  text-align:right!important;
  line-height:1.05!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.topbar>.donation-header-link strong{
  display:block!important;
  color:var(--accent,#b43b2f)!important;
  font-size:1.04rem!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.topbar>.donation-header-link small{
  display:block!important;
  margin-top:5px!important;
  color:var(--muted,#68727d)!important;
  font-size:.67rem!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.topbar>.donation-header-link:hover strong,
.topbar>.donation-header-link:focus-visible strong{
  text-decoration:underline!important;
  text-underline-offset:4px!important;
}
.topbar>.donation-header-link:focus-visible{
  outline:3px solid rgba(180,59,47,.28)!important;
  outline-offset:5px!important;
  border-radius:8px!important;
}
.topbar>.donation-header-link[aria-current="page"] strong{
  color:var(--ink,#17212b)!important;
}
.topbar>.site-nav,
.topbar>nav:not(.donation-header-link){
  grid-column:1!important;
  grid-row:2!important;
  width:auto!important;
  min-width:0!important;
  margin-left:0!important;
  justify-self:start!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
  padding-bottom:0!important;
}
.topbar>.progress-wrap,
.topbar>.reference-pill{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:end!important;
  align-self:center!important;
  margin-left:0!important;
}
@media(max-width:760px){
  .topbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:11px!important;
    row-gap:11px!important;
  }
  .topbar>.brand{font-size:.94rem!important}
  .topbar>.brand small{font-size:.59rem!important;letter-spacing:.065em!important}
  .topbar>.donation-header-link strong{font-size:.84rem!important;letter-spacing:.09em!important}
  .topbar>.donation-header-link small{font-size:.55rem!important;letter-spacing:.06em!important}
  .topbar>.site-nav,
  .topbar>nav:not(.donation-header-link){
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    flex-wrap:wrap!important;
  }
  .topbar>.progress-wrap,
  .topbar>.reference-pill{
    grid-column:1/-1!important;
    grid-row:3!important;
    width:100%!important;
    justify-self:stretch!important;
  }
}
@media(max-width:430px){
  .topbar>.brand{font-size:.85rem!important}
  .topbar>.brand small{font-size:.51rem!important}
  .topbar>.donation-header-link strong{font-size:.76rem!important}
  .topbar>.donation-header-link small{display:none!important}
}


/* RELEASE 34 — localized donation visibility and landing-page support cards. */
.donation-landing-section{margin:20px 0}
.donation-landing-card{
  display:block;
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#fff,#f7efe5);
  border:1px solid var(--line,#ded8ce);
  border-top:5px solid var(--accent,#b43b2f);
  border-radius:24px;
  padding:26px;
  box-shadow:var(--shadow,0 10px 30px rgba(23,33,43,.08));
  text-decoration:none;
  color:inherit;
  transition:transform .15s ease,box-shadow .15s ease;
}
.donation-landing-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(23,33,43,.12)}
.donation-landing-card:focus-visible{outline:3px solid rgba(180,59,47,.35);outline-offset:4px}
.donation-landing-card .donation-card-eyebrow{
  color:var(--accent,#b43b2f);
  font-size:.76rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.donation-landing-card h2,.donation-landing-card h3{margin:8px 0 10px;letter-spacing:-.025em}
.donation-landing-card p{max-width:820px;color:var(--muted,#68727d);line-height:1.62}
.donation-landing-card .donation-card-button{
  display:inline-block;
  margin-top:8px;
  border-radius:999px;
  padding:11px 15px;
  background:var(--accent,#b43b2f);
  color:#fff;
  font-weight:900;
}
.course-choice.donation-choice{border-top-color:var(--accent,#b43b2f);background:linear-gradient(135deg,#fff,#f7efe5)}
.course-choice.donation-choice .bilingual-line{display:block;margin-top:7px;color:var(--muted,#68727d);font-size:.94rem}
@media(max-width:760px){.donation-landing-card{padding:20px}}


/* RELEASE 35 — Support Our Mission wording. */
.topbar>.donation-header-link{max-width:330px!important;white-space:normal!important}
.topbar>.donation-header-link strong,.topbar>.donation-header-link small{overflow-wrap:anywhere!important}
@media(max-width:430px){.topbar>.donation-header-link{max-width:165px!important}}

/* Support link locked to the right side of the header. */
.topbar>.donation-header-link{justify-self:end!important;text-align:right!important;margin-left:auto!important}