/* =========================================================================
   svmiddelburg.css — stijlblad voor de uitslagen van Schaakvereniging Middelburg
   =========================================================================

   Voor Sevilla (JBF Software). Zet dit bestand in de map CSS van de
   Sevilla-installatie, meestal D:\Sevilla\CSS, en kies het bij
   Rapporten > Genereer website > tabblad Bestand > Style sheet.

   Sevilla kopieert het bestand dan bij elke publicatie mee naar de website.
   Er hoeft dus nooit iets met de hand op de server te worden gezet.

   De vormgeving volgt die van svmiddelburg.nl: donker espresso met goud,
   Cormorant Garamond voor de koppen en Alegreya Sans voor de rest. De letters
   worden van de website zelf geladen; staat de export ergens anders, dan valt
   alles terug op de letters van het systeem en blijft de pagina gewoon goed.

   De klassenamen van Sevilla zijn tussen versie 14 en 20 gelijk gebleven, ook
   toen de tabellen div-elementen werden. Dit stijlblad werkt daarom zowel voor
   nieuwe exports als voor de pagina's die uit het archief zijn teruggehaald.

   Sevilla 20.4.3 · september 2026
   ========================================================================= */

/* -- Letters van de site, met terugval op het systeem --------------------- */

@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/sv-middelburg/assets/fonts/alegreya-sans-400-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/sv-middelburg/assets/fonts/alegreya-sans-400-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/wp-content/themes/sv-middelburg/assets/fonts/alegreya-sans-700-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/wp-content/themes/sv-middelburg/assets/fonts/alegreya-sans-700-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/sv-middelburg/assets/fonts/cormorant-garamond-400-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}

/* -- Kleuren en maten ----------------------------------------------------- */

:root {
  --sv-bg:            #1b1610;
  --sv-bg-2:          #17130d;
  --sv-paneel:        #211a12;
  --sv-rij:           #1e180f;
  --sv-rij-2:         #241d14;
  --sv-goud:          #facb8d;
  --sv-goud-diep:     #a06f24;
  --sv-goud-zacht:    #e1ad66;
  --sv-tekst:         #e6ddcd;
  --sv-kop:           #f5ecdb;
  --sv-zacht:         #c1b7a2;
  --sv-vaag:          #8f866f;
  --sv-lijn:          rgba(214, 175, 110, 0.18);
  --sv-lijn-sterk:    rgba(214, 175, 110, 0.32);
  --sv-inkt:          #141009;

  --sv-kopletter:     'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sv-letter:        'Alegreya Sans', 'Segoe UI', -apple-system, Helvetica, Arial, sans-serif;

  --sv-ruimte:        0.75rem;
  --sv-rond:          4px;
}

/* -- Basis ---------------------------------------------------------------- */

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: var(--sv-ruimte);
  background-color: var(--sv-bg);
  color: var(--sv-tekst);
  /* Sevilla zet standaard 8pt; dat is op een telefoon niet te lezen. */
  font-family: var(--sv-letter);
  font-size: 15px;
  line-height: 1.55;
}

a {
  color: var(--sv-goud);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}

a:hover,
a:focus {
  color: #ffe3bf;
  border-bottom-color: currentColor;
}

a:focus-visible {
  outline: 2px solid var(--sv-goud);
  outline-offset: 2px;
}

img { max-width: 100%; height: auto; border: 0; }

hr {
  border: 0;
  border-top: 1px solid var(--sv-lijn);
  margin: var(--sv-ruimte) 0;
}

table {
  border-collapse: collapse;
  border-color: var(--sv-lijn);
  max-width: 100%;
}

td, th {
  font-family: var(--sv-letter);
  font-size: 15px;
  padding: 0.4em 0.7em;
  vertical-align: top;
}

/* Standen lezen alleen prettig als de cijferkolommen uitlijnen. */
td, th { font-variant-numeric: tabular-nums; }

ul { padding-left: 1.1em; margin-left: 0; }

