/* Dex homepage parity with the current IrriDex header/hero/feature/footer layout.
   Only overrides topic-neutral hero imagery and adapts longer webmaster names.
   All layout and baseline typography come from legacy.css and SPHMapware. */
html.id-home-page{--blue:var(--dex-accent,#0078ce);--blue-dark:#005f9f}
html.id-home-page .site-header .wordmark.id-wordmark{max-width:min(49vw,560px);overflow-wrap:anywhere;line-height:1.08}
html.id-home-page .hero .slide.dex-slide-one{
  --hero-image:linear-gradient(135deg,#183750 4%,#355d78 47%,#17334c 100%);
}
html.id-home-page .hero .slide.dex-slide-two{
  --hero-image:linear-gradient(135deg,#1d465b,#32576f 55%,#17324b);
}
html.id-home-page .hero .slide.dex-slide-three{
  --hero-image:linear-gradient(135deg,#273c51,#455a70 55%,#213750);
}
/* Hero overlays remain from original CSS. Avoid topic-specific photo assets. */
html.id-home-page .hero .slide.dex-slide-one::before,
html.id-home-page .hero .slide.dex-slide-two::before,
html.id-home-page .hero .slide.dex-slide-three::before{background:linear-gradient(90deg,rgba(7,18,28,.14),rgba(2,10,20,.34))}
html.id-home-page .hero-copy h1{overflow-wrap:anywhere}
html.id-home-page .topnav .nav-link{white-space:nowrap}
html.id-home-page .feature p{min-height:unset}
html.id-home-page .btn-primary{background:var(--dex-accent,#0078ce)!important;border-color:var(--dex-accent,#0069ac)!important;color:#fff!important}
html.id-home-page .btn-primary:hover{filter:brightness(.88)}
html.id-home-page .hero-menu b{color:var(--dex-accent,#0078ce)}
@media(max-width:970px){
  html.id-home-page .header-inner{gap:16px}
  html.id-home-page .topnav{flex-wrap:wrap;justify-content:flex-end}
  html.id-home-page .nav-link{padding:6px 9px}
}
@media(max-width:767px){
  html.id-home-page .site-header .wordmark.id-wordmark{font-size:clamp(25px,6vw,38px)!important;max-width:50vw}
  html.id-home-page .hero-copy{left:18px;right:18px}
  html.id-home-page .hero-menu{max-width:calc(100% - 30px)}
}
/* Keep the source homepage navigation usable with longer custom Dex names. */
@media(min-width:768px){
  html.id-home-page .site-header .header-right{justify-content:center}
  html.id-home-page .site-header .topnav{margin-bottom:0}
}
@media(max-width:767px){
  html.id-home-page .site-header .header-inner{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-top:15px;padding-bottom:10px}
  html.id-home-page .site-header .wordmark.id-wordmark{max-width:100%;margin:0}
  html.id-home-page .site-header .header-right{align-self:auto;display:block;width:100%}
  html.id-home-page .site-header .topnav{max-width:none;margin:0;justify-content:flex-start;gap:3px 0}
  html.id-home-page .site-header .nav-link{font-size:12px;padding:7px 9px}
  html.id-home-page .site-header .mega{top:100%;width:calc(100% - 20px);left:50%;max-height:65vh;overflow-y:auto}
}