/* ============================================================
   King Slayer Sportfishing: /fishing-reports/ page layer
   Requires tokens.css then base.css.
   Spine: compact .page-hero photo band > three-lane blog
   shell (no post cards yet) > email/social pointer > cta
   band. Colour and type come from tokens only.
   ============================================================ */

/* ============ 1. Photo band ============
   base.css owns .page-hero. Two page-level nudges only: the
   breadcrumb loses its top padding at the head of the scrim
   block, and the H1 gets a wider measure because this headline
   is the longest of the three streamlined pages. */
.page-hero .crumbs{padding-top:0;padding-bottom:1.2rem}
@media (min-width:641px){
  .page-hero h1{max-width:24ch}
}

/* ============ 2. Report lanes ============ */
.report-lanes{margin-top:0}
.report-lane{
  display:flex;flex-direction:column;
  background:var(--panel);
  border:1px solid var(--line);
  padding:1.6rem 1.6rem 1.7rem;
  transition:border-color .2s ease;
}
.report-lane:hover{border-color:var(--blue-bright)}
.report-lane h3{
  font-family:var(--display);
  font-stretch:125%;
  font-variation-settings:'wdth' 125;
  font-weight:700;
  font-size:1.15rem;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.02em;
  color:var(--cream);
  margin-bottom:.9rem;
}
.report-lane p{color:var(--dim);font-size:.96rem}
.report-lane a{color:var(--blue-bright);text-decoration:underline}
.lane-status{
  margin-top:auto;
  padding-top:1.1rem;
  margin-bottom:0;
  border-top:1px solid var(--line);
  font-family:var(--display);
  font-stretch:125%;
  font-variation-settings:'wdth' 125;
  font-weight:600;
  font-size:.74rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--blue-bright);
}

/* ============ 3. Email/social pointer ============ */
.reports-pointer{
  margin-top:clamp(2rem,4vw,2.75rem);
  padding-top:1.5rem;
  border-top:1px solid var(--line);
  color:var(--dim);
  font-size:.98rem;
}
.reports-pointer a{
  color:var(--ice);
  text-decoration:none;
  border-bottom:1px solid var(--blue);
  padding-bottom:.1em;
}
.reports-pointer a:hover{color:var(--blue-bright);border-color:var(--blue-bright)}