/* -- Van wie is deze pagina? ---------------------------------------------- */

/* Deze pagina's staan normaal ingebed in svmiddelburg.nl, met kop, menu en
   voettekst eromheen. Maar wie via een zoekmachine rechtstreeks op een losse
   ronde belandt, ziet alleen een tabel zonder enige aanduiding van wie hem
   gepubliceerd heeft. Deze regel zet de naam van de club erboven.

   Binnen het ingebedde venster is dat overbodig: de naam staat dan al in de kop
   van de site. Opmaak kan zelf niet zien of een pagina ingebed is, dus de
   omringende pagina zet een kenmerk op deze pagina zodra hij hem inlaadt; de
   regel daaronder haalt de naam dan weer weg.

   Een echte koppeling terug kan hiermee niet; opmaak kan geen link maken. Wil
   je die ook, zet dan in Sevilla een regel in het toernooimemo:
   <a href="/stand/">&larr; Terug naar svmiddelburg.nl</a>  */
body::before {
  content: "Schaakvereniging Middelburg";
  display: block;
  margin-bottom: 0.6rem;
  padding-bottom: 0.4rem;
  font-family: var(--sv-kopletter);
  font-size: 1.05rem;
  letter-spacing: 0.02em;
  color: var(--sv-vaag);
  border-bottom: 1px solid var(--sv-lijn);
}

[data-ingebed] body::before {
  content: none;
}

/* -- Wat er binnen de site niet meer nodig is ----------------------------- */

/* Deze pagina's hebben twee levens. Los geopend — via een zoekmachine of via
   "eigen venster" — moeten ze compleet zijn: kop, gegevens over de competitie,
   menu, alles. Maar ingebed in svmiddelburg.nl staat dat er allemaal al, in de
   woorden van de club, en zegt de rest niets: de vereniging speelt op één avond
   op één plek in één competitie, dus locatie, land, organisatie en
   indelingssysteem zijn iedere week hetzelfde.

   Wat hier wegvalt komt ervoor terug: de titel en het seizoen staan boven het
   venster, en het menu van Sevilla is vervangen door een balk met vier knoppen
   in gewone woorden — Stand, Ronde, Kruistabel, Spelers — in plaats van
   "Normal ranking", "Rondedossier" en "Voortschrijding".

   De kenmerken verschillen per Sevilla-versie: 14.5 gebruikt summary="…",
   20.4 gebruikt id="…". Beide staan hieronder, zodat het archief en de nieuwe
   exports er hetzelfde uitzien. */
[data-ingebed] .MainTitle,
[data-ingebed] #MainTitleTable,
[data-ingebed] .CompInfoTable,
[data-ingebed] #GroupInfoTable,
[data-ingebed] #HeaderTable,
[data-ingebed] .MenuTable,
[data-ingebed] #MenuTable,
[data-ingebed] .SingleLineTitle {
  display: none;
}

/* De afwezigen van een speelavond. Bij Keizer krijgen zij punten, dus het is
   informatie — maar het is een tweede tabel onder de partijen, en wie hem wil
   zien opent de pagina in een eigen venster. */
[data-ingebed] #AbsencesTable,
[data-ingebed] table[summary="Absences"] {
  display: none;
}

/* Sevilla zet losse regeleindes tussen de blokken bovenaan. Die blokken zijn
   hierboven verdwenen, maar de regeleindes blijven staan en duwen de tabel dan
   zonder reden omlaag. Alleen die bovenaan de pagina; binnen een tabel kan een
   regeleinde wél iets betekenen. */
[data-ingebed] body > br {
  display: none;
}

/* Zonder menu hoeft de inhoud niet meer opzij te staan; de tabellen mogen de
   volle breedte hebben. Let op: .MainTable staat in 14.5 op de rij én op de
   cel, en die worden hier dus allebei een blok — dat mag, want de cel ernaast
   (het menu) is zojuist verdwenen. */
