/* TASK-1090 (layout* return item 1): the illustrations of the main site's guides (figure.tpk-fig.il — the three baccarat hands of
   /games/baccarat-rules #fig-hands, the three roulette wheels of /games/roulette-strategy #fig-wheels). Their SVG
   draws with classes (.il-bg, .il-a …) and is 1072 px wide; without these rules it was a black block wider than the
   phone. Rules = the main site's site/partials/bcr-article-css.html and rls-article-css.html (.tpk-fig.il, .il .il-*),
   colours = the data palette --dv-* of docs/os/standards/brand.md («Палитра инфографики», TASK-0924): roulette red /
   black / green and the baccarat felt colours are the game's own, not signals; the panel is white, its frame and
   rules are new's --line. Scoped to the guide text; the rank digits are set in new's Manrope. Guide pages only,
   after guide.css. */
/* the --dv-* palette lives in tokens.css since TASK-1244 */
.guide-text .tpk-fig.il { margin: 24px 0; padding: 0; }
.guide-text .tpk-fig.il svg { display: block; width: 100%; max-width: 100%; height: auto; }
.guide-text .tpk-fig.il figcaption { margin-top: 8px; font-size: 14px; line-height: 1.5; color: var(--muted); }
.guide-text .il .il-bg { fill: var(--dv-paper); stroke: var(--line); stroke-width: 1; }
.guide-text .il .il-e-r { fill: var(--dv-red); }
.guide-text .il .il-e-k { fill: var(--dv-black); }
.guide-text .il .il-e-g { fill: var(--dv-green); }
.guide-text .il .il-e-b { fill: var(--dv-blue); }
.guide-text .il .il-rim { fill: none; stroke: var(--dv-muted); stroke-width: 2; }
.guide-text .il .il-a { fill: var(--dv-red); stroke: var(--dv-paper); stroke-width: 1; }
.guide-text .il .il-b { fill: var(--dv-black); stroke: var(--dv-paper); stroke-width: 1; }
.guide-text .il .il-z { fill: var(--dv-green); stroke: var(--dv-paper); stroke-width: 1; }
.guide-text .il .il-zm { fill: none; stroke: var(--dv-green); stroke-width: 6; stroke-linecap: round; }
.guide-text .il .il-bowl { fill: var(--dv-rule); stroke: var(--dv-muted); stroke-width: 2; }
.guide-text .il .il-cone { fill: var(--dv-paper); stroke: var(--dv-muted); stroke-width: 2; }
.guide-text .il .il-ln { fill: none; stroke: var(--dv-muted); stroke-width: 2; stroke-linecap: round; }
.guide-text .il .il-pl { stroke-width: 2; }
.guide-text .il .il-pl-v { fill: var(--dv-violet-tint); stroke: var(--dv-violet); }
.guide-text .il .il-pl-t { fill: var(--dv-teal-tint); stroke: var(--dv-teal); }
.guide-text .il .il-pl-o { fill: var(--dv-orange-tint); stroke: var(--dv-orange); }
.guide-text .il .il-card { fill: var(--dv-paper); stroke: var(--dv-ink); stroke-width: 2; }
.guide-text .il .il-cardin { fill: none; stroke: var(--dv-rule); stroke-width: 2; }
.guide-text .il .il-rank { fill: var(--dv-ink); font: 700 84px/1 Manrope, Arial, sans-serif; }
.guide-text .il .il-sep { fill: none; stroke: var(--dv-rule); stroke-width: 2; }
@media (forced-colors: active) {
  .guide-text .il svg { forced-color-adjust: none; }
}