/* Phase 24B.2.7D — Fishing Intelligence Page Rhythm
   Purpose: keep the approved Home hero/proof system and line the FI body up to
   the Home full-width band architecture. No intelligence/scoring behaviour. */

.dvh24-fi-hub .dvh-fi-why,
.dvh24-fi-hub .dvh-fi-steps-section,
.dvh24-fi-hub .dvh-fi-boundaries,
.dvh24-fi-hub .dvh-fi-history-light{
  padding:clamp(22px,2.15vw,34px) 0;
}

/* Alternating Home-style bands. */
.dvh24-fi-hub .dvh-fi-why{
  background:#f7f4ec;
  border-bottom:1px solid #ded9cc;
}
.dvh24-fi-hub .dvh-fi-steps-section{
  background:#fbfaf6;
  border-top:0;
  border-bottom:1px solid #ded9cc;
}
.dvh24-fi-hub .dvh-fi-boundaries{
  background:#f2eee3;
  border-bottom:1px solid #dcd6c8;
}
.dvh24-fi-hub .dvh-fi-history-light{
  background:#fbfaf6;
  border-top:0;
  border-bottom:1px solid #ded9cc;
}

/* Editorial intro rhythm shared across the light bands. */
.dvh24-fi-hub .dvh-fi-why .dvh-featured-intro,
.dvh24-fi-hub .dvh-fi-boundaries .dvh-featured-intro,
.dvh24-fi-hub .dvh-fi-history-light .dvh-featured-intro{
  padding-top:0;
  padding-bottom:0;
}
.dvh24-fi-hub .dvh-featured-intro h2{
  max-width:390px;
  margin:7px 0 9px;
  font-size:clamp(22px,1.55vw,27px);
  line-height:1.05;
}
.dvh24-fi-hub .dvh-featured-intro p{
  max-width:390px;
  margin:0 0 14px;
  font-size:12px;
  line-height:1.55;
}

