/*
 * Da Vat Hy Lures — Phase 23B.7E
 * Catch Board: unified Home Page section rhythm.
 *
 * Catch cards remain cards because each catch is a discrete record.
 * Supporting page structure becomes broad, flat Da Vat Hy site sections.
 */

body.dvh213-board-page{
  --dvh23b7e-pad:max(28px,calc((100vw - 1500px)/2 + 28px));
  background:#f4efe5!important;
}

/* ---------- Hero ---------- */
body.dvh213-board-page .dvh213-hero{
  padding:30px 0 28px!important;
  background:linear-gradient(118deg,#073d2f 0%,#0a4b38 58%,#355c3d 100%)!important;
}
body.dvh213-board-page .dvh213-hero>.dvh22-shell-wrap{
  width:min(1500px,88.5vw)!important;
  max-width:none!important;
  margin:0 auto!important;
}
body.dvh213-board-page .dvh213-hero-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(420px,.65fr)!important;
  gap:42px!important;
}
body.dvh213-board-page .dvh213-hero h1{
  font-size:clamp(3rem,5.3vw,4.9rem)!important;
  line-height:.92!important;
}
body.dvh213-board-page .dvh213-hero p{
  max-width:760px!important;
  font-size:.84rem!important;
}
body.dvh213-board-page .dvh213-hero-actions .dvh213-btn{
  border-radius:4px!important;
  box-shadow:none!important;
}

/* Hero proof = data strip, not dashboard cards. */
body.dvh213-board-page .dvh213-proof{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  align-self:center;
  padding:0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.20)!important;
  border-bottom:1px solid rgba(255,255,255,.20)!important;
  border-radius:0!important;
  background:transparent!important;
}
body.dvh213-board-page .dvh213-proof>div{
  min-height:72px;
  grid-template-columns:30px 1fr!important;
  padding:12px 14px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.15)!important;
  border-bottom:1px solid rgba(255,255,255,.15)!important;
  border-radius:0!important;
  background:transparent!important;
}
body.dvh213-board-page .dvh213-proof>div:nth-child(2n){
  border-right:0!important;
}
body.dvh213-board-page .dvh213-proof>div:nth-child(n+3){
  border-bottom:0!important;
}
body.dvh213-board-page .dvh213-proof span{
  width:26px!important;
  height:26px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;
}
body.dvh213-board-page .dvh213-proof strong{
  font-size:1.15rem!important;
}
body.dvh213-board-page .dvh213-proof small{
  font-size:.55rem!important;
}

/* ---------- Filter band ---------- */
body.dvh213-board-page .dvh213-filter-section{
  padding:22px 0 24px!important;
  background:#f7f3e9!important;
  border-bottom:1px solid rgba(12,47,37,.10)!important;
}
body.dvh213-board-page .dvh213-filter-section>.dvh22-shell-wrap{
  width:min(1500px,88.5vw)!important;
  max-width:none!important;
  margin:0 auto!important;
}
body.dvh213-board-page .dvh213-section-head{
  margin-bottom:12px!important;
}
body.dvh213-board-page .dvh213-section-head h2{
  font-size:clamp(1.65rem,2.4vw,2.25rem)!important;
}
body.dvh213-board-page .dvh213-filters{
  grid-template-columns:1fr 1.35fr 1.35fr auto auto!important;
  gap:0!important;
  align-items:end!important;
  border-top:1px solid rgba(12,47,37,.11);
  border-bottom:1px solid rgba(12,47,37,.11);
}
body.dvh213-board-page .dvh213-filters label{
  min-width:0;
  padding:10px 12px!important;
  border-right:1px solid rgba(12,47,37,.10);
}
body.dvh213-board-page .dvh213-filters label:first-child{
  padding-left:0!important;
}
body.dvh213-board-page .dvh213-filters select{
  min-height:40px!important;
  border-radius:4px!important;
  background:#fff!important;
}
body.dvh213-board-page .dvh213-filters .dvh213-btn{
  min-height:100%!important;
  align-self:stretch!important;
  margin:0!important;
  border-radius:0!important;
  padding-inline:18px!important;
}
body.dvh213-board-page .dvh213-clear{
  min-height:100%!important;
  align-self:stretch!important;
  padding-inline:14px!important;
}

