/* GENERATED by scripts/setup-guide-svg-gen.py --css. Do not edit by hand.
   Themes the inlined guide figures (.sgf-*) from the site tokens, so
   html.is-dark drives them. */
.sgf-svg { --sgf-winline: #1c1917; }
html.is-dark .sgf-svg { --sgf-winline: rgba(241,236,226,.28); }
.sgf-svg .sgf-bg { fill:var(--paper-deep); }
.sgf-svg .sgf-card { fill:var(--paper); stroke:color-mix(in oklab, var(--ink) 28%, transparent); stroke-width:1.5; }
.sgf-svg .sgf-t { fill:var(--ink); }
.sgf-svg .sgf-m { fill:var(--ink-soft); }
.sgf-svg .sgf-ac { fill:var(--oxblood); }
.sgf-svg .sgf-acs { stroke:var(--oxblood); fill:none; }
.sgf-svg .sgf-acf { fill:var(--oxblood); }
.sgf-svg .sgf-acbg { fill:color-mix(in oklab, var(--oxblood) 10%, var(--paper)); }
.sgf-svg .sgf-num { fill:var(--paper); }
.sgf-svg .sgf-ln { stroke:color-mix(in oklab, var(--ink) 28%, transparent); }
.sgf-svg .sgf-bar { fill:color-mix(in oklab, var(--ink) 14%, transparent); }
.sgf-svg .sgf-key { fill:var(--paper-deep); stroke:color-mix(in oklab, var(--ink) 28%, transparent); stroke-width:1.5; }
.sgf-svg .sgf-ink { fill:var(--ink); }
.sgf-svg .sgf-inks { stroke:var(--paper); fill:none; }
.sgf-svg .sgf-win { fill:#1c1917; stroke:var(--sgf-winline); stroke-width:1.5; }
.sgf-svg .sgf-tt { fill:#f1ece2; }
.sgf-svg .sgf-tm { fill:#b9b0a3; }
.sgf-svg .sgf-tbar { fill:#37322d; }
.sgf-svg .sgf-mw { fill:var(--paper); stroke:color-mix(in oklab, var(--ink) 28%, transparent); stroke-width:1.5; }
.sgf-svg .sgf-mbar { fill:var(--paper-deep); }
.sgf-svg .sgf-mt { fill:var(--ink); }
.sgf-svg .sgf-mcur { fill:var(--ink); }
.sgf-svg .sgf-dot { fill:color-mix(in oklab, var(--ink) 28%, transparent); }
.sgf-svg .sgf-ww { fill:#1c1917; stroke:var(--sgf-winline); stroke-width:1.5; }
.sgf-svg .sgf-wbar { fill:#37322d; }
.sgf-svg .sgf-wt { fill:#f1ece2; }
.sgf-svg .sgf-wcs { stroke:#f1ece2; fill:none; }
.sgf-svg .sgf-doc { fill:var(--paper); stroke:var(--ink-soft); stroke-width:2; }
.sgf-svg .sgf-folder { fill:color-mix(in oklab, var(--ink) 14%, transparent); stroke:var(--ink-soft); stroke-width:1.5; }
.sgf-svg .sgf-winbox { fill:none; stroke:#f1ece2; stroke-width:2; }
.sgf-svg .sgf-btn { fill:var(--ink); }
.sgf-svg .sgf-btnt { fill:var(--paper); }
html.is-dark .sgf-svg .sgf-win, html.is-dark .sgf-svg .sgf-ww { fill: color-mix(in oklab, var(--paper) 88%, var(--ink)); }
.sgf-svg .sgf-b { font-family: var(--body); }
.sgf-svg .sgf-d { font-family: var(--mono); }
.sgf-svg .sgf-mono { font-family: var(--code-font); }