/* Huisstijl Football Shot Speed. Gras en oranje - dezelfde kleuren als de app,
   zodat wie van de winkelpagina hierheen komt ziet dat hij goed zit.
   Een pagina, een stijlbestand: er is niets te bouwen dat dit niet aankan. */
:root {
  color-scheme: dark;
  --gras: #0a2e14; --kaart: #123d1c; --rand: #1e5c2c;
  --wit: #ffffff; --zacht: #a8d5b5; --gedempt: #7fa98b; --oranje: #ff8a1f;
}
* { box-sizing: border-box; }
body {
  margin: 0; padding: 0 0 3rem; background: var(--gras); color: var(--wit);
  font: 17px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 0 1.1rem; }
.balk { border-bottom: 3px solid var(--oranje); padding: .7rem 0; margin-bottom: 1.4rem;
        display: flex; align-items: center; gap: .8rem; }
.balk img { width: 44px; height: 44px; border-radius: 10px; flex: none; }
h1 { font-size: 1.3rem; margin: 0; text-transform: uppercase; font-weight: 800;
     letter-spacing: .01em; }
h1 span { color: var(--oranje); }
h2 { font-size: 1.05rem; margin: 2rem 0 .4rem; color: var(--oranje); }
p, li { color: #eaf5ec; }
.sub { color: var(--gedempt); font-size: .85rem; margin: .25rem 0 0; }
ul { padding-left: 1.2rem; }
li { margin-bottom: .35rem; }
a { color: var(--zacht); }
.kader { background: var(--kaart); border: 1px solid var(--rand);
         border-radius: 12px; padding: .9rem 1.1rem; margin: 1.2rem 0; }
.kader.let { border-color: var(--oranje); }
.taal { margin-top: 2rem; font-size: .9rem; color: var(--gedempt); }
table { border-collapse: collapse; width: 100%; margin: .8rem 0; font-size: .95rem; }
th, td { text-align: left; padding: .45rem .6rem; border-bottom: 1px solid var(--rand);
         vertical-align: top; }
th { color: var(--gedempt); font-weight: 600; }
.scroll { overflow-x: auto; }