[data-ingebed] table:has(> tbody > tr.MainTable),
[data-ingebed] table:has(> tbody > tr.MainTable) > tbody,
[data-ingebed] .MainTable {
  display: block;
  width: auto;
  max-width: 100%;
}

/* -- De titelblokken bovenaan --------------------------------------------- */

.MainTitle,
.SingleLineTitle {
  width: 100%;
  max-width: none;
  margin-bottom: var(--sv-ruimte);
  text-align: left;
  border: 0;
  border-bottom: 2px solid var(--sv-goud-diep);
}

.MainTitleRow,
.SingleLineRow {
  color: var(--sv-kop);
  background-color: transparent;
  font-weight: 400;
}

.MainTitleRow td,
.MainTitleRow div,
.SingleLineRow td {
  padding: 0.1em 0;
  font-family: var(--sv-kopletter);
  font-size: 1.55rem;
  line-height: 1.15;
  letter-spacing: 0.01em;
  color: var(--sv-kop);
}

/* De tweede regel is de ondertitel: groep, ronde, datum. */
.MainTitleRow + .MainTitleRow td,
.MainTitleRow + .MainTitleRow div {
  font-family: var(--sv-letter);
  font-size: 0.95rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sv-goud-zacht);
  padding-bottom: 0.5em;
}

/* -- Gegevens over de competitie ------------------------------------------ */

.CompInfoTable,
.PlayerDataTable {
  width: 100%;
  max-width: 46rem;
  margin-bottom: var(--sv-ruimte);
  border: 1px solid var(--sv-lijn);
  border-radius: var(--sv-rond);
  background-color: var(--sv-paneel);
}

.CompInfoHeader,
.PlayerDataHeader,
.GroupInfoHeader {
  font-family: var(--sv-kopletter);
  font-size: 1.15rem;
  font-weight: 400;
  text-align: left;
  color: var(--sv-kop);
  background-color: transparent;
  border-bottom: 1px solid var(--sv-lijn);
}

/* Let op: Sevilla zet de klassen CompInfoCaption en CompInfoValue op de
   <col>-elementen, niet op de cellen zelf. Via een kolom werken alleen breedte
   en achtergrond, geen letters. Daarom wordt hier op de plaats in de rij
   gemikt: oneven cellen zijn kopjes, even cellen zijn waarden. */
.CompInfoTable td:nth-child(odd),
.PlayerDataTable td:nth-child(odd),
.CompInfoCaption,
.PlayerDataCaption {
  width: 9rem;
  background-color: transparent;
  color: var(--sv-vaag);
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.CompInfoTable td:nth-child(even),
.PlayerDataTable td:nth-child(even),
.CompInfoValue,
.PlayerDataValue {
  background-color: transparent;
  color: var(--sv-tekst);
  font-size: 15px;
  letter-spacing: normal;
  text-transform: none;
}

/* Sevilla drukt elk veld af, ook de velden die niemand invult: locatie, land,
   organisatie, arbiter. Een regel waarvan beide waarden leeg zijn zegt niets en
   verdwijnt daarom; van een half gevulde regel blijft alleen het lege kopje
   onzichtbaar, zodat de kolommen blijven uitlijnen. */
.CompInfoTable tr:has(> td:nth-child(2):empty):has(> td:nth-child(4):empty) {
  display: none;
}

.CompInfoTable td:nth-child(odd):has(+ td:empty),
.PlayerDataTable td:nth-child(odd):has(+ td:empty) {
  color: transparent;
}

/* -- Het menu langs de stand ---------------------------------------------- */

.MainTable { vertical-align: top; }

.MenuTable {
  width: 12rem;
  min-width: 10rem;
  margin-right: var(--sv-ruimte);
  border: 1px solid var(--sv-lijn);
  border-radius: var(--sv-rond);
  background-color: var(--sv-bg-2);
  vertical-align: top;
}

.MenuRow { background-color: transparent; }

.MenuRow td { padding: 0.6em 0.4em; }

.MenuTable ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 0.2em;
}

