/* Stil des Reglements. Erzeugt aus EPLZ-Reglement.html von
   scripts/reglement-bauen.mjs — nicht von Hand ändern. */
@page cover{ margin:0; background-color:#123D2D; counter-reset:page 0;
  @top-center{content:""} @bottom-left{content:""} @bottom-right{content:""} @bottom-right-corner{content:""}
}

/* Bildschirm: alle Längen relativ zur Blatteinheit --u (Standard 1rem). */
@media screen{
.reglement-blatt{--u:1rem;}
.reglement-blatt{
  /* Palette des Reglements — bewusst knapp gehalten.
     Jeder Ton hat eine Aufgabe; Töne, die einander zum Verwechseln ähnlich
     waren, sind zusammengelegt (siehe Fussnote unten). */

  /* Flächen */
  --felt-top:#17482F;    /* Filz, warm und hell: der Kopf des Deckblattverlaufs.
                            Kein Zierton — er allein gibt dem Verlauf seine
                            Tiefe (ohne ihn faellt ΔL* von 12,7 auf 8,4) und
                            traegt die Eckrosetten. */
  --felt:#123D2D;        /* Filz: Deckblatt, Teil-Balken */
  --felt-deep:#0B291E;   /* Filz, tief: Verlauf und Kanten */
  --felt-line:#2A6B4F;   /* Filz, hell: die Guilloche des Deckblatts */
  --paper:#F2EBD9;       /* Papier — und Schrift auf Filz */

  /* Schrift */
  --ink:#23261E;
  --ink-soft:#54533F;

  /* Gold: genau zwei Töne. Gedämpft trägt die Linien und Kapitälchen,
     leuchtend die Akzente auf Filz. */
  --gold:#A8842B;
  --gold-bright:#C7A24A;

  /* Rot: ein einziger Ton für Herz, Karo, roten Chip und Hinweise. */
  --red:#BE3A32;

  /* Haarlinien — und die Kante des weissen Chips. */
  --rule:#C9BC94;

  /* Chips (Art. 11): nur die Farben, die es sonst nirgends gibt. Weiss ist
     --paper, Rot ist --red, Gelb ist --gold-bright. */
  --chip-blue:#2C5A86;
  --chip-green:#2E7D5B;
}
.reglement-blatt /* ---------- page setup ---------- */
@page{
  size:A4;
  margin:calc(4.25197 * var(--u)) calc(4.25197 * var(--u)) calc(3.77953 * var(--u)) calc(4.25197 * var(--u));
  background-color:#F2EBD9;
  @top-center{
    content:"Eidgenössische Poker Liga Zürich";
    font-family:'Cinzel',serif; font-size:calc(0.56667 * var(--u)); letter-spacing:calc(0.15 * var(--u));
    color:#8A7A48;
  }
  @bottom-left{
    content:"Reglement · Ausgabe I";
    font-family:'Poppins',sans-serif; font-size:calc(0.5 * var(--u)); letter-spacing:calc(0.09375 * var(--u));
    text-transform:uppercase; color:#8A7A48;
  }
  @bottom-right{
    content:"Non fortuna regit lusum, sed ratio quae fortunam metitur";
    font-family:'EB Garamond',serif; font-style:italic; font-size:calc(0.55 * var(--u)); letter-spacing:calc(0.0125 * var(--u));
    color:#8A7A48; padding-right:calc(0.94488 * var(--u));
  }
  @bottom-right-corner{
    content: counter(page);
    font-family:'Cinzel',serif; font-size:calc(0.70833 * var(--u)); color:#8A7A48; padding-left:calc(0.23622 * var(--u));
  }
}
.reglement-blatt *{ box-sizing:border-box; }
.reglement-blatt{
  -webkit-print-color-adjust:exact; print-color-adjust:exact;
  background:#F2EBD9;
}
.reglement-blatt{
  margin:0; color:var(--ink);
  font-family:'EB Garamond',Georgia,serif;
  font-size:calc(0.74167 * var(--u)); line-height:1.38;
  font-feature-settings:"liga","kern","onum","pnum";
  text-rendering:optimizeLegibility;
}
.reglement-blatt p{ margin:0 0 calc(0.47244 * var(--u)); }
.reglement-blatt em{ font-style:italic; }
.reglement-blatt strong,.reglement-blatt b{ font-weight:600; }
.reglement-blatt sub,.reglement-blatt sup{ line-height:0; }
.reglement-blatt /* ==================================================================
   COVER  (unchanged design)
   ================================================================== */
.cover{
  page:cover; position:relative; z-index:5;
  width:calc(49.6063 * var(--u)); height:calc(70.15748 * var(--u)); overflow:hidden;
  background:
    radial-gradient(140% 100% at 50% 8%, var(--felt-top) 0%, var(--felt) 34%, var(--felt-deep) 100%);
  color:var(--paper);
  break-after:page;
}
.reglement-blatt .cover .frame{ position:absolute; inset:calc(2.59843 * var(--u)); border:calc(0.11667 * var(--u)) solid var(--gold); }
.reglement-blatt .cover .frame::after{ content:""; position:absolute; inset:calc(0.56693 * var(--u)); border:calc(0.04167 * var(--u)) solid rgba(199,162,74,.55); }
.reglement-blatt .cover-guilloche{ position:absolute; inset:0; opacity:.5; }
.reglement-blatt .cover-inner{
  position:absolute; inset:calc(2.59843 * var(--u)); z-index:3;
  display:flex; flex-direction:column; align-items:center;
  justify-content:space-between;
  text-align:center; padding:calc(3.30709 * var(--u)) calc(3.77953 * var(--u)) calc(2.83465 * var(--u));
}
.reglement-blatt .cover-top{ display:flex; flex-direction:column; align-items:center; }
.reglement-blatt .cover-main{ flex:1; display:flex; flex-direction:column; align-items:center;
  justify-content:center; width:100%; }
.reglement-blatt /* Gesperrte Schrift,.reglement-blatt die zentriert steht: die Sperrung laeuft auch hinter dem
   letzten Buchstaben mit und zaehlt zur Kastenbreite. Der Kasten steht dann
   mittig,.reglement-blatt die Schrift darin aber um die halbe Sperrung zu weit links. Ein
   padding-left in Hoehe der Sperrung gleicht den Nachlauf aus. */
.zentriert-gesperrt{ padding-left:var(--sperrung); }
.reglement-blatt .cover-eyebrow{
  font-family:'Cinzel',serif; font-weight:600;
  font-size:calc(0.79167 * var(--u)); --sperrung:calc(0.375 * var(--u)); letter-spacing:var(--sperrung); color:var(--gold-bright);
  text-transform:uppercase; margin-top:calc(0.47244 * var(--u));
}
.reglement-blatt /* Haarlinien als Rahmen,.reglement-blatt nicht als Flaeche: eine Flaeche von calc(0.04167 * var(--u)) Hoehe rundet
   Firefox im Druck auf null und laesst die Linie ganz verschwinden. */
.cover-rule{ width:calc(8.0315 * var(--u)); height:0; border-top:calc(0.08333 * var(--u)) solid var(--gold); margin:calc(1.1811 * var(--u)) 0 0; opacity:.8; }
.reglement-blatt .cover .seal-lg{ width:calc(14.17323 * var(--u)); height:calc(14.17323 * var(--u)); margin:0 0 calc(2.12598 * var(--u)); filter:drop-shadow(0 calc(0.47244 * var(--u)) calc(0.94488 * var(--u)) rgba(0,0,0,.35)); }
.reglement-blatt .cover-orn{ display:flex; align-items:center; gap:calc(0.94488 * var(--u)); margin:calc(1.88976 * var(--u)) 0 calc(1.65354 * var(--u)); }
.reglement-blatt .cover-orn .l{ width:calc(5.66929 * var(--u)); height:0; border-top:calc(0.04167 * var(--u)) solid var(--gold); opacity:.7; }
.reglement-blatt .cover-orn .s{ font-family:'DejaVu Sans',sans-serif; font-size:calc(0.875 * var(--u)); }
.reglement-blatt /* Pik und Kreuz sind schwarze Farben — Schwarz traegt auf Filz nicht,.reglement-blatt sie
   stehen darum in Gold. Herz und Karo bleiben rot. */
.cover-orn .s.k{ color:var(--gold-bright); }
.reglement-blatt .cover-orn .s.r{ color:var(--red); }
.reglement-blatt .cover-title{
  font-family:'Cinzel',serif; font-weight:700;
  color:var(--paper);
  font-size:calc(2.41667 * var(--u)); line-height:1.14; letter-spacing:calc(0.125 * var(--u));
  margin:0;
}
.reglement-blatt .cover-title span{ display:block; }
.reglement-blatt .cover-title .zurich{ color:var(--gold-bright); letter-spacing:calc(0.5 * var(--u)); }
.reglement-blatt .cover-sub{
  font-family:'Playfair Display',serif; font-style:italic; font-weight:500;
  font-size:calc(1.33333 * var(--u)); color:var(--paper); margin-top:calc(1.65354 * var(--u));
}
.reglement-blatt .cover-strap{
  margin-top:0;
  font-family:'EB Garamond',serif; font-style:italic;
  font-size:calc(1.08333 * var(--u)); color:rgba(242,235,217,.9);
  max-width:calc(27.87402 * var(--u)); line-height:1.5;
}
.reglement-blatt .cover-cite{
  margin-top:calc(0.82677 * var(--u));
  font-family:'Cinzel',serif; font-size:calc(0.625 * var(--u)); --sperrung:calc(0.15625 * var(--u)); letter-spacing:var(--sperrung);
  text-transform:uppercase; color:var(--gold-bright);
}
.reglement-blatt .cover-foot{
  margin-top:calc(0.70866 * var(--u)); display:flex; align-items:center; gap:calc(1.65354 * var(--u));
  font-family:'Cinzel',serif; font-size:calc(0.66667 * var(--u)); --sperrung:calc(0.1875 * var(--u)); letter-spacing:var(--sperrung);
  color:var(--gold); text-transform:uppercase;
}
.reglement-blatt .cover-foot .dot{ width:calc(0.28333 * var(--u)); height:calc(0.28333 * var(--u)); background:var(--gold); border-radius:50%; }
.reglement-blatt .cover-motto-wrap{
  display:flex; flex-direction:column; align-items:center; margin-top:calc(1.41732 * var(--u));
}
.reglement-blatt .cover-motto-rule{ width:calc(3.77953 * var(--u)); height:0; border-top:calc(0.04167 * var(--u)) solid var(--gold); opacity:.6; margin-bottom:calc(0.70866 * var(--u)); }
.reglement-blatt .cover-motto{
  font-family:'EB Garamond',serif; font-style:italic; font-size:calc(0.69167 * var(--u));
  --sperrung:calc(0.01875 * var(--u)); letter-spacing:var(--sperrung);
  color:var(--paper); text-align:center; opacity:.92;
}
.reglement-blatt /* ==================================================================
   COMPACT BODY  (two-column law-text layout)
   ================================================================== */
.sheet{ padding-top:calc(0.23622 * var(--u)); }
.reglement-blatt /* masthead strip above the columns */
.masthead{
  display:flex; align-items:center; justify-content:space-between;
  border-bottom:calc(0.09167 * var(--u)) solid var(--gold); padding-bottom:calc(0.56693 * var(--u)); margin-bottom:calc(0.85039 * var(--u));
}
.reglement-blatt .masthead .mh-left{ display:flex; align-items:center; gap:calc(0.70866 * var(--u)); }
.reglement-blatt .masthead .mh-seal{ width:calc(2.59843 * var(--u)); height:calc(2.59843 * var(--u)); }
.reglement-blatt .masthead .mh-tt{ line-height:1.05; }
.reglement-blatt .masthead .mh-k{
  font-family:'Cinzel',serif; font-weight:600; font-size:calc(0.53333 * var(--u));
  letter-spacing:calc(0.25 * var(--u)); text-transform:uppercase; color:var(--gold);
}
.reglement-blatt .masthead .mh-h{
  font-family:'Playfair Display',serif; font-weight:700; font-size:calc(1.25 * var(--u));
  color:var(--ink); margin:calc(0.04724 * var(--u)) 0 0;
}
.reglement-blatt .masthead .mh-suits{ font-family:'DejaVu Sans',sans-serif; font-size:calc(0.75 * var(--u)); letter-spacing:calc(0.125 * var(--u)); }
.reglement-blatt .masthead .mh-suits .r{ color:var(--red); }
.reglement-blatt .masthead .mh-suits .k{ color:var(--ink); }
.reglement-blatt /* preamble spanning full width,.reglement-blatt with drop cap */
.preamble{ margin:0 0 calc(0.94488 * var(--u)); font-size:calc(0.75833 * var(--u)); line-height:1.44; color:var(--ink); }
.reglement-blatt .preamble::first-letter{
  font-family:'Cinzel',serif; font-weight:700; color:var(--gold);
  font-size:3em; line-height:.8; float:left; padding:calc(0.23622 * var(--u)) calc(0.56693 * var(--u)) 0 0;
}
.reglement-blatt /* the flowing two columns */
.cols{ column-count:2; column-gap:calc(1.88976 * var(--u)); column-rule:calc(0.03333 * var(--u)) solid var(--rule);
  column-fill:balance; }
.reglement-blatt .cols p{ orphans:2; widows:2; }
.reglement-blatt /* keep atomic units whole,.reglement-blatt but let articles flow across columns to fill evenly */
.formula,.reglement-blatt .notice,.reglement-blatt table.tbl,.reglement-blatt dl.defs > div,.reglement-blatt ol.reasons li,.reglement-blatt ul.rules li,.reglement-blatt ul.awards li,.reglement-blatt .part-head,.reglement-blatt .art-head{ break-inside:avoid; }
.reglement-blatt .part-head,.reglement-blatt .art-head,.reglement-blatt h3.sub{ break-after:avoid; }
.reglement-blatt /* part header — slim green bar,.reglement-blatt spans one column */
.part-head{
  position:relative; margin:calc(0.70866 * var(--u)) 0 calc(0.70866 * var(--u));
  background:linear-gradient(135deg, var(--felt) 0%, var(--felt-deep) 100%);
  color:var(--paper); padding:calc(0.68504 * var(--u)) calc(0.70866 * var(--u)) calc(0.68504 * var(--u)); overflow:hidden;
  break-inside:avoid; break-after:avoid;
}
.reglement-blatt .part-head::before{ content:""; position:absolute; inset:calc(0.2126 * var(--u)); border:calc(0.03333 * var(--u)) solid rgba(199,162,74,.5); }
.reglement-blatt .part-head .pk{
  font-family:'Cinzel',serif; font-weight:600; letter-spacing:calc(0.1875 * var(--u));
  font-size:calc(0.5 * var(--u)); color:var(--gold-bright); text-transform:uppercase;
}
.reglement-blatt .part-head .pt{
  font-family:'Playfair Display',serif; font-weight:700; font-size:calc(0.95833 * var(--u));
  margin:calc(0.07087 * var(--u)) 0 0; color:var(--paper);
}
.reglement-blatt .first-part{ margin-top:calc(0.11811 * var(--u)); }
.reglement-blatt /* article */
.art{ margin:0 0 calc(0.70866 * var(--u)); }
.reglement-blatt .art-head{ display:flex; align-items:baseline; gap:calc(0.56693 * var(--u)); margin:0 0 calc(0.37795 * var(--u));
  border-bottom:calc(0.04167 * var(--u)) solid var(--gold); padding-bottom:calc(0.23622 * var(--u)); break-after:avoid; }
.reglement-blatt .art-num{
  font-family:'Cinzel',serif; font-weight:700; color:var(--gold);
  font-size:calc(0.61667 * var(--u)); letter-spacing:calc(0.0625 * var(--u)); white-space:nowrap;
}
.reglement-blatt .art-title{
  font-family:'Playfair Display',serif; font-weight:600; font-size:calc(0.80833 * var(--u));
  color:var(--ink); flex:1;
}
.reglement-blatt h3.sub{
  font-family:'Playfair Display',serif; font-weight:600; font-size:calc(0.71667 * var(--u));
  color:var(--red); margin:calc(0.61417 * var(--u)) 0 calc(0.2126 * var(--u)); break-after:avoid;
}
.reglement-blatt /* lists */
ul.rules{ list-style:none; margin:calc(0.14173 * var(--u)) 0 calc(0.33071 * var(--u)); padding:0; }
.reglement-blatt ul.rules li{ position:relative; padding:0 0 0 calc(1.08661 * var(--u)); margin:0 0 calc(0.23622 * var(--u)); }
.reglement-blatt ul.rules li::before{ content:"◆"; position:absolute; left:calc(0.09449 * var(--u)); top:0;
  color:var(--gold); font-size:calc(0.46667 * var(--u)); line-height:1.9; }
.reglement-blatt ul.awards{ list-style:none; margin:calc(0.23622 * var(--u)) 0 0; padding:0; }
.reglement-blatt ul.awards li{ position:relative; padding:0 0 calc(0.33071 * var(--u)) calc(1.03937 * var(--u)); margin:0; }
.reglement-blatt ul.awards li::before{ content:"★"; position:absolute; left:0; top:calc(0.04724 * var(--u)); color:var(--gold); font-size:calc(0.55 * var(--u)); }
.reglement-blatt ul.awards li b{ font-family:'Playfair Display',serif; font-weight:600; font-size:calc(0.74167 * var(--u)); color:var(--ink); }
.reglement-blatt ul.awards li span{ display:block; font-size:calc(0.66667 * var(--u)); color:var(--ink-soft); font-style:italic; line-height:1.2; }
.reglement-blatt dl.defs{ margin:calc(0.23622 * var(--u)) 0 0; }
.reglement-blatt dl.defs > div{ display:flex; gap:calc(0.56693 * var(--u)); padding:calc(0.25984 * var(--u)) 0; border-bottom:calc(0.02917 * var(--u)) dotted var(--rule); break-inside:avoid; }
.reglement-blatt dl.defs dt{ font-family:'Playfair Display',serif; font-weight:600; min-width:calc(5.19685 * var(--u)); color:var(--ink); }
.reglement-blatt dl.defs dd{ margin:0; flex:1; color:var(--ink-soft); }
.reglement-blatt /* formula box — compact */
.formula{
  position:relative; margin:calc(0.51969 * var(--u)) 0; padding:calc(0.47244 * var(--u)) calc(0.56693 * var(--u)) calc(0.4252 * var(--u));
  background:var(--paper);
  border:calc(0.04167 * var(--u)) solid var(--rule); border-left:calc(0.16667 * var(--u)) solid var(--gold);
  break-inside:avoid;
}
.reglement-blatt .formula .fx{ overflow:hidden; }
.reglement-blatt .formula .cap{
  position:absolute; top:calc(-0.44882 * var(--u)); right:calc(0.70866 * var(--u)); background:var(--paper); padding:0 calc(0.33071 * var(--u));
  font-family:'Poppins',sans-serif; font-size:calc(0.43333 * var(--u)); letter-spacing:calc(0.1 * var(--u));
  text-transform:uppercase; color:var(--gold);
}
.reglement-blatt .katex{ font-size:.82em; }
.reglement-blatt .katex-display{ margin:.15em 0; }
.reglement-blatt .formula.wide .katex{ font-size:.72em; }
.reglement-blatt /* notice */
.notice{
  margin:calc(0.61417 * var(--u)) 0; padding:calc(0.51969 * var(--u)) calc(0.47244 * var(--u)) calc(0.51969 * var(--u)) calc(1.22835 * var(--u)); position:relative;
  background:rgba(156,42,46,.05); border:calc(0.03333 * var(--u)) solid rgba(156,42,46,.28);
  font-size:calc(0.69167 * var(--u)); line-height:1.28; break-inside:avoid;
}
.reglement-blatt .notice::before{ content:"§"; position:absolute; left:calc(0.37795 * var(--u)); top:calc(0.30709 * var(--u));
  font-family:'Playfair Display',serif; font-weight:700; color:var(--red); font-size:calc(0.83333 * var(--u)); }
.reglement-blatt .notice .lab{ font-family:'Poppins',sans-serif; font-size:calc(0.45 * var(--u)); letter-spacing:calc(0.1 * var(--u));
  text-transform:uppercase; color:var(--red); display:block; margin-bottom:calc(0.09449 * var(--u)); }
.reglement-blatt /* numbered reasons */
ol.reasons{ counter-reset:r; list-style:none; margin:calc(0.23622 * var(--u)) 0 0; padding:0; }
.reglement-blatt ol.reasons li{ counter-increment:r; position:relative; padding:0 0 calc(0.23622 * var(--u)) calc(1.32283 * var(--u)); margin:0 0 calc(0.37795 * var(--u)); break-inside:avoid; }
.reglement-blatt ol.reasons li::before{ content:counter(r,upper-roman); position:absolute; left:0; top:calc(0.02362 * var(--u));
  font-family:'Cinzel',serif; font-weight:700; color:var(--gold); font-size:calc(0.66667 * var(--u)); }
.reglement-blatt ol.reasons b{ font-family:'Playfair Display',serif; font-weight:600; color:var(--ink); }
.reglement-blatt /* tables */
table.tbl{ width:100%; border-collapse:collapse; margin:calc(0.47244 * var(--u)) 0 calc(0.14173 * var(--u));
  font-family:'EB Garamond',serif; font-size:calc(0.71667 * var(--u)); break-inside:avoid; }
.reglement-blatt table.tbl caption{ caption-side:top; text-align:left;
  font-family:'Poppins',sans-serif; font-size:calc(0.46667 * var(--u)); letter-spacing:calc(0.1 * var(--u));
  text-transform:uppercase; color:var(--gold); margin-bottom:calc(0.18898 * var(--u)); }
.reglement-blatt table.tbl th{ font-family:'Poppins',sans-serif; font-weight:600; font-size:calc(0.51667 * var(--u));
  letter-spacing:calc(0.0625 * var(--u)); text-transform:uppercase; color:var(--ink-soft);
  text-align:left; padding:calc(0.30709 * var(--u)) calc(0.4252 * var(--u)); border-bottom:calc(0.075 * var(--u)) solid var(--gold); }
.reglement-blatt table.tbl td{ padding:calc(0.30709 * var(--u)) calc(0.4252 * var(--u)); border-bottom:calc(0.02917 * var(--u)) solid var(--rule); }
.reglement-blatt table.tbl td.num,.reglement-blatt table.tbl th.num{ text-align:right; font-variant-numeric:tabular-nums; }
.reglement-blatt table.tbl tr.total td{ border-top:calc(0.06667 * var(--u)) solid var(--gold); border-bottom:none;
  font-family:'Playfair Display',serif; font-weight:700; }
.reglement-blatt .chipdot{ display:inline-block; width:calc(0.61417 * var(--u)); height:calc(0.61417 * var(--u)); border-radius:50%;
  margin-right:calc(0.37795 * var(--u)); vertical-align:calc(-0.07087 * var(--u)); box-shadow:0 0 0 calc(0.03333 * var(--u)) rgba(0,0,0,.12) inset;
  background-image:repeating-conic-gradient(from 0deg, transparent 0deg 24deg, rgba(255,255,255,.55) 24deg 30deg); }
.reglement-blatt .chipdot.w{ background-color:var(--paper); box-shadow:0 0 0 calc(0.04167 * var(--u)) var(--rule) inset; }
.reglement-blatt .chipdot.r{ background-color:var(--red); }
.reglement-blatt .chipdot.b{ background-color:var(--chip-blue); }
.reglement-blatt .chipdot.g{ background-color:var(--chip-green); }
.reglement-blatt .chipdot.y{ background-color:var(--gold-bright); }
.reglement-blatt .chipname{ white-space:nowrap; }
.reglement-blatt /* closing line */
.colo{ break-inside:avoid; margin-top:calc(1.1811 * var(--u)); padding-top:calc(0.4252 * var(--u)); border-top:calc(0.04167 * var(--u)) solid var(--rule);
  text-align:center; font-family:'Cinzel',serif; letter-spacing:calc(0.125 * var(--u)); font-size:calc(0.55 * var(--u));
  color:var(--gold); text-transform:uppercase; }
}

