/* v71 – flo og fjære i 3 horisontale kolonner */
.tide-v68-days{
  display:grid;
  grid-template-columns:repeat(3,minmax(220px,1fr));
  gap:12px;
  align-items:start;
  margin:12px 0;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  padding-bottom:4px;
}
.tide-v68-day{
  border:1px solid rgba(110,151,172,.5);
  border-radius:12px;
  padding:12px;
  min-width:220px;
  background:rgba(255,255,255,.55);
}
.tide-v68-day h4{
  margin:0 0 10px;
  font-size:1rem;
  font-weight:800;
  text-align:center;
  padding-bottom:10px;
  border-bottom:1px solid rgba(110,151,172,.35)
}
.tide-v68-events{display:flex;flex-direction:column;gap:8px}
.tide-v68-event{
  display:grid;
  grid-template-columns:minmax(72px,1fr) auto auto;
  align-items:center;
  gap:9px;
  padding:11px 10px;
  border-radius:9px;
  background:rgba(110,151,172,.09);
  font-variant-numeric:tabular-nums;
}
.tide-v68-event strong{font-size:1.08rem}
.tide-v68-height{font-weight:600;white-space:nowrap}
.tide-v68-type{font-weight:700;white-space:nowrap}
.tide-v68-high{border-left:4px solid rgba(56,124,194,.65)}
.tide-v68-low{border-left:4px solid rgba(59,153,127,.65)}
@media (prefers-color-scheme:dark){
  .tide-v68-day{background:rgba(17,33,46,.58);border-color:rgba(124,163,185,.45)}
  .tide-v68-day h4{border-bottom-color:rgba(124,163,185,.28)}
  .tide-v68-event{background:rgba(124,163,185,.12)}
}