:root{--donation-navy:#17364e;--donation-teal:#006f69;--donation-red:#a42e3d;--donation-cream:#f5f1e8;--donation-ink:#20324a;--donation-border:#ccd9d6}
.donation-header{background:#fff;border-bottom:1px solid var(--donation-border)}
.donation-nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:1rem;padding-bottom:1rem}
.donation-brand{display:flex;align-items:center;gap:.8rem;color:var(--donation-ink);text-decoration:none}.donation-brand img{width:56px;height:56px;object-fit:cover;border-radius:50%}.donation-brand span{display:grid}.donation-brand strong{font-size:1.15rem}.donation-brand small{font-size:.68rem;letter-spacing:.08em}.donation-nav nav{display:flex;gap:1.2rem}.donation-nav nav a{color:var(--donation-ink)}
.donation-main{min-height:65vh;background:linear-gradient(180deg,#fff 0,var(--donation-cream) 100%);padding:3.5rem 0 5rem}.donation-intro{max-width:850px;text-align:center}.donation-intro h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.02;margin:.5rem 0 1rem;color:var(--donation-navy)}.donation-intro>p:not(.eyebrow){max-width:750px;margin:.65rem auto}.ko-copy{font-family:"Noto Sans KR",system-ui,sans-serif;line-height:1.8}
.donation-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(1.5rem,5vw,4rem);align-items:start;margin-top:3rem}.donation-story img{width:100%;max-height:360px;object-fit:cover;border-radius:18px}.donation-story h2{font-size:2rem;color:var(--donation-navy)}.donation-story li{margin:.5rem 0}.donation-note{border-left:4px solid var(--donation-teal);padding:.75rem 1rem;background:#fff}
.donation-card,.receipt-card{background:#fff;border:1px solid var(--donation-border);border-radius:18px;box-shadow:0 18px 50px rgba(23,54,78,.12);padding:clamp(1.25rem,4vw,2.2rem)}.donation-card h2{margin-top:0;color:var(--donation-navy)}.donation-card form{display:grid;gap:1.5rem}.donation-card fieldset{border:0;padding:0;margin:0}.donation-card legend,.note-field>label,.custom-amount>label{font-weight:750;margin-bottom:.65rem}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.frequency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice{display:flex;min-height:48px;align-items:center;border:1px solid var(--donation-border);border-radius:9px;padding:.75rem;cursor:pointer;background:#fff}.choice:hover{background:#f2f7f6}.choice.selected{background:var(--donation-teal);border-color:var(--donation-teal);color:#fff}.choice input{position:absolute;opacity:0}.choice span{display:grid}.choice small{font-size:.75rem;opacity:.8;margin-top:.15rem}.choice:focus-within{outline:3px solid #ffbf47;outline-offset:2px}.custom-amount{margin-top:.8rem}.custom-amount>div{display:flex;align-items:center;border:1px solid var(--donation-border);border-radius:9px;padding:0 .85rem}.custom-amount input{width:100%;border:0;padding:.8rem;font:inherit;outline:0}.field-hint,.secure-note{font-size:.78rem;color:#5c6e80}.field-error,.checkout-error{color:#902c23;margin:.4rem 0 0}.check-row{display:flex;gap:.7rem;align-items:flex-start}.check-row input{width:1.1rem;height:1.1rem;margin-top:.15rem}.note-field{display:grid}.note-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--donation-border);border-radius:9px;padding:.75rem;font:inherit}.note-field>span{justify-self:end;font-size:.75rem;color:#5c6e80}.donate-button{min-height:52px;border:0;border-radius:9px;background:var(--donation-red);color:#fff;font:inherit;font-weight:750;cursor:pointer}.donate-button:hover{filter:brightness(.93)}.donate-button:disabled{opacity:.6;cursor:wait}.secure-note{text-align:center;margin:0}.single-frequency{background:#f2f7f6;padding:.75rem;border-radius:9px}
.receipt-card{max-width:680px;text-align:center}.receipt-card h1{color:var(--donation-navy)}.receipt-card .btn{display:inline-block;margin-top:1rem}.donation-footer{background:var(--donation-navy);color:#fff;padding:1.4rem 0}.donation-footer .wrap{display:flex;justify-content:space-between;gap:1rem}.donation-footer a{color:#fff}
@media(max-width:760px){.donation-nav{align-items:flex-start}.donation-nav nav{display:none}.donation-main{padding-top:2rem}.donation-layout{grid-template-columns:1fr}.donation-story img{max-height:35vh}.donation-card{order:-1}.donation-intro{text-align:left}.donation-intro h1{font-size:2.5rem}.donation-brand small{display:none}}
@media(max-width:380px){.choice-grid{grid-template-columns:1fr}.donation-card{padding:1rem}.donation-brand img{width:45px;height:45px}.donation-main{padding-top:1.25rem}}

.recognition{border-top:1px solid var(--donation-border)!important;padding-top:1.2rem!important}.recognition-grid{display:grid;gap:.55rem}.recognition-grid .choice{min-height:44px}.public-name{display:grid;gap:.4rem;margin-top:.8rem;font-weight:700}.public-name input{border:1px solid var(--donation-border);border-radius:9px;padding:.75rem;font:inherit}.recognition+.check-row{border-top:1px solid var(--donation-border);padding-top:1rem}

.donation-header .mast .btn{white-space:nowrap}
.donation-header .nav .wrap{gap:clamp(14px,2vw,28px);overflow-x:auto;scrollbar-width:none}
.donation-header .nav .wrap::-webkit-scrollbar{display:none}
.donation-header .mobile-menu a[aria-current="page"]{color:var(--red);font-weight:700}
@media(max-width:760px){.donation-header .mobile-menu.open{background:#fff}.donation-header .mobile-menu .text-link{justify-content:space-between}}

/* Donation mobile-first quality pass: 2026-11-04 */
@media(max-width:760px){
  .donation-main{padding:1.75rem 0 3rem}
  .donation-intro h1{font-size:clamp(2.15rem,11vw,2.75rem)}
  .donation-intro>p:not(.eyebrow){font-size:.95rem}
  .donation-layout{margin-top:1.75rem;gap:1.5rem}
  .donation-card{padding:1.15rem}
  .donation-card form{gap:1.25rem}
  .choice{min-height:52px;padding:.8rem}
  .donation-card input:not([type=checkbox]):not([type=radio]),
  .donation-card select,.donation-card textarea{font-size:16px}
  .check-row{min-height:48px;padding:6px 0}
  .check-row input{width:22px;height:22px;flex:0 0 22px}
  .donate-button{min-height:56px}
  .donation-footer .wrap{align-items:center}
  .donation-footer a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:420px){
  .donation-intro{text-align:left}
  .donation-story img{max-height:28vh}
  .donation-card h2{font-size:1.85rem}
  .amount-choice strong{font-size:1rem}
}