.MenuTable ul ul {
  padding-left: 0.9em;
  border-left: 1px solid var(--sv-lijn);
  margin: 0.2em 0 0.5em 0.35em;
}

.MenuTable li {
  padding: 0.18em 0;
  font-size: 0.92rem;
}

/* Kopjes in het menu die geen koppeling zijn: "Historie", "Perioden". Sevilla
   hangt de bijbehorende lijst ín dat kopje, dus de opmaak moet daarna weer
   worden teruggezet — anders staat het hele menu in kapitalen. */
.MenuTable li:not(:has(> a)) {
  color: var(--sv-vaag);
  font-size: 0.78rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-top: 0.6em;
}

.MenuTable li ul {
  font-family: var(--sv-letter);
  font-size: 0.92rem;
  letter-spacing: normal;
  text-transform: none;
  color: var(--sv-tekst);
}

.MenuTable li ul li { color: var(--sv-tekst); }

.MenuTable .MenuGroupName {
  font-family: var(--sv-kopletter);
  font-size: 1.25rem;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--sv-goud);
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--sv-lijn);
  margin-bottom: 0.4em;
}

.MenuTable a { border-bottom: 0; }
.MenuTable a:hover { color: #ffe3bf; }

/* Verwijzingen naar pagina's die niet bewaard zijn gebleven. In een stand zijn
   dat de spelersnamen: die horen er gewoon te staan, alleen zonder koppeling.
   Een doorhaling of een grijze kleur zou daar lezen als "deze speler telt niet
   mee". Alleen in het menu, waar een lijst met ronden staat, mag zichtbaar zijn
   dat er niets achter zit. */
.MenuMissing {
  color: inherit;
  cursor: default;
}

.MenuTable .MenuMissing { color: var(--sv-vaag); }

/* -- Standen, spelerslijsten, partijen ------------------------------------ */

.RankingTable,
.PlayerListTable,
.GameListTable,
.GameTable {
  width: 100%;
  border: 1px solid var(--sv-lijn);
  border-radius: var(--sv-rond);
  overflow: hidden;
}

.RankingTitle,
.PlayerListTitle {
  font-family: var(--sv-kopletter);
  font-size: 1.3rem;
  font-weight: 400;
  color: var(--sv-kop);
  text-align: left;
  padding-bottom: 0.2em;
}

.RankingHeader,
.PlayerListHeader,
.GameListHeader,
.XTableHeader,
.XRefHeader {
  color: var(--sv-goud);
  background-color: var(--sv-bg-2);
  font-family: var(--sv-letter);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-align: left;
  border-bottom: 1px solid var(--sv-goud-diep);
  white-space: nowrap;
}

.RankingOddLine,
.PlayerListOddLine,
.GameListOddLine,
.XTableOddLine,
.XRefOddLine {
  background-color: var(--sv-rij);
}

.RankingEvenLine,
.PlayerListEvenLine,
.GameListEvenLine,
.XTableEvenLine,
.XRefEvenLine {
  background-color: var(--sv-rij-2);
}

.RankingOddLine td,
.RankingEvenLine td,
.PlayerListOddLine td,
.PlayerListEvenLine td,
.GameListOddLine td,
.GameListEvenLine td {
  border-bottom: 1px solid rgba(214, 175, 110, 0.08);
}

/* De spelerlijst heeft maar twee kolommen: een nummer en een naam. Een tabel op
   volle breedte verdeelt de overgebleven ruimte gelijk over zijn kolommen, dus
   dan kwam het nummer midden op de regel te staan met een gat erachter. Door de
   naamkolom alles te laten opeisen en de rest naar zijn inhoud te laten krimpen
   staat het nummer weer links. Komt er ooit een kolom bij (rating, jaar), dan
   krimpt die mee. */
.PlayerListTable tr > *:first-child {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

.PlayerListTable tr > *:nth-child(2) { width: 100%; }

/* De koploper mag opvallen. Let op de opbouw van de tabel: eerst een titelrij,
   dan de kopregel met de kolomnamen, en pas dan de eerste speler. Mikken op "de
   tweede rij" raakt dus de kopregel, en `:first-of-type` kijkt naar het soort
   element en niet naar de klasse — dat werkt hier evenmin. Wat wél altijd waar
   is: de eerste speler staat direct onder de kopregel. */
.RankingTable .RankingHeader + tr td,
.RankingTable .RankingHeader + div {
  color: var(--sv-goud);
}

.RankColumns {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sv-ruimte);
  align-items: flex-start;
}

.RankColumn { flex: 1 1 22rem; min-width: 0; }

/* -- Kruistabel ----------------------------------------------------------- */

/* De kruistabel is het breedste dat Sevilla maakt. Op een telefoon past die
   nooit; laat hem daarom binnen zijn eigen kader schuiven in plaats van de
   hele pagina scheef te trekken. */
.XTable,
.XRefTable {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--sv-lijn);
  border-radius: var(--sv-rond);
}

