:root { color-scheme: light dark; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; max-width: none; padding: 8px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", sans-serif; line-height: 1.6; color: #ffffff; background: #009660; }
p { margin: 0 0 12px; }
img { max-width: 100%; height: auto; margin: 6px; background: transparent; display: block; }
.table-scroll td img { margin-left: auto; margin-right: auto; }
table { width: 100%; border-collapse: collapse; margin: 16px 0; table-layout: fixed; }
/* Equal columns for 4-col tables */
table tr > th, table tr > td { width: 25%; }
.table-scroll { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
@media (max-width: 800px) {
  .table-scroll {
    --first-col-width: 132px;
    margin: 16px 0;
    scroll-padding-left: var(--first-col-width);
  }
  .table-scroll table {
    table-layout: fixed;
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
  }
  .table-scroll table tr > :first-child {
    position: sticky;
    left: 0;
    width: var(--first-col-width);
    min-width: var(--first-col-width);
    max-width: var(--first-col-width);
    background: rgba(248, 255, 252, 0.97);
    z-index: 2;
    border-right: 2px solid #2e8f69;
  }
  .table-scroll table tr > :not(:first-child) {
    width: calc(100vw - var(--first-col-width) - 24px);
    min-width: calc(100vw - var(--first-col-width) - 24px);
    max-width: calc(100vw - var(--first-col-width) - 24px);
    scroll-snap-align: start;
  }
  .table-scroll table tr:nth-child(even) > :first-child { background: rgba(232, 249, 241, 0.97); }
}
thead th { background: rgba(238, 255, 247, 0.98); color: #082e20; }
th, td { box-sizing: border-box; border: 1px solid #2e8f69; padding: 10px; vertical-align: top; background: rgba(248, 255, 252, 0.97); color: #082e20; }
tbody tr:nth-child(even) td { background: rgba(232, 249, 241, 0.97); }
ol, ul { margin: 8px 0 12px 22px; }
a { color: #d5ffe9; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: underline; }
th a, td a { color: #0b6b4a; }
th a:hover, td a:hover { color: #084d35; }
strong em { font-weight: 600; }
.toggle-switch { position: relative; display: inline-block; width: 40px; height: 20px; }
.toggle-switch input { opacity: 0; width: 0; height: 0; }
.toggle-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius: 20px; transition: 0.3s; }
.toggle-switch .slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; transition: 0.3s; }
.toggle-switch input:checked + .slider { background-color: #f60; }
.toggle-switch input:checked + .slider:before { transform: translateX(20px); }
.lang-nl { display: none; }