/* ---------- Community board ---------- */
body.dvh213-board-page .dvh213-board-section{
  padding:26px 0 34px!important;
  background:#fff!important;
  border-bottom:1px solid rgba(12,47,37,.10);
}
body.dvh213-board-page .dvh213-board-section>.dvh22-shell-wrap{
  width:min(1500px,88.5vw)!important;
  max-width:none!important;
  margin:0 auto!important;
}
body.dvh213-board-page .dvh213-board-head{
  margin-bottom:15px!important;
  padding-bottom:12px;
  border-bottom:1px solid rgba(12,47,37,.10);
}
body.dvh213-board-page .dvh213-board-head h2{
  font-size:clamp(1.65rem,2.4vw,2.25rem)!important;
}
body.dvh213-board-page .dvh213-board-head p{
  max-width:560px!important;
}

/* Catch records remain cards, but less inflated. */
body.dvh213-board-page .dvh213-board{
  gap:12px!important;
}
body.dvh213-board-page .dvh213-catch-card{
  border-radius:7px!important;
  box-shadow:0 4px 12px rgba(14,45,36,.045);
}
body.dvh213-board-page .dvh213-catch-media>span,
body.dvh213-board-page .dvh213-facts span{
  border-radius:3px!important;
}
body.dvh213-board-page .dvh213-empty{
  border-radius:6px!important;
  box-shadow:none!important;
}

/* ---------- Closing marketing bridge = full page band ---------- */
body.dvh213-board-page .dvh213-final{
  padding:0!important;
  background:linear-gradient(90deg,#06452f,#003e29,#06452f)!important;
}
body.dvh213-board-page .dvh213-final>.dvh22-shell-wrap{
  width:min(1500px,88.5vw)!important;
  max-width:none!important;
  margin:0 auto!important;
}
body.dvh213-board-page .dvh213-final-card{
  min-height:112px;
  padding:23px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.dvh213-board-page .dvh213-final-card h2{
  font-size:clamp(1.55rem,2.5vw,2.2rem)!important;
}
body.dvh213-board-page .dvh213-final-card p{
  max-width:760px;
}
body.dvh213-board-page .dvh213-final-actions .dvh213-btn{
  border-radius:4px!important;
}

/* ---------- Responsive ---------- */
@media(max-width:1000px){
  body.dvh213-board-page .dvh213-hero-grid{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  body.dvh213-board-page .dvh213-proof{
    max-width:none!important;
  }
  body.dvh213-board-page .dvh213-filters{
    grid-template-columns:1fr 1fr!important;
  }
  body.dvh213-board-page .dvh213-filters label{
    border-bottom:1px solid rgba(12,47,37,.10);
  }
  body.dvh213-board-page .dvh213-filters label:nth-child(2n){
    border-right:0;
  }
  body.dvh213-board-page .dvh213-filters .dvh213-btn,
  body.dvh213-board-page .dvh213-clear{
    min-height:42px!important;
  }
}

@media(max-width:700px){
  body.dvh213-board-page{
    --dvh23b7e-pad:18px;
  }
  body.dvh213-board-page .dvh213-hero>.dvh22-shell-wrap,
  body.dvh213-board-page .dvh213-filter-section>.dvh22-shell-wrap,
  body.dvh213-board-page .dvh213-board-section>.dvh22-shell-wrap,
  body.dvh213-board-page .dvh213-final>.dvh22-shell-wrap{
    width:calc(100% - 32px)!important;
  }
  body.dvh213-board-page .dvh213-hero{
    padding:22px 0 21px!important;
  }
  body.dvh213-board-page .dvh213-hero h1{
    font-size:clamp(2.35rem,12vw,3.3rem)!important;
  }
  body.dvh213-board-page .dvh213-proof{
    grid-template-columns:1fr 1fr!important;
  }
  body.dvh213-board-page .dvh213-proof>div{
    min-height:62px;
    padding:9px 8px!important;
  }
  body.dvh213-board-page .dvh213-filters{
    grid-template-columns:1fr!important;
    border:0!important;
  }
  body.dvh213-board-page .dvh213-filters label,
  body.dvh213-board-page .dvh213-filters label:first-child{
    padding:7px 0!important;
    border-right:0!important;
    border-bottom:0!important;
  }
  body.dvh213-board-page .dvh213-filters .dvh213-btn{
    margin-top:7px!important;
    border-radius:4px!important;
  }
  body.dvh213-board-page .dvh213-board-head{
    display:block!important;
  }
  body.dvh213-board-page .dvh213-board-head p{
    margin-top:5px!important;
    text-align:left!important;
  }
  body.dvh213-board-page .dvh213-final-card{
    min-height:0;
    padding:20px 0!important;
  }
}