/* Tacit · the tacit scale, version 3 · dark-first, on the pine (load after ts.css, ts-v2.css and the v27 dark overrides). */
/* pages: a shade lighter than the tile, their text a pattern of bars */
.ts-svg .tp.ts-pg{fill:#2a4230}
.ts-svg .ts-tx{fill:none;stroke:#d9ddd1;stroke-opacity:.42;stroke-width:2.4;stroke-linecap:round}
.ts-svg .ts-dtag{font:600 9.5px/1 "JetBrains Mono",monospace;letter-spacing:.04em;fill:#c2cec1;stroke:none}
/* the tile's subtitle while it is still documentation */
.ts-svg .ts-nms{font:600 11px/1 "JetBrains Mono",monospace;letter-spacing:.2em;text-transform:uppercase;fill:#8fa08d;stroke:none}
/* metrics: one ramp, red → amber → green (JS sets --c); the sides are the same hue sunk into the pine */
.ts-svg .ts-mb .tp{fill:var(--c,#e5533d)}
.ts-svg .ts-mb .sl{fill:color-mix(in oklab,var(--c,#e5533d) 64%,#18291c)}
.ts-svg .ts-mb .sr{fill:color-mix(in oklab,var(--c,#e5533d) 44%,#132418)}
.ts-svg .ts-doc,.ts-svg .ts-p3{will-change:transform,opacity}
/* phones: small labels and tags go; tile names stay (24 px in the drawing ≈ 8 px at 390) */
@container (max-width:640px){.ts-svg text.ts-nm{display:inline;font-size:26px}.ts-svg .ts-nms,.ts-svg .ts-dtag{display:none}}
/* cream version (if ever needed): add .ts-light to .ts */
.ts-light .ts-svg .tp.ts-pg{fill:#fffdf8}.ts-light .ts-svg .ts-tx{stroke:#18311e;stroke-opacity:.3}.ts-light .ts-svg .ts-dtag{fill:#44503f}