/* Mobile fixes, 4 October 2026: stack inline two-column grids and let wide tables scroll */
@media (max-width: 820px){
  .block .wrap[style*="grid-template-columns"],
  .page-content .wrap[style*="grid-template-columns"]{grid-template-columns:1fr !important;gap:28px !important;}
  .entry-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
}

/* Palette 2026-10: deep-space navy, warm off-white, teal, citrus, coral (8 October 2026) */
:root{
  --navy:#101C35; --teal:#20AFA3; --teal-ink:#0B746C; --teal-pale:#D3F0EC;
  --citrus:#CBE96B; --citrus-hover:#B9DD4E; --coral:#FF806B; --on-navy:#D5DCE6;
  --cream:#F6F7F3; --cream-deep:#FFFFFF; --stone:#DCE1E4;
  --forest:#101C35; --forest-deep:#101C35; --forest-mid:#3A4658;
  --ink:#1C2938; --sage:#CBE96B; --sage-deep:#0B746C; --sage-pale:#D3F0EC;
  --terracotta:#0B746C; --gray:#5A6676; --gray-light:#5A6676; --gray-pale:#DCE1E4;
}
a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:3px}

/* Buttons: citrus = the one primary action, outline = secondary */
.btn-primary,.btn-primary:visited{background:var(--citrus);color:var(--navy);border-color:var(--citrus)}
.btn-primary:hover{background:var(--citrus-hover);color:var(--navy);border-color:var(--citrus-hover)}
.btn-outline:hover{border-color:var(--teal-ink);color:var(--teal-ink)}
.btn-outline-light{color:var(--on-navy);border-color:rgba(255,255,255,.35);font-weight:500}
.btn-outline-light:hover{color:#fff;border-color:var(--teal);background:transparent}

/* Header */
.site-header{background:var(--navy);border-bottom-color:rgba(255,255,255,.08)}
.site-logo img{filter:brightness(0) invert(1)}
.primary-nav > ul > li > a{color:var(--on-navy)}
.primary-nav > ul > li > a:hover{color:#fff}
.primary-nav > ul > li.current-menu-item > a,.primary-nav > ul > li.current-menu-ancestor > a{color:#fff;box-shadow:inset 0 -2px 0 var(--teal)}
.primary-nav > ul > li.btn-primary > a,.primary-nav > ul > li.btn-primary > a:hover{color:var(--navy);box-shadow:none}
.primary-nav .sub-menu a,.primary-nav .sub-menu a:hover{color:var(--ink)}
.primary-nav .sub-menu a:hover{color:var(--teal-ink)}
.primary-nav.open a{color:var(--ink)}
.primary-nav.open li.btn-primary > a{color:var(--navy)}
.nav-toggle span{background:#fff}
.search-toggle{color:var(--on-navy)}
.search-toggle:hover,.search-toggle[aria-expanded="true"]{color:#fff;background:rgba(255,255,255,.1)}

/* Hero: navy overlay with a teal glow, readable intro text */
.hero{background-color:var(--navy);background-image:linear-gradient(100deg,rgba(16,28,53,.92) 0%,rgba(16,28,53,.7) 42%,rgba(16,28,53,.3) 70%,rgba(16,28,53,.12) 100%),url('/wp-content/themes/melissa-foundation/assets/img/hero-melissa-dome.jpg')}
.hero::before{background:radial-gradient(560px 380px at 80% 40%,rgba(32,175,163,.30),transparent 70%),linear-gradient(100deg,rgba(16,28,53,.9) 0%,rgba(16,28,53,.7) 42%,rgba(16,28,53,.32) 70%,rgba(16,28,53,.14) 100%)}
.hero-kicker{color:var(--teal)}
.hero h1 em{color:var(--citrus)}
.hero p{color:#EEF2F7;font-size:clamp(18px,1.5vw,20px);line-height:1.6;max-width:600px;text-shadow:0 1px 12px rgba(16,28,53,.6)}
.hero-orbit ellipse{stroke:var(--teal)}
.hero-orbit stop{stop-color:var(--teal)}

/* Stats: teal seam under the hero, more air */
.stats{position:relative;background:#fff}
.stats::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,rgba(32,175,163,0),var(--teal) 25%,var(--teal) 75%,rgba(32,175,163,0))}
.stats .stat{padding-top:34px;padding-bottom:30px}
a.stat:hover,a.stat:focus-visible{background:var(--teal-pale)}
a.stat:hover .lbl{color:var(--ink)}

/* Section accents */
.block h2 em{color:var(--teal-ink)}
.dark h2 em{color:var(--teal)}
.dark .label{color:var(--teal)}
.dark .lede,.site-footer p{color:#C5CEDB !important}
.progress > span{background:var(--teal)}
.doc-row .open{color:var(--teal-ink);font-weight:600}
.doc-row .pill{border-color:var(--teal-ink);color:var(--teal-ink)}

/* Library and other "deep" blocks become light */
section.block.deep{background:var(--cream);color:var(--ink)}
.block.deep h2,.block.deep h3{color:var(--ink)}
.block.deep .label{color:var(--teal-ink) !important}
.block.deep .lede{color:var(--gray)}
.block.deep .card{background:#fff;border-color:var(--stone)}
.block.deep h3 a{color:var(--ink);text-decoration:none}
.block.deep h3 a:hover{color:var(--teal-ink);text-decoration:underline;text-decoration-color:var(--teal);text-underline-offset:3px}
.block.deep .btn-outline-light{color:var(--navy);border-color:var(--navy)}
.block.deep .btn-outline-light:hover{color:var(--teal-ink);border-color:var(--teal)}
.repo-search{gap:10px}
.repo-search input[type="search"]{background:#fff;color:var(--ink);border:1.5px solid var(--stone);border-radius:8px;min-height:50px;font-size:16px;padding:12px 16px}
.repo-search input[type="search"]::placeholder{color:#7A8594}
.repo-search input[type="search"]:hover{border-color:#B9C3C9}
.repo-search input[type="search"]:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(32,175,163,.22)}
.repo-search .btn{min-height:50px}
.repo-tabs a{color:var(--ink);background:#fff;border:1px solid var(--stone);min-height:44px;display:inline-flex;align-items:center}
.repo-tabs a:hover{color:var(--ink);background:#fff;border-color:var(--teal)}
.repo-tabs a.active{color:var(--ink);background:var(--teal-pale);border-color:var(--teal)}
.repo-filters .group-title{color:var(--gray)}
.repo-filters a{color:var(--forest-mid);padding-top:4px;padding-bottom:4px}
.repo-filters a:hover{color:var(--teal-ink)}
.repo-filters select{background:#fff;color:var(--ink);border:1.5px solid var(--stone);border-radius:8px;min-height:44px;padding:8px 10px}
.repo-filters select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(32,175,163,.22)}
.block.deep .doc-row{border-bottom-color:var(--stone)}
.block.deep .doc-row:hover,.block.deep .doc-row:focus-within{background:#FFFFFF;box-shadow:inset 3px 0 0 var(--teal)}
.block.deep .doc-row .meta{color:var(--gray)}
.block.deep .doc-row .meta b{color:var(--ink)}
@media (max-width:640px){
  .repo-search{flex-wrap:wrap}
  .repo-search input[type="search"]{flex:1 1 100%}
  .repo-search .btn{width:100%;justify-content:center}
  .repo-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .repo-tabs a{white-space:nowrap}
}

/* Events: coral marks events */
.event-card .status{display:inline-block;background:var(--coral);color:var(--navy);padding:3px 10px;border-radius:999px}
.event-card .status.past{background:#EEF1F3;color:var(--gray)}
.event-card .links{color:var(--teal-ink)}

/* Support page and footer */
.donate-band{background:var(--navy)}
.site-footer{background:var(--navy)}
.site-footer a{color:var(--on-navy)}
.site-footer a:hover,.social-links a:hover{color:var(--teal)}
.site-footer .bottom{color:#8C98AB}

.site-footer{background:#0C162B;border-top:1px solid rgba(255,255,255,.08)}