/* Phase 24A.7A.3 — Fishing Intelligence Hub uses exact Home Page components */

.dvh24-fi-hub{background:#fbfaf6}

.dvh-fi-why-grid{
  display:grid;
  grid-template-columns:240px repeat(3,minmax(0,1fr));
  gap:13px;
  align-items:stretch;
}
.dvh-fi-info-card{
  min-height:150px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.dvh-fi-card-no,
.dvh-fi-check,
.dvh-fi-cross{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:50%;
  background:#edf3ef;
  color:#174f3e;
  font-size:9px;
  font-weight:900;
  border:1px solid #d7dfda;
}
.dvh-fi-check{font-size:13px}
.dvh-fi-cross{font-size:15px;color:#7a4435;background:#f5ebe7;border-color:#eadbd5}
.dvh-fi-info-card .dvh-product-copy h3,
.dvh-fi-boundary-card .dvh-product-copy h3{
  font-size:12px;
  margin-top:10px;
}
.dvh-fi-info-card .dvh-product-copy p,
.dvh-fi-boundary-card .dvh-product-copy p{
  min-height:0;
  margin-top:6px;
  font-size:10px;
  line-height:1.5;
}

.dvh-fi-steps-section{
  padding:16px 0 18px;
  background:#f7f4ec;
  border-bottom:1px solid #e0ddd2;
}
.dvh-fi-compact-heading{
  display:flex;
  align-items:baseline;
  gap:14px;
  margin-bottom:10px;
}
.dvh-fi-compact-heading h2{
  margin:0;
  font-family:Georgia,serif;
  font-size:23px;
  letter-spacing:-.025em;
  color:#173e34;
}
.dvh-fi-three-grid{
  grid-template-columns:repeat(3,1fr);
}
.dvh-fi-three-grid>a{
  min-height:96px;
}
.dvh-fi-three-grid .dvh-round-icon strong{
  font-size:13px;
  color:#174f3e;
}

.dvh-fi-boundary-grid{
  display:grid;
  grid-template-columns:240px repeat(4,minmax(0,1fr));
  gap:13px;
  align-items:stretch;
}
.dvh-fi-boundary-card{
  min-height:150px;
}

.dvh-fi-final-band{border-top:1px solid rgba(255,255,255,.04)}

@media(max-width:1120px){
  .dvh-fi-why-grid{grid-template-columns:210px repeat(3,minmax(0,1fr));gap:8px}
  .dvh-fi-boundary-grid{grid-template-columns:210px repeat(4,minmax(0,1fr));gap:8px}
}
@media(max-width:900px){

  .dvh-fi-why-grid,
  .dvh-fi-boundary-grid{
    display:flex;
    overflow-x:auto;
    gap:11px;
    padding-bottom:6px;
    scroll-snap-type:x mandatory;
  }
  .dvh-fi-why-grid .dvh-featured-intro,
  .dvh-fi-boundary-grid .dvh-featured-intro{
    min-width:230px;
    scroll-snap-align:start;
  }
  .dvh-fi-info-card,
  .dvh-fi-boundary-card{
    min-width:180px;
    scroll-snap-align:start;
  }
  .dvh-fi-three-grid{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:600px){
  .dvh-fi-why-grid .dvh-featured-intro,
  .dvh-fi-boundary-grid .dvh-featured-intro{min-width:205px}
  .dvh-fi-info-card,
  .dvh-fi-boundary-card{min-width:165px;min-height:145px}
  .dvh-fi-compact-heading{display:block}
  .dvh-fi-compact-heading h2{margin-top:5px;font-size:21px}
  .dvh-fi-three-grid{grid-template-columns:1fr;gap:9px}
}


/* Phase 24A.7A.3.1 — light closing section separates hub from green footer */
.dvh-fi-history-light{
  background:#f7f4ec;
  border-top:1px solid #e0ddd2;
  border-bottom:1px solid #e0ddd2;
}
.dvh-fi-history-grid{
  display:grid;
  grid-template-columns:240px repeat(4,minmax(0,1fr));
  gap:13px;
  align-items:stretch;
}
.dvh-fi-history-card{
  min-height:145px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.dvh-fi-history-icon{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:50%;
  background:#edf3ef;
  border:1px solid #d7dfda;
  color:#174f3e;
  font-size:13px;
  font-weight:900;
}
.dvh-fi-history-card .dvh-product-copy h3{
  margin-top:10px;
  font-size:12px;
}
.dvh-fi-history-card .dvh-product-copy p{
  min-height:0;
  margin-top:6px;
  font-size:10px;
  line-height:1.45;
}
@media(max-width:1120px){
  .dvh-fi-history-grid{grid-template-columns:210px repeat(4,minmax(0,1fr));gap:8px}
}
@media(max-width:900px){
  .dvh-fi-history-grid{
    display:flex;
    overflow-x:auto;
    gap:11px;
    padding-bottom:6px;
    scroll-snap-type:x mandatory;
  }
  .dvh-fi-history-grid .dvh-featured-intro{min-width:230px;scroll-snap-align:start}
  .dvh-fi-history-card{min-width:180px;scroll-snap-align:start}
}
@media(max-width:600px){
  .dvh-fi-history-grid .dvh-featured-intro{min-width:205px}
  .dvh-fi-history-card{min-width:165px;min-height:140px}
}


/* Phase 24A.7A.3.2 — final Home-style alignment corrective */

/* The Home accessibility skip link stays off-screen until keyboard focus. */
.dvh24-fi-hub .dvh-skip-link{
  position:fixed;
  z-index:10000;
  top:10px;
  left:10px;
  padding:10px 14px;
  border-radius:8px;
  background:#174f3e;
  color:#fff;
  font-weight:800;
  text-decoration:none;
  transform:translateY(-160%);
  transition:transform .15s ease;
}
.dvh24-fi-hub .dvh-skip-link:focus{
  transform:translateY(0);
  outline:2px solid #fff;
  outline-offset:2px;
  box-shadow:0 0 0 4px #996300;
}

/* Desktop: one compact intro + four equal History cards across. */
@media(min-width:901px){
  .dvh24-fi-hub .dvh-fi-history-grid{
    display:grid !important;
    grid-template-columns:minmax(210px,1.15fr) repeat(4,minmax(150px,1fr)) !important;
    gap:12px !important;
    align-items:stretch;
    overflow:visible !important;
  }
  .dvh24-fi-hub .dvh-fi-history-grid>.dvh-featured-intro{
    min-width:0 !important;
    width:auto !important;
    margin:0 !important;
  }
  .dvh24-fi-hub .dvh-fi-history-card{
    min-width:0 !important;
    width:auto !important;
    min-height:138px !important;
    margin:0 !important;
  }
  .dvh24-fi-hub .dvh-fi-history-card .dvh-product-copy{
    width:100%;
  }
}

/* Mobile/tablet keeps the compact horizontal scroll behaviour. */
@media(max-width:900px){
  .dvh24-fi-hub .dvh-fi-history-grid{
    display:flex !important;
    overflow-x:auto !important;
    gap:11px !important;
    padding-bottom:6px;
    scroll-snap-type:x mandatory;
  }
  .dvh24-fi-hub .dvh-fi-history-grid>.dvh-featured-intro{
    flex:0 0 230px;
    min-width:230px !important;
    scroll-snap-align:start;
  }
  .dvh24-fi-hub .dvh-fi-history-card{
    flex:0 0 180px;
    min-width:180px !important;
    scroll-snap-align:start;
  }
}
@media(max-width:600px){
  .dvh24-fi-hub .dvh-fi-history-grid>.dvh-featured-intro{
    flex-basis:205px;
    min-width:205px !important;
  }
  .dvh24-fi-hub .dvh-fi-history-card{
    flex-basis:165px;
    min-width:165px !important;
    min-height:140px !important;
  }
}


/* Phase 24A.7B.1 — pillar-guide internal link */
.dvh24-fi-hub .dvh-fi-guide-link{
  display:block;
  width:max-content;
  max-width:100%;
  margin-top:9px;
  color:#fff;
  font-size:9px;
  font-weight:900;
  line-height:1.35;
  text-transform:uppercase;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.45);
}
.dvh24-fi-hub .dvh-fi-guide-link:hover{border-bottom-color:#e5a81f}
.dvh24-fi-hub .dvh-fi-guide-link:focus-visible{
  outline:2px solid #fff;
  outline-offset:2px;
  box-shadow:0 0 0 4px #174f3e;
}