/* Mecosta County Kids Discovery Center — consistent responsive STEM visual identity.
   Selector names match shared-header.js exactly. Older .newbrand/.brand-stage markup is not used. */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--mck-red:#d92334;--mck-blue:#176fbb;--mck-green:#15966b;--mck-yellow:#e2a400;--mck-ink:#25313b}
header.mck-unified-header,header.mck-unified-header *{box-sizing:border-box}
header.mck-unified-header{
  position:relative!important;isolation:isolate;display:block!important;
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  background:linear-gradient(110deg,#fffcf5,#f8fcff 48%,#fffdfa)!important;
  border:0!important;border-bottom:5px solid #ffc928!important;border-radius:0!important;
  box-shadow:none!important;overflow:hidden!important;z-index:50!important
}
header.mck-unified-header .mck-header-inner{
  display:block!important;max-width:1260px!important;width:100%!important;
  margin:0 auto!important;padding:14px clamp(12px,2.5vw,26px) 7px!important
}
header.mck-unified-header .mck-brand-stage{
  position:relative!important;display:flex!important;align-items:center!important;
  justify-content:center!important;max-width:1170px!important;width:100%!important;
  min-height:122px!important;margin:0 auto!important;padding:3px 105px 14px!important
}
header.mck-unified-header .mck-brand-lockup{
  position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;gap:7px!important;
  text-decoration:none!important;text-align:center!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;transform:none!important;padding:0!important;margin:0!important;
  max-width:100%!important;width:auto!important;min-width:0!important;color:var(--mck-ink)!important
}
header.mck-unified-header .mck-parent-name{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-wrap:nowrap!important;white-space:nowrap!important;gap:0!important;
  font:900 clamp(12px,1.4vw,17px)/1 'Nunito',system-ui,sans-serif!important;
  letter-spacing:.065em!important;color:var(--mck-ink)!important
}
header.mck-unified-header .mck-discovery-name{
  display:flex!important;justify-content:center!important;align-items:center!important;
  flex-wrap:nowrap!important;white-space:nowrap!important;gap:.31em!important;
  font:700 clamp(36px,4.9vw,61px)/1.03 'Fredoka',system-ui,sans-serif!important;
  letter-spacing:-.045em!important;color:var(--mck-red)!important;
  max-width:100%!important;text-shadow:0 1px 0 rgba(255,255,255,.8)
}
header.mck-unified-header .mck-brand-word{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex-wrap:nowrap!important;white-space:nowrap!important;gap:0!important
}
header.mck-unified-header .mck-letter,header.mck-unified-header .mck-cog{
  position:relative!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;line-height:1!important;min-width:0!important;
  width:auto!important;height:1em!important;vertical-align:middle!important;
  font:inherit!important;letter-spacing:inherit!important
}
header.mck-unified-header .mck-cog{width:.93em!important;flex:0 0 .93em!important}
header.mck-unified-header .mck-cog svg{display:block!important;width:.82em!important;height:.82em!important;fill:currentColor!important;stroke:none!important;overflow:visible!important}
header.mck-unified-header .mck-wordgap{display:inline-block!important;flex:0 0 .38em!important;width:.38em!important}
header.mck-unified-header .mck-c-0{color:var(--mck-red)!important}
header.mck-unified-header .mck-c-1{color:var(--mck-blue)!important}
header.mck-unified-header .mck-c-2{color:var(--mck-green)!important}
header.mck-unified-header .mck-c-3{color:var(--mck-yellow)!important}
header.mck-unified-header .mck-parent-name .mck-letter{color:var(--mck-ink)!important}
header.mck-unified-header .mck-parent-name .mck-cog{color:var(--mck-green)!important}
header.mck-unified-header .mck-brand-subtitle{
  display:block!important;margin:0!important;text-align:center!important;white-space:nowrap!important;
  font:900 clamp(9px,1vw,12px)/1.15 'Nunito',system-ui,sans-serif!important;
  letter-spacing:.1em!important;color:#4b5560!important
}
header.mck-unified-header .mck-brand-subtitle span{color:var(--mck-yellow)!important}
header.mck-unified-header .mck-art{
  position:absolute!important;z-index:1!important;display:block!important;
  width:59px!important;height:64px!important;pointer-events:none!important
}
header.mck-unified-header .mck-art svg{
  display:block!important;width:100%!important;height:100%!important;
  fill:none!important;stroke:currentColor!important;stroke-width:3.5!important;
  stroke-linecap:round!important;stroke-linejoin:round!important
}
header.mck-unified-header .mck-art-beaker{color:var(--mck-green)!important;left:3%!important;top:25%!important;transform:rotate(-10deg)!important}
header.mck-unified-header .mck-art-bulb{color:var(--mck-yellow)!important;right:5%!important;top:3%!important;transform:rotate(9deg)!important}
header.mck-unified-header .mck-art-atom{color:var(--mck-blue)!important;right:1%!important;bottom:1%!important;width:43px!important;height:43px!important;transform:rotate(-8deg)!important}
header.mck-unified-header .mck-art-gear{color:var(--mck-red)!important;left:10%!important;top:4%!important;width:30px!important;height:30px!important;transform:rotate(17deg)!important}
header.mck-unified-header .mck-art-gear svg{fill:currentColor!important;stroke:none!important}
header.mck-unified-header .mck-nav{
  display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;
  gap:2px clamp(11px,1.6vw,21px)!important;
  margin:0 auto!important;padding:8px 4px 0!important;max-width:1200px!important;width:100%!important;
  background:transparent!important;border:0!important;border-top:1px solid #e0e8ec!important;
  box-shadow:none!important;overflow:visible!important
}
header.mck-unified-header .mck-nav a{
  display:inline-flex!important;justify-content:center!important;align-items:center!important;
  padding:8px 2px 7px!important;min-height:40px!important;max-width:100%!important;
  text-align:center!important;text-decoration:none!important;
  white-space:nowrap!important;border:0!important;border-bottom:3px solid transparent!important;
  background:transparent!important;border-radius:0!important;box-shadow:none!important;
  font:900 clamp(11px,1.2vw,13px)/1.2 'Nunito',system-ui,sans-serif!important;
  color:var(--mck-ink)!important
}
header.mck-unified-header .mck-nav a:hover,
header.mck-unified-header .mck-nav a[aria-current="page"],
header.mck-unified-header .mck-nav a:focus-visible{color:var(--mck-blue)!important;border-bottom-color:var(--mck-red)!important}
header.mck-unified-header a:focus-visible{outline:3px solid var(--mck-yellow)!important;outline-offset:3px!important}
@media(max-width:800px){
  header.mck-unified-header .mck-brand-stage{min-height:102px!important;padding:4px 65px 9px!important}
  header.mck-unified-header .mck-discovery-name{font-size:clamp(28px,5.1vw,42px)!important;gap:.18em!important}
  header.mck-unified-header .mck-parent-name{font-size:clamp(11px,1.95vw,14px)!important}
  header.mck-unified-header .mck-art{width:38px!important;height:43px!important}
  header.mck-unified-header .mck-art-beaker{left:0!important}
  header.mck-unified-header .mck-art-bulb{right:0!important}
  header.mck-unified-header .mck-art-atom{right:0!important;width:26px!important;height:26px!important}
  header.mck-unified-header .mck-art-gear{left:7%!important;width:24px!important;height:24px!important}
}
@media(max-width:510px){
  header.mck-unified-header .mck-header-inner{padding:9px 8px 7px!important}
  header.mck-unified-header .mck-brand-stage{min-height:86px!important;padding:5px 8px 9px!important}
  header.mck-unified-header .mck-brand-lockup{gap:5px!important}
  header.mck-unified-header .mck-parent-name{font-size:clamp(10px,2.55vw,12px)!important;letter-spacing:.012em!important}
  header.mck-unified-header .mck-discovery-name{font-size:clamp(22px,5.75vw,29px)!important;gap:.11em!important;letter-spacing:-.06em!important}
  header.mck-unified-header .mck-brand-subtitle{font-size:clamp(8px,1.95vw,9px)!important;letter-spacing:.01em!important}
  header.mck-unified-header .mck-art{opacity:.46!important;width:25px!important;height:28px!important}
  header.mck-unified-header .mck-art-beaker{top:1%!important;left:0!important}
  header.mck-unified-header .mck-art-bulb{top:0!important;right:0!important}
  header.mck-unified-header .mck-art-atom{bottom:0!important;right:0!important}
  header.mck-unified-header .mck-art-gear{left:4%!important;top:5%!important;width:19px!important;height:19px!important}
  header.mck-unified-header .mck-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px 4px!important}
  header.mck-unified-header .mck-nav a{white-space:normal!important;font-size:11px!important;min-height:35px!important;line-height:1.13!important;padding:5px 1px!important}
}
/* Low-contrast STEM decorations in the page margins, clear of actual content. */
body::before,body::after{position:fixed;z-index:0;pointer-events:none;opacity:.07;line-height:1!important}
body::before{content:"⚙";font:700 120px 'Fredoka',system-ui!important;color:#15966b;left:-18px;top:39%}
body::after{content:"✦";font:700 85px 'Fredoka',system-ui!important;color:#d92334;right:4px;top:56%}
body>main,body>footer{position:relative;z-index:1}
@media(max-width:850px){body::before,body::after{display:none}}
@media(prefers-reduced-motion:reduce){header.mck-unified-header *,*{transition-duration:0s!important}}

/* SITEWIDE STEM MARGINS: soft side illustrations, away from text and controls. */
@media(min-width:1180px){
  body::before,body::after{position:fixed!important;z-index:0!important;display:block!important;pointer-events:none!important;line-height:1!important;font-family:'Segoe UI Symbol',system-ui,sans-serif!important;font-weight:400!important}
  body::before{content:"⚙" !important;top:37vh!important;left:-36px!important;font-size:142px!important;color:rgba(21,154,113,.10)!important;transform:rotate(-15deg)!important}
  body::after{content:"⚛" !important;top:63vh!important;right:1vw!important;font-size:94px!important;color:rgba(35,113,195,.11)!important;transform:rotate(16deg)!important}
  body > main, body > .page, body > footer{position:relative;z-index:1}
}

/* 2026-10-11: One clear, flyer-inspired masthead at every viewport.
   Give DISCOVERY CENTER visual priority, keep STEM drawings out of its text. */
header.mck-unified-header .mck-brand-stage{min-height:150px!important}
header.mck-unified-header .mck-discovery-name{letter-spacing:-.025em!important;gap:.35em!important}
header.mck-unified-header .mck-cog svg{width:.9em!important;height:.9em!important}
header.mck-unified-header .mck-art{opacity:.95!important}
@media(max-width:800px){
 header.mck-unified-header .mck-brand-stage{min-height:126px!important;padding:8px 52px 14px!important}
 header.mck-unified-header .mck-discovery-name{font-size:clamp(32px,5.2vw,44px)!important}
}
@media(max-width:600px){
 header.mck-unified-header .mck-header-inner{padding:12px 10px 8px!important}
 header.mck-unified-header .mck-brand-stage{min-height:162px!important;padding:10px 22px 12px!important}
 header.mck-unified-header .mck-brand-lockup{gap:4px!important;width:100%!important}
 header.mck-unified-header .mck-parent-name{font-size:clamp(11px,2.9vw,15px)!important;letter-spacing:.035em!important}
 header.mck-unified-header .mck-discovery-name{
  display:flex!important;flex-direction:column!important;
  gap:0!important;line-height:.96!important;
  font-size:clamp(35px,9.6vw,55px)!important;
  letter-spacing:-.025em!important;
 }
 header.mck-unified-header .mck-brand-word{line-height:1!important}
 header.mck-unified-header .mck-letter,header.mck-unified-header .mck-cog{height:1em!important}
 header.mck-unified-header .mck-brand-subtitle{font-size:clamp(8px,2.05vw,10px)!important;letter-spacing:.045em!important;white-space:normal!important}
 header.mck-unified-header .mck-art{opacity:.8!important;width:30px!important;height:35px!important}
 header.mck-unified-header .mck-art-beaker{left:0!important;top:25%!important}
 header.mck-unified-header .mck-art-bulb{right:0!important;top:12%!important}
 header.mck-unified-header .mck-art-atom{right:0!important;bottom:6%!important;width:30px!important;height:30px!important}
 header.mck-unified-header .mck-art-gear{left:5%!important;top:1%!important;width:22px!important;height:22px!important}
 header.mck-unified-header .mck-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px 2px!important;padding-top:5px!important}
 header.mck-unified-header .mck-nav a{font-size:clamp(10px,2.6vw,12px)!important;min-height:38px!important;white-space:normal!important;padding:5px 1px!important}
}
@media(max-width:350px){
 header.mck-unified-header .mck-discovery-name{font-size:34px!important}
 header.mck-unified-header .mck-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}