/* Information cells: internal dividers, not dashboard cards. */
.dvh24-fi-hub .dvh-fi-info-card,
.dvh24-fi-hub .dvh-fi-boundary-card,
.dvh24-fi-hub .dvh-fi-history-card{
  align-self:stretch;
  min-height:0;
  margin:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.dvh24-fi-hub .dvh-fi-info-card .dvh-product-copy h3,
.dvh24-fi-hub .dvh-fi-boundary-card .dvh-product-copy h3,
.dvh24-fi-hub .dvh-fi-history-card .dvh-product-copy h3{
  margin:10px 0 5px;
  font-size:13px;
  line-height:1.25;
  color:#0d3d30;
}
.dvh24-fi-hub .dvh-fi-info-card .dvh-product-copy p,
.dvh24-fi-hub .dvh-fi-boundary-card .dvh-product-copy p,
.dvh24-fi-hub .dvh-fi-history-card .dvh-product-copy p{
  margin:0;
  font-size:11px;
  line-height:1.5;
  color:#526159;
}

/* How-to-use links become a clean in-band sequence rather than three shells. */
.dvh24-fi-hub .dvh-fi-compact-heading{
  display:block;
  margin:0 0 13px;
}
.dvh24-fi-hub .dvh-fi-compact-heading h2{
  margin:5px 0 0;
  font-size:clamp(22px,1.55vw,27px);
  line-height:1.05;
}
.dvh24-fi-hub .dvh-fi-three-grid{
  gap:0;
  border-top:1px solid #ddd8cc;
  border-bottom:1px solid #ddd8cc;
}
.dvh24-fi-hub .dvh-fi-three-grid>a{
  min-height:112px;
  margin:0;
  padding:18px clamp(18px,1.8vw,28px);
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.dvh24-fi-hub .dvh-fi-three-grid>a+a{
  border-left:1px solid #ddd8cc;
}
.dvh24-fi-hub .dvh-fi-three-grid .dvh-round-icon{
  width:42px;
  height:42px;
  flex-basis:42px;
  background:#f4f1e8;
}
.dvh24-fi-hub .dvh-fi-three-grid strong{font-size:13px;color:#0d3d30}
.dvh24-fi-hub .dvh-fi-three-grid p{font-size:11px;line-height:1.45;color:#526159}
.dvh24-fi-hub .dvh-fi-three-grid b{color:#174f3e}

@media(min-width:1180px){
  .dvh24-fi-hub .dvh-fi-why-grid{
    grid-template-columns:minmax(270px,1.2fr) repeat(3,minmax(0,1fr));
    gap:0;
    align-items:stretch;
  }
  .dvh24-fi-hub .dvh-fi-boundary-grid,
  .dvh24-fi-hub .dvh-fi-history-grid{
    grid-template-columns:minmax(270px,1.25fr) repeat(4,minmax(0,1fr)) !important;
    gap:0 !important;
    align-items:stretch;
    overflow:visible !important;
  }
  .dvh24-fi-hub .dvh-fi-why-grid>.dvh-featured-intro,
  .dvh24-fi-hub .dvh-fi-boundary-grid>.dvh-featured-intro,
  .dvh24-fi-hub .dvh-fi-history-grid>.dvh-featured-intro{
    min-width:0 !important;
    width:auto !important;
    padding-right:clamp(24px,2vw,34px);
  }
  .dvh24-fi-hub .dvh-fi-info-card,
  .dvh24-fi-hub .dvh-fi-boundary-card,
  .dvh24-fi-hub .dvh-fi-history-card{
    min-width:0 !important;
    width:auto !important;
    padding:7px clamp(16px,1.5vw,23px) 8px;
    border-left:1px solid #d8d2c4;
  }
}

@media(min-width:901px) and (max-width:1179px){
  .dvh24-fi-hub .dvh-fi-why-grid,
  .dvh24-fi-hub .dvh-fi-boundary-grid,
  .dvh24-fi-hub .dvh-fi-history-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 !important;
    overflow:visible !important;
    padding-bottom:0 !important;
  }
  .dvh24-fi-hub .dvh-fi-why-grid>.dvh-featured-intro,
  .dvh24-fi-hub .dvh-fi-boundary-grid>.dvh-featured-intro,
  .dvh24-fi-hub .dvh-fi-history-grid>.dvh-featured-intro{
    grid-column:1/-1;
    min-width:0 !important;
    width:auto !important;
    padding:0 0 18px;
    margin:0;
    border-bottom:1px solid #d8d2c4;
  }
  .dvh24-fi-hub .dvh-fi-info-card,
  .dvh24-fi-hub .dvh-fi-boundary-card,
  .dvh24-fi-hub .dvh-fi-history-card{
    min-width:0 !important;
    width:auto !important;
    padding:18px 22px;
    border-bottom:1px solid #d8d2c4;
  }
  .dvh24-fi-hub .dvh-fi-info-card:nth-of-type(even),
  .dvh24-fi-hub .dvh-fi-boundary-card:nth-of-type(even),
  .dvh24-fi-hub .dvh-fi-history-card:nth-of-type(even){
    border-left:1px solid #d8d2c4;
  }
}

@media(max-width:900px){
  .dvh24-fi-hub .dvh-fi-why,
  .dvh24-fi-hub .dvh-fi-steps-section,
  .dvh24-fi-hub .dvh-fi-boundaries,
  .dvh24-fi-hub .dvh-fi-history-light{
    padding:20px 0;
  }
  .dvh24-fi-hub .dvh-fi-why-grid,
  .dvh24-fi-hub .dvh-fi-boundary-grid,
  .dvh24-fi-hub .dvh-fi-history-grid{
    display:block !important;
    overflow:visible !important;
    padding-bottom:0 !important;
  }
  .dvh24-fi-hub .dvh-fi-why-grid>.dvh-featured-intro,
  .dvh24-fi-hub .dvh-fi-boundary-grid>.dvh-featured-intro,
  .dvh24-fi-hub .dvh-fi-history-grid>.dvh-featured-intro{
    min-width:0 !important;
    width:auto !important;
    padding:0 0 17px;
    border-bottom:1px solid #d8d2c4;
  }
  .dvh24-fi-hub .dvh-fi-info-card,
  .dvh24-fi-hub .dvh-fi-boundary-card,
  .dvh24-fi-hub .dvh-fi-history-card{
    min-width:0 !important;
    width:100% !important;
    min-height:0 !important;
    padding:15px 0;
    border-bottom:1px solid #d8d2c4;
  }
  .dvh24-fi-hub .dvh-fi-three-grid{
    grid-template-columns:1fr;
  }
  .dvh24-fi-hub .dvh-fi-three-grid>a{
    min-height:0;
    padding:16px 0;
  }
  .dvh24-fi-hub .dvh-fi-three-grid>a+a{
    border-left:0;
    border-top:1px solid #ddd8cc;
  }
}