.XTableCell,
.XTableAxis {
  text-align: center;
  white-space: nowrap;
}

.XTableAxis {
  color: var(--sv-zacht);
  background-color: var(--sv-bg-2);
}

/* -- Blokken en indeling -------------------------------------------------- */

.Unit {
  margin: 0 0 var(--sv-ruimte) 0;
  font-family: var(--sv-letter);
  font-size: 1rem;
  border-color: var(--sv-lijn);
  vertical-align: top;
}

.HFlex { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--sv-ruimte); align-items: flex-start; }
.VFlex { display: flex; flex-direction: column; gap: var(--sv-ruimte); }
.IVFlex { display: inline-flex; flex-direction: column; gap: 0.4rem; }

.Logo { max-height: 5rem; width: auto; }

.CountryFlag {
  vertical-align: baseline;
  border: 1px solid var(--sv-lijn);
  border-radius: 2px;
}

.SmallPict, .NormalPict, .LargePict { border-radius: var(--sv-rond); }

.Memo, .MemoRow {
  background-color: var(--sv-paneel);
  border-left: 3px solid var(--sv-goud-diep);
  padding: 0.6em 0.9em;
  color: var(--sv-zacht);
}

/* -- Partijen naspelen ---------------------------------------------------- */

.GameFrame,
.MoveListContainer,
.MoveListContainerRows {
  background-color: var(--sv-paneel);
  border: 1px solid var(--sv-lijn);
  border-radius: var(--sv-rond);
  padding: 0.4em;
}

.Board, .BoardSquare { border-color: var(--sv-lijn-sterk); }

.MoveList, .MoveListText, .MoveListRows {
  font-family: var(--sv-letter);
  font-size: 0.95rem;
  color: var(--sv-tekst);
}

.Move, .MoveText, .MoveTextMainLine { color: var(--sv-tekst); }
.MoveTextVariation { color: var(--sv-zacht); font-style: italic; }
.MoveComment { color: var(--sv-vaag); font-style: italic; }

.SelectedMove {
  background-color: var(--sv-goud);
  color: var(--sv-inkt);
  border-radius: 2px;
  padding: 0 0.25em;
}

.Navigate { cursor: pointer; opacity: 0.85; }
.Navigate:hover { opacity: 1; }
.NavigateDisabled { opacity: 0.3; }

.GameLink, .PGNLink, .PlayerWebLink { font-size: 0.9rem; }

.GameData { color: var(--sv-zacht); font-size: 0.9rem; }

.ShowBoard { display: block; }
.HideBoard { display: none; }

/* -- Smalle schermen ------------------------------------------------------ */

/* Sevilla zet het menu naast de inhoud in een tabel. Op een telefoon zetten we
   die twee onder elkaar, zodat de stand de volle breedte krijgt. */
