/* Bij getij-blok.js: de getijgrafiek en de tijden eronder. Hoogte vooraf gereserveerd, zodat er niets verspringt. */
.spotgetij{min-height:424px;margin-bottom:1.2em;font-family:var(--tekst)}
.sg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.sg li{margin:0;padding:9px 4px;border:1px solid var(--lijn);border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11.5px;color:#5A5249;text-align:center}
.sg li::before{content:none}
.sg b{font-size:17px;color:var(--inkt)}
.sg-laag{background:var(--goed-v)}
/* Geen opacity: halfdoorzichtige tekst haalde geen 4,5:1 (20-09). Een vaste, leesbare kleur en gewoon gewicht. */
.sg-voorbij,.sg-voorbij span,.sg-voorbij b{color:#5A5249;font-weight:500}
/* voorbij herken je aan de stippelrand, niet aan een flauwere kleur: --flauw haalt op het groene vak geen 4,5:1 */
.sg li.sg-voorbij{border-style:dashed}
/* Telefoon: geen tegels maar regels. Vijf tegels in drie kolommen gaf een gat en 660 px hoogte;
   een regel per hoog of laag water leest in een oogopslag: de tijd groot links, wat het is ernaast. */
@media(max-width:640px){
  .sg{grid-template-columns:1fr;gap:6px}
  /* Regel 1: de tijd groot, wat het is, welke dag. Regel 2 over de hele breedte: wanneer de stroom keert.
     Over de hele breedte, want in de smalle kolom van een spotpagina (301 px) brak die zin anders af. */
  .sg li{display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"tijd wat dag" "str str str";column-gap:10px;row-gap:2px;align-items:baseline;text-align:left;padding:9px 12px;font-size:13px;min-height:58px;box-sizing:border-box}
  .sg.sg li>b{grid-area:tijd;font-size:20px;line-height:1.2}
  .sg li>span:nth-child(1){grid-area:wat;font-weight:700;color:var(--inkt)}
  .sg li>span:nth-child(3){grid-area:dag}
  .sg.sg li .sg-str{grid-area:str;margin:0;padding:0;border:0;width:auto;font-size:13px;line-height:1.35}
  .sg .sg-str br{display:none}
  .sg.sg li .sg-str b{font-size:13px}
  .sg-ver::before{content:"\00b7  "}
  .spotgetij{min-height:649px}
}
.gg{display:block;width:100%;height:auto;margin-bottom:10px}
.gg-vlak{fill:var(--goed-v)}.gg-lijn{fill:none;stroke:var(--goed);stroke-width:2.5;stroke-linejoin:round}
.gg-raster{stroke:var(--lijn);stroke-width:1}.gg-as{font:500 11px var(--tekst);fill:var(--flauw);text-anchor:middle}
.gg-nu{stroke:#17130F;stroke-width:1.5;stroke-dasharray:3 3}.gg-nut{font:700 11px var(--tekst);fill:#17130F;text-anchor:middle}
.gg-punt{fill:var(--goed);stroke:#fff;stroke-width:1.5}.gg-t{font:700 12px var(--tekst);fill:var(--inkt);text-anchor:middle}
.sg li{list-style:none}
.getijsectie{margin-top:28px}
/* De voetregel (bron, link naar de spotpagina) zit sinds 20-09 achter de i naast de kop. */
.getijsectie{margin-bottom:32px}
.gg-sa{fill:#2F6F9F;stroke:#2F6F9F}.gg-sb{fill:#B0730F;stroke:#B0730F}
.gg-st{font:700 11px var(--tekst);stroke:none;text-anchor:middle}
.gg-leg{font-family:var(--tekst);font-size:12.5px;color:var(--flauw);margin:0 0 10px;max-width:none}
.gg-kp{fill:var(--inkt);stroke:none}.gg-kt{font:700 11px var(--tekst);fill:var(--inkt);text-anchor:middle}
.sg .sg-str{margin-top:6px;padding-top:6px;border-top:1px solid var(--lijn);font-size:11px;line-height:1.35;color:#5A5249;width:86%}
.sg .sg-str b{font-size:12.5px;color:var(--inkt)}