/* Lokalt fargeforslag for hovedkortene: jevn skifergrå med kjølig blå undertone. */
.entry-card{
  background:#c6cfd2;
  border:1px solid #6f858c;
  border-top:4px solid #0c4053;
  border-radius:9px;
  color:#0c4053;
  box-shadow:0 8px 24px rgba(12,64,83,.13);
  transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.entry-card:hover{
  background:#d1d9dc;
  border-color:#0c4053;
  box-shadow:0 12px 28px rgba(12,64,83,.18);
  transform:translateY(-3px);
}
.entry-card:focus-visible{outline-color:#0c4053}
.card-top svg{stroke:#0c4053}
.card-number,.card-link>span{color:#0c4053}
.card-title{color:#0c4053}
.card-description{color:#345965}
.card-link{border-top-color:#8b9da2;color:#0c4053}
footer .footer-org-link{color:inherit;text-decoration:none;border-bottom:1px solid #8b9da2}
footer .footer-org-link:hover{border-bottom-color:#0c4053;text-decoration:underline;text-underline-offset:3px}

/* Samme kjølige gråtone som kortene: tydeligst til venstre, gradvis gjennomsiktig mot høyre. */
.hero{background-image:linear-gradient(90deg,rgba(198,207,210,.98) 0%,rgba(198,207,210,.93) 36%,rgba(198,207,210,.78) 72%,rgba(198,207,210,.40) 100%),url('assets/skyteidrett-bakgrunn.webp')}

@media(prefers-reduced-motion:reduce){
  .entry-card{transition:none}
  .entry-card:hover{transform:none}
}
@media(max-width:760px){
  .hero{background-image:linear-gradient(90deg,rgba(198,207,210,.99) 0%,rgba(198,207,210,.95) 40%,rgba(198,207,210,.84) 76%,rgba(198,207,210,.58) 100%),url('assets/skyteidrett-bakgrunn.webp')}
}

.guide-open{display:inline-flex;gap:.45rem;align-items:center;margin-top:.5rem;color:#0c4053;font-weight:700;text-decoration:none;border-bottom:1px solid #0c4053}.guide-open:hover{gap:.65rem}


/* Ingressen står tilbake ved siden av hovedbudskapet i bildefeltet. */
.hero{justify-content:flex-start;gap:clamp(18px,3vw,40px)}
.hero-copy{flex:0 0 38%;width:auto}
 .hero>.section-intro{flex:0 1 46%;max-width:480px;align-self:flex-end;margin:0 0 4px;color:var(--ink);font-size:17px;line-height:1.7}
@media(max-width:760px){
  .hero{flex-direction:column;align-items:stretch;gap:18px}
  .hero-copy{flex:0 0 auto;width:100%;min-height:220px}
  .hero>.section-intro{flex:0 0 auto;width:100%;max-width:none;align-self:auto;margin:0;font-size:15px}
}