/* Druck: die absoluten Masse der Vorlage, unangetastet. */
@media print{
.reglement-blatt{
  /* Palette des Reglements — bewusst knapp gehalten.
     Jeder Ton hat eine Aufgabe; Töne, die einander zum Verwechseln ähnlich
     waren, sind zusammengelegt (siehe Fussnote unten). */

  /* Flächen */
  --felt-top:#17482F;    /* Filz, warm und hell: der Kopf des Deckblattverlaufs.
                            Kein Zierton — er allein gibt dem Verlauf seine
                            Tiefe (ohne ihn faellt ΔL* von 12,7 auf 8,4) und
                            traegt die Eckrosetten. */
  --felt:#123D2D;        /* Filz: Deckblatt, Teil-Balken */
  --felt-deep:#0B291E;   /* Filz, tief: Verlauf und Kanten */
  --felt-line:#2A6B4F;   /* Filz, hell: die Guilloche des Deckblatts */
  --paper:#F2EBD9;       /* Papier — und Schrift auf Filz */

  /* Schrift */
  --ink:#23261E;
  --ink-soft:#54533F;

  /* Gold: genau zwei Töne. Gedämpft trägt die Linien und Kapitälchen,
     leuchtend die Akzente auf Filz. */
  --gold:#A8842B;
  --gold-bright:#C7A24A;

  /* Rot: ein einziger Ton für Herz, Karo, roten Chip und Hinweise. */
  --red:#BE3A32;

  /* Haarlinien — und die Kante des weissen Chips. */
  --rule:#C9BC94;

  /* Chips (Art. 11): nur die Farben, die es sonst nirgends gibt. Weiss ist
     --paper, Rot ist --red, Gelb ist --gold-bright. */
  --chip-blue:#2C5A86;
  --chip-green:#2E7D5B;
}
.reglement-blatt /* ---------- page setup ---------- */
@page{
  size:A4;
  margin:18mm 18mm 16mm 18mm;
  background-color:#F2EBD9;
  @top-center{
    content:"Eidgenössische Poker Liga Zürich";
    font-family:'Cinzel',serif; font-size:6.8pt; letter-spacing:2.4px;
    color:#8A7A48;
  }
  @bottom-left{
    content:"Reglement · Ausgabe I";
    font-family:'Poppins',sans-serif; font-size:6pt; letter-spacing:1.5px;
    text-transform:uppercase; color:#8A7A48;
  }
  @bottom-right{
    content:"Non fortuna regit lusum, sed ratio quae fortunam metitur";
    font-family:'EB Garamond',serif; font-style:italic; font-size:6.6pt; letter-spacing:.2px;
    color:#8A7A48; padding-right:4mm;
  }
  @bottom-right-corner{
    content: counter(page);
    font-family:'Cinzel',serif; font-size:8.5pt; color:#8A7A48; padding-left:1mm;
  }
}
.reglement-blatt *{ box-sizing:border-box; }
.reglement-blatt{
  -webkit-print-color-adjust:exact; print-color-adjust:exact;
  background:#F2EBD9;
}
.reglement-blatt{
  margin:0; color:var(--ink);
  font-family:'EB Garamond',Georgia,serif;
  font-size:8.9pt; line-height:1.38;
  font-feature-settings:"liga","kern","onum","pnum";
  text-rendering:optimizeLegibility;
}
.reglement-blatt p{ margin:0 0 2mm; }
.reglement-blatt em{ font-style:italic; }
.reglement-blatt strong,.reglement-blatt b{ font-weight:600; }
.reglement-blatt sub,.reglement-blatt sup{ line-height:0; }
.reglement-blatt /* ==================================================================
   COVER  (unchanged design)
   ================================================================== */
.cover{
  page:cover; position:relative; z-index:5;
  width:210mm; height:297mm; overflow:hidden;
  background:
    radial-gradient(140% 100% at 50% 8%, var(--felt-top) 0%, var(--felt) 34%, var(--felt-deep) 100%);
  color:var(--paper);
  break-after:page;
}
.reglement-blatt .cover .frame{ position:absolute; inset:11mm; border:1.4pt solid var(--gold); }
.reglement-blatt .cover .frame::after{ content:""; position:absolute; inset:2.4mm; border:.5pt solid rgba(199,162,74,.55); }
.reglement-blatt .cover-guilloche{ position:absolute; inset:0; opacity:.5; }
.reglement-blatt .cover-inner{
  position:absolute; inset:11mm; z-index:3;
  display:flex; flex-direction:column; align-items:center;
  justify-content:space-between;
  text-align:center; padding:14mm 16mm 12mm;
}
.reglement-blatt .cover-top{ display:flex; flex-direction:column; align-items:center; }
.reglement-blatt .cover-main{ flex:1; display:flex; flex-direction:column; align-items:center;
  justify-content:center; width:100%; }
.reglement-blatt /* Gesperrte Schrift,.reglement-blatt die zentriert steht: die Sperrung laeuft auch hinter dem
   letzten Buchstaben mit und zaehlt zur Kastenbreite. Der Kasten steht dann
   mittig,.reglement-blatt die Schrift darin aber um die halbe Sperrung zu weit links. Ein
   padding-left in Hoehe der Sperrung gleicht den Nachlauf aus. */
.zentriert-gesperrt{ padding-left:var(--sperrung); }
.reglement-blatt .cover-eyebrow{
  font-family:'Cinzel',serif; font-weight:600;
  font-size:9.5pt; --sperrung:6px; letter-spacing:var(--sperrung); color:var(--gold-bright);
  text-transform:uppercase; margin-top:2mm;
}
.reglement-blatt /* Haarlinien als Rahmen,.reglement-blatt nicht als Flaeche: eine Flaeche von .5pt Hoehe rundet
   Firefox im Druck auf null und laesst die Linie ganz verschwinden. */
.cover-rule{ width:34mm; height:0; border-top:1pt solid var(--gold); margin:5mm 0 0; opacity:.8; }
.reglement-blatt .cover .seal-lg{ width:60mm; height:60mm; margin:0 0 9mm; filter:drop-shadow(0 2mm 4mm rgba(0,0,0,.35)); }
.reglement-blatt .cover-orn{ display:flex; align-items:center; gap:4mm; margin:8mm 0 7mm; }
.reglement-blatt .cover-orn .l{ width:24mm; height:0; border-top:.5pt solid var(--gold); opacity:.7; }
.reglement-blatt .cover-orn .s{ font-family:'DejaVu Sans',sans-serif; font-size:10.5pt; }
.reglement-blatt /* Pik und Kreuz sind schwarze Farben — Schwarz traegt auf Filz nicht,.reglement-blatt sie
   stehen darum in Gold. Herz und Karo bleiben rot. */
.cover-orn .s.k{ color:var(--gold-bright); }
.reglement-blatt .cover-orn .s.r{ color:var(--red); }
.reglement-blatt .cover-title{
  font-family:'Cinzel',serif; font-weight:700;
  color:var(--paper);
  font-size:29pt; line-height:1.14; letter-spacing:2px;
  margin:0;
}
.reglement-blatt .cover-title span{ display:block; }
.reglement-blatt .cover-title .zurich{ color:var(--gold-bright); letter-spacing:8px; }
.reglement-blatt .cover-sub{
  font-family:'Playfair Display',serif; font-style:italic; font-weight:500;
  font-size:16pt; color:var(--paper); margin-top:7mm;
}
.reglement-blatt .cover-strap{
  margin-top:0;
  font-family:'EB Garamond',serif; font-style:italic;
  font-size:13pt; color:rgba(242,235,217,.9);
  max-width:118mm; line-height:1.5;
}
.reglement-blatt .cover-cite{
  margin-top:3.5mm;
  font-family:'Cinzel',serif; font-size:7.5pt; --sperrung:2.5px; letter-spacing:var(--sperrung);
  text-transform:uppercase; color:var(--gold-bright);
}
.reglement-blatt .cover-foot{
  margin-top:3mm; display:flex; align-items:center; gap:7mm;
  font-family:'Cinzel',serif; font-size:8pt; --sperrung:3px; letter-spacing:var(--sperrung);
  color:var(--gold); text-transform:uppercase;
}
.reglement-blatt .cover-foot .dot{ width:3.4pt; height:3.4pt; background:var(--gold); border-radius:50%; }
.reglement-blatt .cover-motto-wrap{
  display:flex; flex-direction:column; align-items:center; margin-top:6mm;
}
.reglement-blatt .cover-motto-rule{ width:16mm; height:0; border-top:.5pt solid var(--gold); opacity:.6; margin-bottom:3mm; }
.reglement-blatt .cover-motto{
  font-family:'EB Garamond',serif; font-style:italic; font-size:8.3pt;
  --sperrung:.3px; letter-spacing:var(--sperrung);
  color:var(--paper); text-align:center; opacity:.92;
}
.reglement-blatt /* ==================================================================
   COMPACT BODY  (two-column law-text layout)
   ================================================================== */
.sheet{ padding-top:1mm; }
.reglement-blatt /* masthead strip above the columns */
.masthead{
  display:flex; align-items:center; justify-content:space-between;
  border-bottom:1.1pt solid var(--gold); padding-bottom:2.4mm; margin-bottom:3.6mm;
}
.reglement-blatt .masthead .mh-left{ display:flex; align-items:center; gap:3mm; }
.reglement-blatt .masthead .mh-seal{ width:11mm; height:11mm; }
.reglement-blatt .masthead .mh-tt{ line-height:1.05; }
.reglement-blatt .masthead .mh-k{
  font-family:'Cinzel',serif; font-weight:600; font-size:6.4pt;
  letter-spacing:4px; text-transform:uppercase; color:var(--gold);
}
.reglement-blatt .masthead .mh-h{
  font-family:'Playfair Display',serif; font-weight:700; font-size:15pt;
  color:var(--ink); margin:.2mm 0 0;
}
.reglement-blatt .masthead .mh-suits{ font-family:'DejaVu Sans',sans-serif; font-size:9pt; letter-spacing:2px; }
.reglement-blatt .masthead .mh-suits .r{ color:var(--red); }
.reglement-blatt .masthead .mh-suits .k{ color:var(--ink); }
.reglement-blatt /* preamble spanning full width,.reglement-blatt with drop cap */
.preamble{ margin:0 0 4mm; font-size:9.1pt; line-height:1.44; color:var(--ink); }
.reglement-blatt .preamble::first-letter{
  font-family:'Cinzel',serif; font-weight:700; color:var(--gold);
  font-size:3em; line-height:.8; float:left; padding:1mm 2.4mm 0 0;
}
.reglement-blatt /* the flowing two columns */
.cols{ column-count:2; column-gap:8mm; column-rule:.4pt solid var(--rule);
  column-fill:balance; }
.reglement-blatt .cols p{ orphans:2; widows:2; }
.reglement-blatt /* keep atomic units whole,.reglement-blatt but let articles flow across columns to fill evenly */
.formula,.reglement-blatt .notice,.reglement-blatt table.tbl,.reglement-blatt dl.defs > div,.reglement-blatt ol.reasons li,.reglement-blatt ul.rules li,.reglement-blatt ul.awards li,.reglement-blatt .part-head,.reglement-blatt .art-head{ break-inside:avoid; }
.reglement-blatt .part-head,.reglement-blatt .art-head,.reglement-blatt h3.sub{ break-after:avoid; }
.reglement-blatt /* part header — slim green bar,.reglement-blatt spans one column */
.part-head{
  position:relative; margin:3mm 0 3mm;
  background:linear-gradient(135deg, var(--felt) 0%, var(--felt-deep) 100%);
  color:var(--paper); padding:2.9mm 3mm 2.9mm; overflow:hidden;
  break-inside:avoid; break-after:avoid;
}
.reglement-blatt .part-head::before{ content:""; position:absolute; inset:.9mm; border:.4pt solid rgba(199,162,74,.5); }
.reglement-blatt .part-head .pk{
  font-family:'Cinzel',serif; font-weight:600; letter-spacing:3px;
  font-size:6pt; color:var(--gold-bright); text-transform:uppercase;
}
.reglement-blatt .part-head .pt{
  font-family:'Playfair Display',serif; font-weight:700; font-size:11.5pt;
  margin:.3mm 0 0; color:var(--paper);
}
.reglement-blatt .first-part{ margin-top:.5mm; }
.reglement-blatt /* article */
.art{ margin:0 0 3mm; }
.reglement-blatt .art-head{ display:flex; align-items:baseline; gap:2.4mm; margin:0 0 1.6mm;
  border-bottom:.5pt solid var(--gold); padding-bottom:1mm; break-after:avoid; }
.reglement-blatt .art-num{
  font-family:'Cinzel',serif; font-weight:700; color:var(--gold);
  font-size:7.4pt; letter-spacing:1px; white-space:nowrap;
}
.reglement-blatt .art-title{
  font-family:'Playfair Display',serif; font-weight:600; font-size:9.7pt;
  color:var(--ink); flex:1;
}
.reglement-blatt h3.sub{
  font-family:'Playfair Display',serif; font-weight:600; font-size:8.6pt;
  color:var(--red); margin:2.6mm 0 .9mm; break-after:avoid;
}
.reglement-blatt /* lists */
ul.rules{ list-style:none; margin:.6mm 0 1.4mm; padding:0; }
.reglement-blatt ul.rules li{ position:relative; padding:0 0 0 4.6mm; margin:0 0 1mm; }
.reglement-blatt ul.rules li::before{ content:"◆"; position:absolute; left:.4mm; top:0;
  color:var(--gold); font-size:5.6pt; line-height:1.9; }
.reglement-blatt ul.awards{ list-style:none; margin:1mm 0 0; padding:0; }
.reglement-blatt ul.awards li{ position:relative; padding:0 0 1.4mm 4.4mm; margin:0; }
.reglement-blatt ul.awards li::before{ content:"★"; position:absolute; left:0; top:.2mm; color:var(--gold); font-size:6.6pt; }
.reglement-blatt ul.awards li b{ font-family:'Playfair Display',serif; font-weight:600; font-size:8.9pt; color:var(--ink); }
.reglement-blatt ul.awards li span{ display:block; font-size:8pt; color:var(--ink-soft); font-style:italic; line-height:1.2; }
.reglement-blatt dl.defs{ margin:1mm 0 0; }
.reglement-blatt dl.defs > div{ display:flex; gap:2.4mm; padding:1.1mm 0; border-bottom:.35pt dotted var(--rule); break-inside:avoid; }
.reglement-blatt dl.defs dt{ font-family:'Playfair Display',serif; font-weight:600; min-width:22mm; color:var(--ink); }
.reglement-blatt dl.defs dd{ margin:0; flex:1; color:var(--ink-soft); }
.reglement-blatt /* formula box — compact */
.formula{
  position:relative; margin:2.2mm 0; padding:2mm 2.4mm 1.8mm;
  background:var(--paper);
  border:.5pt solid var(--rule); border-left:2pt solid var(--gold);
  break-inside:avoid;
}
.reglement-blatt .formula .fx{ overflow:hidden; }
.reglement-blatt .formula .cap{
  position:absolute; top:-1.9mm; right:3mm; background:var(--paper); padding:0 1.4mm;
  font-family:'Poppins',sans-serif; font-size:5.2pt; letter-spacing:1.6px;
  text-transform:uppercase; color:var(--gold);
}
.reglement-blatt .katex{ font-size:.82em; }
.reglement-blatt .katex-display{ margin:.15em 0; }
.reglement-blatt .formula.wide .katex{ font-size:.72em; }
.reglement-blatt /* notice */
.notice{
  margin:2.6mm 0; padding:2.2mm 2mm 2.2mm 5.2mm; position:relative;
  background:rgba(156,42,46,.05); border:.4pt solid rgba(156,42,46,.28);
  font-size:8.3pt; line-height:1.28; break-inside:avoid;
}
.reglement-blatt .notice::before{ content:"§"; position:absolute; left:1.6mm; top:1.3mm;
  font-family:'Playfair Display',serif; font-weight:700; color:var(--red); font-size:10pt; }
.reglement-blatt .notice .lab{ font-family:'Poppins',sans-serif; font-size:5.4pt; letter-spacing:1.6px;
  text-transform:uppercase; color:var(--red); display:block; margin-bottom:.4mm; }
.reglement-blatt /* numbered reasons */
ol.reasons{ counter-reset:r; list-style:none; margin:1mm 0 0; padding:0; }
.reglement-blatt ol.reasons li{ counter-increment:r; position:relative; padding:0 0 1mm 5.6mm; margin:0 0 1.6mm; break-inside:avoid; }
.reglement-blatt ol.reasons li::before{ content:counter(r,upper-roman); position:absolute; left:0; top:.1mm;
  font-family:'Cinzel',serif; font-weight:700; color:var(--gold); font-size:8pt; }
.reglement-blatt ol.reasons b{ font-family:'Playfair Display',serif; font-weight:600; color:var(--ink); }
.reglement-blatt /* tables */
table.tbl{ width:100%; border-collapse:collapse; margin:2mm 0 .6mm;
  font-family:'EB Garamond',serif; font-size:8.6pt; break-inside:avoid; }
.reglement-blatt table.tbl caption{ caption-side:top; text-align:left;
  font-family:'Poppins',sans-serif; font-size:5.6pt; letter-spacing:1.6px;
  text-transform:uppercase; color:var(--gold); margin-bottom:.8mm; }
.reglement-blatt table.tbl th{ font-family:'Poppins',sans-serif; font-weight:600; font-size:6.2pt;
  letter-spacing:1px; text-transform:uppercase; color:var(--ink-soft);
  text-align:left; padding:1.3mm 1.8mm; border-bottom:.9pt solid var(--gold); }
.reglement-blatt table.tbl td{ padding:1.3mm 1.8mm; border-bottom:.35pt solid var(--rule); }
.reglement-blatt table.tbl td.num,.reglement-blatt table.tbl th.num{ text-align:right; font-variant-numeric:tabular-nums; }
.reglement-blatt table.tbl tr.total td{ border-top:.8pt solid var(--gold); border-bottom:none;
  font-family:'Playfair Display',serif; font-weight:700; }
.reglement-blatt .chipdot{ display:inline-block; width:2.6mm; height:2.6mm; border-radius:50%;
  margin-right:1.6mm; vertical-align:-.3mm; box-shadow:0 0 0 .4pt rgba(0,0,0,.12) inset;
  background-image:repeating-conic-gradient(from 0deg, transparent 0deg 24deg, rgba(255,255,255,.55) 24deg 30deg); }
.reglement-blatt .chipdot.w{ background-color:var(--paper); box-shadow:0 0 0 .5pt var(--rule) inset; }
.reglement-blatt .chipdot.r{ background-color:var(--red); }
.reglement-blatt .chipdot.b{ background-color:var(--chip-blue); }
.reglement-blatt .chipdot.g{ background-color:var(--chip-green); }
.reglement-blatt .chipdot.y{ background-color:var(--gold-bright); }
.reglement-blatt .chipname{ white-space:nowrap; }
.reglement-blatt /* closing line */
.colo{ break-inside:avoid; margin-top:5mm; padding-top:1.8mm; border-top:.5pt solid var(--rule);
  text-align:center; font-family:'Cinzel',serif; letter-spacing:2px; font-size:6.6pt;
  color:var(--gold); text-transform:uppercase; }
}
/* ------------------------------------------------------------------------
   Aus style=-Attributen der Vorlage übernommen (CSP erlaubt kein inline).
   ------------------------------------------------------------------------ */
.reglement-blatt .abs { position: absolute; }