@media (max-width: 46rem) {
  body { padding: 0.5rem; font-size: 14px; }

  .MainTitleRow td,
  .MainTitleRow div { font-size: 1.3rem; }

  /* Let op: de klasse MainTable staat op de rij en de cel, niet op de tabel
     zelf. Die tabel heeft helemaal geen klasse en is alleen te vinden via wat
     erin staat. Zonder dat blijft de tabel zich als tabel gedragen en helpt het
     stapelen van de cellen niets.

     De tbody moet er nadrukkelijk bij. Die staat niet in de HTML — de browser
     voegt hem zelf toe — en blijft anders een table-row-group. Zo'n groep vormt
     binnen een blok een eigen, onzichtbare tabel die net zo breed wordt als
     haar inhoud, en dan is alles daaronder ineens 460 pixels breed terwijl het
     scherm er 330 heeft. Elke `max-width: 100%` daarbinnen rekent dan tegen die
     460 aan en houdt dus niets tegen. */
  table:has(> tbody > tr.MainTable),
  table:has(> tbody > tr.MainTable) > tbody,
  table:has(> tr.MainTable),
  table.MainTable,
  tr.MainTable,
  td.MainTable {
    display: block;
    width: auto;
    max-width: 100%;
  }

  .MenuTable {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0 0 var(--sv-ruimte) 0;
    /* Zonder dit rekt de tabel op tot de breedste menuregel en loopt hij het
       scherm uit; met een vaste indeling houdt hij zich aan de 100%. */
    table-layout: fixed;
  }

  /* Het menu is lang — een competitie van dertig ronden geeft dertig regels —
     en de stand hoort niet daaronder te verdwijnen. Twee kolommen halveren de
     hoogte zonder dat er iets verborgen raakt. */
  .MenuTable ul { column-count: 2; column-gap: var(--sv-ruimte); }
  .MenuTable ul ul { column-count: 1; }
  .MenuTable li { overflow-wrap: anywhere; }

  .CompInfoTable, .PlayerDataTable { max-width: none; }

  .CompInfoTable td:nth-child(odd),
  .PlayerDataTable td:nth-child(odd),
  .CompInfoCaption, .PlayerDataCaption { width: auto; }

  /* Een stand met tien kolommen past op geen enkele telefoon. Laat de tabel
     binnen zijn eigen kader schuiven; dan blijft de rest van de pagina staan
     waar hij staat. */
  .RankingTable,
  .PlayerListTable,
  .GameListTable {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }

  td, th { padding: 0.35em 0.45em; font-size: 14px; }
}

/* -- Afdrukken ------------------------------------------------------------ */

/* De stand van de laatste ronde gaat op de clubavond mee naar het prikbord.
   Op papier hoort zwart op wit, zonder menu. */
@media print {
  body {
    background: #fff;
    color: #000;
    font-size: 10pt;
    padding: 0;
  }

  a { color: #000; border-bottom: 0; }

  .MenuTable, .MenuRow, .GameFrame, .Navigate { display: none !important; }

  .MainTitleRow td,
  .MainTitleRow div { color: #000; }

  .MainTitleRow + .MainTitleRow td,
  .MainTitleRow + .MainTitleRow div { color: #333; }

  .MainTitle, .SingleLineTitle { border-bottom: 2px solid #000; }

  .RankingHeader, .PlayerListHeader, .GameListHeader,
  .XTableHeader, .XRefHeader {
    color: #000;
    background: #eee;
    border-bottom: 1px solid #000;
  }

  .RankingOddLine, .PlayerListOddLine, .GameListOddLine,
  .XTableOddLine, .XRefOddLine { background: #fff; }

  .RankingEvenLine, .PlayerListEvenLine, .GameListEvenLine,
  .XTableEvenLine, .XRefEvenLine { background: #f4f4f4; }

  .CompInfoTable, .PlayerDataTable { background: #fff; border-color: #999; }
  .CompInfoCaption, .PlayerDataCaption { color: #444; }

  .XTable, .XRefTable { overflow: visible; }
}