:root{--accent:#2b7de9}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:#0f2233;line-height:1.6;background:#fff}
a{color:var(--accent);text-decoration:none}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e6e9ef;background:#fff;position:sticky;top:0;z-index:1000}
.logo{display:flex;align-items:center;font-weight:900}
.logo-icon{height:42px;width:auto;margin-right:10px;object-fit:contain;display:block}
.logo-text{font-size:32px;line-height:1;display:flex;align-items:center}
.menu-toggle{font-size:26px;background:transparent;border:0;cursor:pointer}
.nav{display:none;position:absolute;right:16px;top:62px;background:#fff;border:1px solid #e6e9ef;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:10px}
.nav a{display:block;padding:8px 12px;white-space:nowrap}
.nav.open{display:block}
@media(min-width:1100px){
  .menu-toggle{display:none}
  .nav{position:static;display:flex;border:none;box-shadow:none;padding:0}
  .nav a{display:inline-block;margin-left:14px}
}
.hero{position:relative}
.hero img{width:100%;max-height:80vh;object-fit:contain;display:block}
.hero-mask{position:absolute;left:0;right:0;bottom:0;height:18%;pointer-events:none;background:linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0.0) 70%);}
.hero-btn{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);}
.hero + main{margin-top:28px}
.content{max-width:1100px;margin:26px auto;padding:0 16px}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:700;background:var(--accent);color:#fff}
.btn.donate.ghost{background:#fff;border:2px solid var(--accent);color:var(--accent)}
.btn:hover{opacity:.92}
.donation-buttons{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.donation-buttons.donate-page{margin-top:22px}
.pdf-embed{width:100%;height:80vh;border:1px solid #e6e9ef;border-radius:8px}
.site-footer{text-align:center;padding:24px;border-top:1px solid #e6e9ef;background:#f8fafc;margin-top:32px}
.faq details{border:1px solid #e6e9ef;border-radius:10px;background:#fff;margin:10px 0}
.faq summary{padding:12px 14px;cursor:pointer;font-weight:700}
.faq details>p{padding:0 14px 12px}
.protocol-full h1,.protocol-full h2,.protocol-full h3{margin-top:20px}
.protocol-full ul{padding-left:24px}


/* Header title style (black, bold) */
.logo-text{color:#000;font-weight:800;font-size:28px;letter-spacing:.3px;}
.logo-icon{height:46px;width:auto;margin-right:10px;object-fit:contain;display:block;}


/* --- Widescreen image layout (2025-10-23) --- */
img.widescreen { 
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  height: auto;
}
/* Ensure hero and section blocks can go edge-to-edge */
.hero, .hero-cta, section, .content img.widescreen {
  margin: 0;
  padding: 0;
}
/* Simple nav layout so Donate sits beside Home */
.site-header, .site-nav { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.site-nav a { text-decoration: none; padding: 8px 10px; }
.site-nav .donate-top { border: 1px solid var(--accent, #2b7de9); border-radius: 6px; }
.pdf-viewer { margin: 24px 0; }


/* --- Header logo guard (2025-10-23) --- */
header .logo img, .site-header .logo img, header img.logo {
  aspect-ratio: auto !important;
  object-fit: contain !important;
  width: auto;
  height: 48px;
  max-height: 60px;
}