/* The demo's own CSS: rare one-off look tweaks (the buyer's colours are theme.css). No layout rules here:
   layout comes from /kit/layout.css. The end test's static scan refuses px widths, position:fixed/sticky and
   grid/flex rules in this file. */
/* headings in their heading colour (DESIGN FIRST, Rob 11-10 ~3:00 PM ET; the colour gate checks it) */
main h1, main h2 { color: var(--brand-text); }
:root { --demo: 1; } /* the colours come from theme.css (protokit.py theme); this file never overrides them */
.reqid { display: inline-block; min-inline-size: 2.5em; font-weight: 700; color: var(--brand-text); font-variant-numeric: tabular-nums; }
.reqhere { border-inline-start: .25rem solid var(--brand); }
.reqhere a, .list.compact a { display: inline-block; min-block-size: 1.5rem; line-height: 1.5rem; }
.box-media > svg { inline-size: 100%; block-size: 100%; display: block; }
.mapbox { --ratio: 16 / 7; }
pre.code { margin: 0; padding: .75rem 1rem; background: var(--surface2); border-radius: var(--r); overflow-x: auto; font-size: .85rem; white-space: pre; }
select.input { inline-size: 100%; }
.rs-autogrid.wide { --grid-min: 24rem; }
main h1, main h2 { overflow-wrap: anywhere; hyphens: auto; }
.mark b { font-size: .85rem; letter-spacing: .02em; }
/* at desk widths the column uses the room (D1 room, LAYOUT-AUTO A): cards sit three across */
main { --center-max: 86rem; }
.top .brand-t small { color: var(--muted); }
.mark b { font-size: .85rem; letter-spacing: .02em; }
/* at desk widths the column uses the room (D1 room, LAYOUT-AUTO A): cards sit side by side */
main { --center-max: 86rem; }
.orchip { display: inline-block; box-sizing: content-box; inline-size: 7.25rem; block-size: 2rem; padding: .3rem .55rem; background: var(--brand); border-radius: .5rem; }
.orchip img { display: block; inline-size: 100%; block-size: 100%; }
pre.code { max-inline-size: 100%; white-space: pre-wrap; overflow-wrap: anywhere; }