/* GENERATED by bio-plane/src/interface-assets/generate.mjs (interface-assets R7) from the product rules of
   docs/development/ux-substrate/screens/page.src.html's <style> at f498560a37. Never edited by hand. */
.cell { background: var(--c-surface); border: var(--hair); padding: 14px; display: grid; gap: 8px; align-content: start; min-width: 0; }
.cell h4 { margin: 0; font: 600 var(--t-md)/1.3 var(--f-sans); }
.cell p, .cell li { font-size: var(--t-sm); color: var(--c-ink-2); }
.cell ul { margin: 0; padding-left: 18px; display: grid; gap: 4px; }
.cs-mast .cs-mark { display:inline-flex; align-items:center; margin-right:-4px; }
.cs-mast .cs-mark svg { height:20px; width:auto; color:var(--c-accent); }
.mk-spark { display:inline-flex; align-items:flex-end; gap:2px; height:20px; vertical-align:middle; }
.mk-spark i { display:block; width:5px; background:color-mix(in srgb, var(--c-stage) 40%, var(--c-surface)); border-radius:1px 1px 0 0; }
.mk-spark i.now { background:var(--c-stage); }
.mk-spark b { margin-left:6px; font:600 var(--t-xs) var(--f-sans); color:var(--c-ink-2); align-self:center; }
.mk-people { display:inline-flex; align-items:center; }
.mk-people i { width:22px; height:22px; margin-right:-4px; border-radius:50%; background:var(--c-ground-2); border:1.5px solid var(--c-surface); box-shadow:0 0 0 1px var(--c-rule-strong); font:600 11px/20px var(--f-sans); text-align:center; font-style:normal; color:var(--c-ink); }
.mk-people i.more { background:var(--c-surface); font-size:10px; }
.mk-people > span { margin-left:10px; font:600 var(--t-sm) var(--f-sans); color:var(--c-ink-2); }
.mk-tiles { display:grid; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:10px; }
.mk-tile { background:var(--c-surface); border:var(--hair); padding:10px 12px; display:grid; gap:2px; align-content:start; }
.mk-tile .k { font:600 var(--t-xs) var(--f-sans); letter-spacing:var(--track-caps); text-transform:uppercase; color:var(--c-muted); }
.mk-tile .v { font:600 var(--t-2xl)/1.1 var(--f-sans); }
.mk-tile .d { font-size:var(--t-sm); color:var(--c-ink-2); }
.mk-tile .mk-spark { margin-top:4px; }
.mk-strip { display:flex; flex-wrap:wrap; gap:6px 20px; padding:8px 14px; background:var(--c-ground-2); border:var(--hair); border-top:3px solid var(--c-ink); margin-bottom:4px; }
.mk-strip .cs-ref { display:inline-flex; align-items:baseline; gap:6px; font-weight:600; text-decoration:none; color:var(--c-ink); }
.mk-strip .cs-ref b { font-size:var(--t-xl); }
.mk-next { list-style:none; margin:0; padding:0; display:grid; gap:6px; counter-reset:n; }
.mk-next li { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; padding:8px 12px; border:var(--hair); background:var(--c-surface); counter-increment:n; }
.mk-next li::before { content:counter(n); width:24px; height:24px; border-radius:50%; border:1.5px solid var(--c-rule-strong); text-align:center; font:600 13px/22px var(--f-sans); color:var(--c-ink-2); flex:none; }
.mk-next li[aria-current] { border-color:var(--c-accent); box-shadow:inset 3px 0 0 var(--c-accent); }
.mk-next li[aria-current]::before { background:var(--c-accent); color:var(--c-on-accent); border-color:var(--c-accent); }
.mk-next li > span:first-of-type { flex:1 1 240px; }
.mk-tl { position:relative; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(118px, 1fr); gap:6px; padding:0 4px; overflow-x:auto; }
.mk-tl::before { content:""; position:absolute; left:0; right:0; top:50%; border-top:2px solid var(--c-rule-strong); }
.mk-tl .ev { display:grid; grid-template-rows:1fr 16px 1fr; height:124px; justify-items:center; text-align:center; }
.mk-tl .ev .t { font-size:var(--t-xs); line-height:1.25; color:var(--c-ink-2); max-width:118px; }
.mk-tl .ev .t b { display:block; color:var(--c-ink); }
.mk-tl .ev .t:first-child { align-self:end; padding-bottom:4px; }
.mk-tl .ev .t:last-child { align-self:start; padding-top:4px; }
.mk-tl .ev i { width:14px; height:14px; border-radius:50%; background:var(--c-ink); border:2px solid var(--c-surface); z-index:1; align-self:center; }
.mk-tl .ev.us i { background:var(--c-accent); }
.mk-areas { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:8px; }
.mk-strip-sum { display:none; }
.mk-areas .cell { padding:10px 12px; gap:4px; }
.mk-cards { display:grid; grid-template-columns:repeat(auto-fit, minmax(168px, 1fr)); gap:10px; }
.mk-card { background:var(--c-surface); border:var(--hair); padding:14px; display:grid; gap:8px; align-content:start; }
.mk-card > b { font:600 var(--t-lg) var(--f-sans); }
.mk-chip { display:inline-block; padding:1px 8px; border-radius:var(--r-1); font:600 var(--t-xs) var(--f-sans); border:1.5px solid var(--c-ink); color:var(--c-ink); white-space:nowrap; }
.mk-chip.them { border-color:var(--c-rule-strong); color:var(--c-ink-2); }
.mk-usage { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px, 340px); gap:14px 20px; align-items:start; }
.mk-bars .k { display:inline-block; font:600 var(--t-xs) var(--f-sans); letter-spacing:var(--track-caps); text-transform:uppercase; color:var(--c-muted); margin-bottom:6px; }
.mk-bars .run { display:flex; align-items:flex-end; gap:3px; height:48px; border-bottom:1px solid var(--c-rule-strong); }
.mk-bars .run i { flex:1 1 0; min-width:4px; max-width:14px; display:block; background:color-mix(in srgb, var(--c-stage) 45%, var(--c-surface)); border-radius:1px 1px 0 0; }
.mk-bars .run i.now { background:var(--c-stage); }
.mk-bars .run i:hover, .mk-bars .run i:focus-visible { outline:2px solid var(--c-focus); outline-offset:1px; }
.mk-bars .ax { display:flex; justify-content:space-between; font-size:var(--t-xs); color:var(--c-muted); margin:3px 0 4px; }
.mk-meter { display:grid; gap:4px; margin-top:10px; }
.mk-meter .l { display:flex; justify-content:space-between; gap:6px 10px; font-size:var(--t-sm); color:var(--c-ink-2); flex-wrap:wrap; }
.mk-meter .l b { color:var(--c-ink); }
.mk-meter .track { position:relative; height:10px; background:var(--c-ground-2); border:1px solid var(--c-rule); border-radius:2px; overflow:hidden; }
.mk-meter .track i { position:absolute; left:0; top:0; bottom:0; background:var(--c-accent); }
.mk-meter .track b { position:absolute; top:-1px; bottom:-1px; width:1px; background:var(--c-rule-strong); }
.mk-meter[data-near] .track i { background:var(--c-signal); }
.mk-meter[data-near] .pct { color:var(--c-signal); font-weight:600; }
.mk-meter.small { margin-top:4px; }
.mk-meter.small .track { height:7px; }
.mk-meter.small .l { font-size:var(--t-xs); }
.mk-graph { display:grid; gap:8px; }
.mk-trail { display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; font-size:var(--t-sm); }
.mk-trail .k { color:var(--c-muted); margin-right:4px; }
.mk-trailbtn { font:500 var(--t-sm) var(--f-sans); padding:3px 8px; border:1px solid var(--c-rule-strong); border-radius:var(--r-1); background:var(--c-surface); color:var(--c-ink); cursor:pointer; }
.mk-trailbtn.now { font-weight:700; border-color:var(--c-ink); }
.mk-trail .arr { color:var(--c-muted); }
.mk-graph .gwrap { overflow-x:auto; border:var(--hair); background:var(--c-surface); }
.mk-graph svg.g { width:100%; height:auto; max-height:520px; display:block; }
.mk-graph .node { cursor:pointer; outline:none; }
.mk-graph .node > circle:first-child, .mk-graph .node > rect:first-child, .mk-graph .node > path:first-child { fill:var(--c-sheet); stroke:var(--c-ink); stroke-width:1.5; }
.mk-graph .node.center > circle:first-child, .mk-graph .node.center > rect:first-child, .mk-graph .node.center > path:first-child { stroke:var(--c-accent); stroke-width:3; }
.mk-graph .node > .gap { stroke-dasharray:3 3; stroke:var(--c-ink-2); }
.mk-graph .node .lim, .mk-glegend .node-lim { fill:none; stroke:var(--c-ink-2); stroke-dasharray:3 3; stroke-width:1.25; }
.mk-graph .node:hover > :first-child, .mk-graph .node:focus-visible > :first-child { stroke-width:3; }
.mk-graph .node:focus-visible > :first-child { stroke:var(--c-focus); }
.mk-graph text { font:11px var(--f-sans); fill:var(--c-ink-2); }
.mk-graph text.n { font:600 12px var(--f-sans); fill:var(--c-ink); }
.mk-graph text.lim { font:italic 10.5px var(--f-sans); }
.mk-graph text.w { paint-order:stroke; stroke:var(--c-surface); stroke-width:3px; stroke-linejoin:round; }
.mk-graph text.w.lead { font-style:italic; fill:var(--c-muted); }
.mk-graph .hit { stroke:transparent; stroke-width:16; fill:none; pointer-events:stroke; }
.e { fill:none; stroke-width:2; stroke-linecap:butt; }
.e-pos { stroke:var(--c-ink); }
.e-part { stroke:var(--c-kind-part); stroke-dasharray:1.5 5.5; stroke-linecap:round; stroke-width:2.5; }
.e-money { stroke:var(--c-kind-money); stroke-width:6; }
.e-money-in { stroke:var(--c-surface); stroke-width:2; }
.e-ment { stroke:var(--c-kind-mention); stroke-dasharray:9 4 2 4; }
.e-lead { stroke:var(--c-muted); stroke-dasharray:7 5; }
.e-step_source { stroke:var(--c-ink); stroke-width:3; }
.e-same { stroke:var(--c-ink); stroke-width:1.25; }
.mk-graph .edge { outline:none; }
.mk-graph .edge:hover .e:not(.e-money):not(.e-money-in), .mk-graph .edge:focus-visible .e:not(.e-money):not(.e-money-in) { stroke-width:3.5; }
.mk-graph .edge:hover .e-money, .mk-graph .edge:focus-visible .e-money { stroke-width:8; }
.mk-graph .edge:focus-visible .e { stroke:var(--c-focus); }
.gchip rect { fill:var(--c-connection-tint); stroke:var(--c-connection); stroke-width:1.25; }
.gchip text { font:700 10.5px var(--f-sans); fill:var(--c-connection); }
.gchip.subject rect { fill:var(--c-subject-tint); stroke:var(--c-subject); }
.gchip.subject text { fill:var(--c-subject); }
.mk-glegend { display:flex; flex-wrap:wrap; gap:6px 16px; font-size:var(--t-xs); color:var(--c-ink-2); }
.mk-glegend .li { display:inline-flex; align-items:center; gap:6px; }
.mk-glegend svg { width:36px; height:12px; flex:none; overflow:visible; }
.mk-ablocks { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:10px; }
.mk-ablock { background:var(--c-surface); border:var(--hair); padding:10px 12px; display:grid; gap:6px; align-content:start; }
.mk-ablock .h { display:flex; justify-content:space-between; gap:6px 10px; align-items:baseline; flex-wrap:wrap; }
.mk-ablock .h .cs-ref { text-decoration:none; color:var(--c-ink); font-size:var(--t-md); }
.mk-ablock .need { font:600 var(--t-xs) var(--f-sans); color:var(--c-ink); padding:1px 7px; border:1.5px solid var(--c-ink); border-radius:var(--r-1); white-space:nowrap; }
.mk-ablock .need.quiet { color:var(--c-muted); border-color:var(--c-rule); font-weight:500; }
.mk-ablock .rd { display:flex; flex-wrap:wrap; gap:4px 14px; }
.mk-rd { font-size:var(--t-sm); color:var(--c-ink-2); }
.mk-rd b { font-size:var(--t-lg); color:var(--c-ink); margin-right:2px; }
.mk-readerlink { display:grid; gap:6px; padding:10px 12px; }
.mk-readerlink .id { overflow-wrap:anywhere; }
.mk-abitem { display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; padding:8px 0 4px; border-top:var(--hair); font-size:var(--t-sm); }
.mk-abitem .t { flex:1 1 140px; }
.mk-abitem .acts { flex:1 1 100%; display:flex; flex-wrap:wrap; gap:6px; }
.mk-ablock .mk-list { color:var(--c-ink-2); }
.mk-table.angles { min-width: 640px; margin-top: 10px; }
.mk-table.angles td:first-child { font-weight: 600; width: 17%; }
.mk-table.angles th { cursor: default; }
.cs-frame { height: 100%; overflow: hidden; }
.cs-frame.cs-shell { display: grid; grid-template-rows: auto auto minmax(0, 1fr); }
.cs-frame.cs-shell > .cs-rail, .cs-frame.cs-shell > .cs-main, .cs-frame.cs-shell > .cs-dock { grid-row: 3; min-height: 0; }
.cs-frame .cs-main { overflow: auto; }
.cs-frame .cs-dock { overflow: hidden; }
.cs-frame .cs-tabs { display: none; }
.mk-plain { display: grid; grid-template-columns: minmax(0, 1fr); background: var(--c-ground); }
.mk-plain.with-dock { grid-template-columns: minmax(0, 1fr) var(--dock); }
.mk-plainmain { overflow: auto; padding: 32px max(24px, calc((100% - 720px) / 2)); display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-content: start; min-height: 0; }
.mk-pubmain { overflow: auto; padding: 24px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; align-content: start; max-height: calc(100% - 170px); }
.cs-frame[data-frame="published"] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.cs-frame[data-frame="published"] .mk-pubmain { max-height: none; min-height: 0; }
.mk-h { display: grid; gap: 4px; }
.mk-sub { color: var(--c-ink-2); margin: 0; }
.mk-sec { margin-top: 4px; }
.mk-note { font-size: var(--t-sm); color: var(--c-ink-2); margin: 0; max-width: 70ch; }
.mk-small { font-size: var(--t-xs); margin: 0; }
.mk-acts { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.mk-list { margin: 0; padding-left: 20px; display: grid; gap: 4px; }
.mk-steps { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.mk-steps li { padding: 4px 9px; border: 1.5px solid var(--c-rule); border-radius: 2px; font-size: var(--t-xs); font-weight: 600; color: var(--c-muted); }
.mk-steps li.done { border-color: var(--c-accent); color: var(--c-accent); }
.mk-steps li[aria-current] { border-color: var(--c-ink); color: var(--c-ink); background: var(--c-surface); }
.mk-welcome { background: var(--c-surface); border: var(--hair); padding: 16px; display: grid; gap: 12px; }
.mk-h2 { font: 600 var(--t-xl)/1.25 var(--f-sans); margin: 0; }
.mk-doors { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; }
.mk-door { display: grid; gap: 2px; text-align: left; padding: 10px 12px; border: 1.5px solid var(--c-rule-strong); border-radius: 2px; background: var(--c-sheet); color: var(--c-ink); cursor: pointer; font: 400 var(--t-sm)/1.3 var(--f-sans); }
.mk-door b { font-size: var(--t-md); }
.mk-door:first-child { border-color: var(--c-accent); box-shadow: inset 3px 0 0 var(--c-accent); }
.mk-door span { color: var(--c-muted); }
fieldset.mk-checks { border: 0; padding: 0; margin: 0; display: grid; gap: 6px; }
fieldset.mk-checks legend { font-weight: 600; margin-bottom: 4px; padding: 0; }
fieldset.mk-checks label { display: flex; gap: 8px; align-items: center; }
.mk-table { width: 100%; border-collapse: collapse; font-size: var(--t-sm); background: var(--c-surface); }
.mk-table th, .mk-table td { text-align: left; padding: 7px 9px; border-bottom: var(--hair); vertical-align: top; }
.mk-table th { font: 600 var(--t-xs) var(--f-sans); letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--c-muted); }
.mk-table td.num { text-align: right; font-variant-numeric: tabular-nums; }
.mk-sort { all: unset; cursor: pointer; font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; white-space: nowrap; }
.mk-sort:focus-visible { outline: 2px solid var(--c-focus, currentColor); outline-offset: 2px; }
.mk-sort::after { content: " \2195"; opacity: .45; }
.mk-table th[aria-sort="ascending"] .mk-sort::after { content: " \2191"; opacity: 1; }
.mk-table th[aria-sort="descending"] .mk-sort::after { content: " \2193"; opacity: 1; }
.mk-table th[aria-sort="ascending"], .mk-table th[aria-sort="descending"] { color: var(--c-ink); }
.mk-rows .mk-pickc { width: 36px; padding-right: 0; }
.mk-rows .mk-pick { width: 18px; height: 18px; margin: 2px 0 0; }
.mk-open { all: unset; cursor: pointer; display: inline-flex; gap: 6px; align-items: flex-start; font-weight: 600; color: var(--c-ink); }
.mk-open::before { content: "▸"; color: var(--c-accent); width: 10px; flex: none; }
.mk-open[aria-expanded="true"]::before { content: "▾"; }
.mk-open:focus-visible, .mk-gapbtn:focus-visible { outline: 2px solid var(--c-focus); outline-offset: 2px; }
.mk-open:hover { color: var(--c-accent-strong); text-decoration: underline; }
.mk-gapbtn { all: unset; cursor: pointer; }
.mk-gapbtn .cs-gap { white-space: nowrap; }
.mk-rows tr.mk-r:has(+ tr.mk-detail:not([hidden])) td { background: var(--c-accent-tint); border-bottom-color: transparent; }
.mk-rows tr.mk-r:has(.mk-pick:checked) td { background: var(--c-ground-2); }
.mk-detail > td { padding: 0 9px 12px; background: var(--c-accent-tint); border-bottom: 2px solid var(--c-accent); }
.mk-detailbox { position: sticky; left: 9px; max-width: min(760px, calc(100vw - 72px)); display: grid; gap: 10px; padding: 12px 14px; background: var(--c-sheet); border: var(--hair); border-left: 3px solid var(--c-accent); }
.mk-gapblock { display: grid; gap: 6px; padding: 10px 12px; border: var(--hair); background: var(--c-surface); }
.mk-tablebar { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; }
.mk-gapfilter[aria-pressed="true"] { background: var(--c-accent-tint); box-shadow: inset 0 0 0 1.5px var(--c-accent); }
.mk-rows.only-gaps tr.mk-r:not([data-gaps]), .mk-rows.only-gaps tr.mk-r:not([data-gaps]) + tr.mk-detail { display: none; }
.mk-rowhold { position: sticky; bottom: 0; z-index: 3; }
.mk-rowhold[hidden] { display: none; }
.mk-draftcell { background: var(--c-machine-tint); }
.mk-lanes { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; }
.mk-lanehead { font: 700 var(--t-xs) var(--f-sans); letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--c-muted); border-bottom: 2px solid var(--c-ink); padding-bottom: 4px; }
.mk-ev { display: grid; gap: 2px; padding: 8px 10px; background: var(--c-surface); border: var(--hair); font-size: var(--t-sm); }
.mk-ev.us { border-left: 3px solid var(--c-accent); }
.mk-ev b { font-weight: 600; }
.mk-date { font: 600 var(--t-xs) var(--f-sans); color: var(--c-muted); }
.mk-lanes.small .mk-ev { font-size: var(--t-xs); }
.mk-passage { margin: 0; padding: 10px 14px; border-left: 3px solid var(--c-capture); background: var(--c-surface); font-size: var(--t-lg); line-height: 1.5; }
.mk-menuwrap { position: relative; }
.mk-menu { position: absolute; right: 0; top: 100%; z-index: 40; min-width: 220px; padding: var(--s-3); display: grid; gap: var(--s-2); }
.mk-menu[hidden] { display: none; }
.mk-actwrap { display: inline-grid; gap: var(--s-2); justify-items: start; }
.mk-slot:empty { display: none; }
.mk-rowname { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); }
.mk-scrim { position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; padding: var(--s-4); background: color-mix(in srgb, var(--c-ground) 82%, transparent); }
.mk-scrim > .cs-dialog { max-width: 440px; width: 100%; display: grid; gap: var(--s-3); }
.mk-image { max-width: 100%; height: auto; display: block; }
.mk-imgareas { position: relative; display: inline-block; max-width: 100%; touch-action: none; cursor: crosshair; }
.mk-imgarea { position: absolute; border: 2px solid var(--c-accent); background: color-mix(in srgb, var(--c-accent) 18%, transparent); padding: 0; min-width: 8px; min-height: 8px; }
.mk-imgarea:focus-visible { outline: 3px solid var(--c-ink); outline-offset: 2px; }
button.mk-avatar { border: 0; padding: 0; flex: none; }
.mk-grp { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mk-h3 { margin: 14px 0 6px; font: 600 var(--t-sm) var(--f-sans); color: var(--c-ink); }
.mk-h3:first-child { margin-top: 0; }
.mk-pagebar { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; font-size: var(--t-sm); color: var(--c-muted); }
.mk-pagebar .mk-pageno { font-weight: 600; color: var(--c-ink); }
.mk-pagetext { padding: 12px 16px; background: var(--c-surface); border: var(--hair); font-size: var(--t-lg); line-height: 1.55; }
.mk-pagetext p { margin: 0 0 10px; }
.mk-pagetext p:last-child { margin-bottom: 0; }
.mk-pagetext mark.mk-sel { color: inherit; background: color-mix(in srgb, var(--c-capture) 16%, transparent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--c-capture) 45%, transparent); }
.mk-pagetext .cs-btn { margin-left: 8px; vertical-align: middle; }
.mk-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mk-compare > div { padding: 10px 14px; background: var(--c-surface); border: var(--hair); font-size: var(--t-sm); line-height: 1.5; }
.mk-compare h3 { margin: 0 0 2px; font: 600 var(--t-sm) var(--f-sans); }
.mk-compare p { margin: 8px 0 0; }
.mk-compare ins { text-decoration: none; background: color-mix(in srgb, var(--c-accent) 16%, transparent); box-shadow: inset 0 -2px 0 var(--c-accent); }
@media (max-width: 760px) {
  .mk-compare { grid-template-columns: 1fr; }
}
.mk-versions { display: grid; gap: 6px; }
.mk-versions .mk-ev > span { display: inline; }
.mk-versions .cs-btn { margin-left: 6px; }
.mk-outlinks { display: grid; gap: 6px; font-size: var(--t-sm); }
.mk-outlinks > div { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.mk-outlinks .addr { color: var(--c-muted); font-family: var(--f-mono); font-size: var(--t-xs); }
.mk-search { display: flex; gap: 8px; align-items: center; }
.mk-search .cs-input { flex: 1; }
.cs-hold.mk-hold { box-shadow: none; }
.mk-thumb { float: left; width: 64px; height: 48px; margin: 2px 12px 2px 0; border: 1px solid var(--c-rule-strong); border-radius: 2px; overflow: hidden; cursor: pointer; }
.mk-thumb svg { display: block; width: 64px; height: 48px; }
.cs-frame .row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.mk-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0; background: var(--c-surface); border: var(--hair); }
.mk-facts > div { padding: 10px 14px; display: grid; gap: 6px; align-content: start; border-right: var(--hair); }
.mk-facts > div:last-child { border-right: 0; }
.mk-facts .k { font: 600 var(--t-xs)/1.2 var(--f-sans); letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--c-muted); }
.mk-facts .v { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: var(--t-sm); }
.mk-facts .cs-btn { min-height: 0; padding: 2px 6px; font-size: var(--t-sm); }
@media (max-width: 560px) {
  .mk-facts { grid-template-columns: 1fr; }
  .mk-facts > div { border-right: 0; border-bottom: var(--hair); }
  .mk-facts > div:last-child { border-bottom: 0; }
}
.mk-tabs2 { display: flex; gap: 0; border-bottom: var(--hair); }
.mk-tabs2 span { padding: 8px 12px; font-weight: 600; font-size: var(--t-sm); color: var(--c-muted); }
.mk-tabs2 span[aria-selected] { color: var(--c-ink); box-shadow: inset 0 -3px 0 var(--c-accent); }
.mk-drop { border: 1.5px dashed var(--c-rule-strong); padding: 18px; text-align: center; color: var(--c-ink-2); display: flex; gap: 8px; align-items: center; justify-content: center; background: var(--c-surface); }
.mk-dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 14px; margin: 0; font-size: var(--t-sm); }
.mk-dl dt { font-weight: 700; }
.mk-dl dd { margin: 0; }
.mk-bignum { display: grid; gap: 2px; padding: 14px; background: var(--c-surface); border: var(--hair); }
.mk-bignum b { font: 600 34px/1.1 var(--f-sans); }
.mk-titlerow { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: flex-start; justify-content: space-between; }
.mk-grid2 { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.mk-strengthbox { background: var(--c-surface); border: var(--hair); padding: 12px 14px; display: grid; gap: 8px; justify-items: start; }
.mk-tray { border: 1px dotted var(--c-machine); background: var(--c-machine-tint); padding: 10px; display: grid; gap: 8px; }
.mk-checks2 { background: var(--c-surface); border: var(--hair); border-left: 3px solid var(--c-ink); padding: 8px 12px; font-size: var(--t-sm); display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; }
.mk-sortrow { font-size: var(--t-sm); gap: 6px; display: flex; }
.mk-pubtitle h1 { font: 600 var(--t-3xl)/1.15 var(--f-serif); margin: 0; }
.mk-pubtitle p { color: var(--c-ink-2); margin: 4px 0 0; }
.mk-explain { background: var(--c-surface); border: var(--hair); padding: 10px 12px; font-size: var(--t-sm); margin: 0; }
.mk-finding { display: grid; gap: 6px; padding-bottom: 14px; border-bottom: var(--hair); }
.mk-fbody { font-size: var(--t-lg); line-height: 1.5; margin: 0; }
.mk-setuphead { display: flex; align-items: center; gap: 10px; }
.mk-setuphead svg { height: 34px; width: auto; color: var(--c-accent); }
.mk-wordmark { font: 600 24px var(--f-sans); letter-spacing: -.01em; }
.mk-sitenav { display:flex; flex-wrap:wrap; gap:4px 18px; padding-bottom:8px; border-bottom:var(--hair); font-weight:600; }
.mk-sitenav a { color:var(--c-accent); text-decoration:none; padding:4px 0; }
.mk-sitenav a[aria-current] { color:var(--c-ink); box-shadow:inset 0 -2px 0 var(--c-accent); }
.mk-grp { font: 600 var(--t-xl) var(--f-serif); }
.mk-avatar { width: 30px; height: 30px; border-radius: 50%; background: var(--c-accent-tint); color: var(--c-accent-strong); display: grid; place-items: center; font-weight: 700; font-size: var(--t-sm); }
.mk-mastsearch { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: var(--hair-strong); border-radius: 2px; color: var(--c-muted); font-size: var(--t-sm); min-width: 180px; background: var(--c-sheet); }
.mk-msg { padding: 8px 10px; border: var(--hair); background: var(--c-sheet); font-size: var(--t-sm); }
.mk-msg.me { justify-self: end; max-width: 85%; }
.cs-dock .cs-machinework p { margin: 0; font-size: var(--t-sm); }
.mk-crumbs { display: block; font-size: var(--t-sm); color: var(--c-muted); margin: 0 0 6px; }
.mk-crumbs i { font-style: normal; padding: 0 2px; }
.mk-crumbs a { color: var(--c-ink-2); text-decoration: none; }
.mk-crumbs a:hover { text-decoration: underline; }
.mk-crumbs b { color: var(--c-ink); font-weight: 600; }
.mk-more { font-weight: 600; font-size: var(--t-sm); }
.mk-morerows { display: grid; border-top: var(--hair); }
.mk-morerow { padding: 12px 4px; border-bottom: var(--hair); }
.mk-morerow .cs-ref { display: inline-flex; gap: 10px; align-items: center; font-weight: 600; font-size: var(--t-md); }
.mk-morerow p { margin: 4px 0 0 30px; color: var(--c-ink-2); font-size: var(--t-sm); }
.mk-links { display: grid; gap: 6px; }
.mk-links a { display: inline-flex; gap: 8px; align-items: center; }
.mk-logo { display: inline-flex; gap: 6px; align-items: center; padding: 8px 10px; border: 1.5px dashed var(--c-rule-strong); color: var(--c-ink-2); font-size: var(--t-sm); justify-self: start; }
.mk-details summary { cursor: pointer; font-weight: 600; color: var(--c-accent); }
.mk-ringlabel { margin-left: 8px; }
.mk-fronthead { display: flex; gap: 14px; align-items: flex-start; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 2px solid var(--c-ink); }
.mk-fronthead .grp { font: 600 var(--t-3xl)/1.1 var(--f-serif); letter-spacing: -.01em; }
.mk-flogo { flex: none; width: 56px; height: 56px; display: grid; place-items: center; background: var(--c-accent); color: var(--c-on-accent); font: 700 20px/1 var(--f-serif); border-radius: var(--r-2); }
.mk-frontgrid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(240px, 1fr); gap: 24px; align-items: start; }
.mk-signin { background: var(--c-sheet); border: var(--hair-strong); padding: 16px; display: grid; gap: 10px; }
.cs-frame .cs-main, .mk-plainmain, .mk-pubmain { grid-auto-rows: max-content; }
.mk-more { margin: 8px 0 14px; border: var(--hair); background: var(--c-surface); padding: 8px 12px; font-size: var(--t-sm); }
.mk-more summary { cursor: pointer; font-weight: 600; color: var(--c-accent-strong, var(--c-accent)); }
.mk-more h4 { margin: 12px 0 4px; font-size: var(--t-sm); }
.mk-more p { font-weight: 400; margin: 4px 0; }
.st { display: none; }
main:not([data-st]) .st-a, main[data-st="a"] .st-a, main[data-st="b"] .st-b, main[data-st="c"] .st-c, main[data-st="d"] .st-d, main[data-st="e"] .st-e, main[data-st="f"] .st-f, main[data-st="g"] .st-g { display: block; }
main:not([data-st]) .mk-frontgrid.st-a, main[data-st="a"] .mk-frontgrid.st-a, main[data-st="b"] .mk-frontgrid.st-b, main[data-st="c"] .mk-frontgrid.st-c, main[data-st="d"] .mk-frontgrid.st-d, main[data-st="e"] .mk-frontgrid.st-e { display: grid; }
.cs-ref { color: inherit; text-decoration: underline; text-decoration-color: var(--c-accent); text-underline-offset: 3px; }
.cs-ref:hover { color: var(--c-accent-strong, var(--c-accent)); }
.mk-hintd { margin-top: 4px; }
.mk-hintd summary { cursor: pointer; list-style: none; }
.mk-hintd summary::-webkit-details-marker { display: none; }
.mk-hintd[open] { border-left: 2px dotted var(--c-rule-strong); padding-left: 10px; }
.mk-dl dt { font-weight: 600; font-size: var(--t-sm); margin-top: 8px; }
.mk-dl dd { margin: 2px 0 0; font-size: var(--t-sm); }
.mk-tag { display: inline-block; font: 600 var(--t-xs)/1.4 var(--f-sans); color: var(--c-ink-2); border: var(--hair); padding: 0 5px; border-radius: 2px; margin-left: 4px; white-space: nowrap; }
.mk-where { display: grid; grid-template-columns: minmax(90px, 160px) minmax(0, 1fr) auto; gap: 6px 10px; align-items: center; font-size: var(--t-sm); }
.mk-where .bar { height: 12px; width: var(--w); background: color-mix(in srgb, var(--c-signal) 45%, var(--c-surface)); border: 1px solid var(--c-signal); }
.mk-where .n { font-variant-numeric: tabular-nums; color: var(--c-ink-2); }
.mk-ifelse { display: none; }
main.mk-else .mk-ifelse { display: block; }
.mk-ifother { display: none; }
main.mk-other .mk-ifother { display: block; }
main.mk-other .mk-ifheld { display: none; }
@media (max-width: 760px) {
  :root:root .mk-strip > .cs-ref { display:none; }
  :root:root .mk-strip .mk-strip-sum { display:inline-flex; }
  :root:root .mk-strip .mk-strip-sum .cs-ref { display:inline-flex; }
  :root:root .mk-usage { grid-template-columns:minmax(0,1fr); }
  :root:root .mk-graph svg.g { width:720px; max-width:none; }
  :root:root .mk-rows, :root:root .mk-rows tbody { display: block; }
  :root:root .mk-rows thead tr { display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 6px 0 8px; }
  :root:root .mk-rows thead th { border: 0; padding: 0; }
  :root:root .mk-rows thead th.mk-pickc { display: none; }
  :root:root .mk-rows tr.mk-r { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 4px 6px; padding: 10px 12px; border: var(--hair); border-bottom: 0; background: var(--c-surface); }
  :root:root .mk-rows tr.mk-r td { display: block; padding: 0; border: 0; background: none; text-align: left; }
  :root:root .mk-rows tr.mk-r td[data-label] { grid-column: 1 / -1; display: grid; grid-template-columns: 8.5em minmax(0, 1fr); gap: 8px; }
  :root:root .mk-rows tr.mk-r td[data-label]::before { content: attr(data-label); font: 600 var(--t-xs)/1.5 var(--f-sans); letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--c-muted); }
  :root:root .mk-rows tr.mk-detail { display: block; }
  :root:root .mk-rows tr.mk-detail[hidden] { display: none; }
  :root:root .mk-rows tr.mk-detail > td { display: block; padding: 0 0 10px; border: var(--hair); border-top: 0; }
  :root:root .mk-rows tbody > tr:last-child { border-bottom: var(--hair); }
  :root:root .mk-detailbox { position: static; max-width: none; border-left-width: 3px; margin: 0 8px; }
  :root:root .mk-rows tr.mk-r:has(+ tr.mk-detail:not([hidden])) { background: var(--c-accent-tint); }
  :root:root .mk-facts { grid-template-columns: 1fr; }
  :root:root .mk-facts > div { border-right: 0; border-bottom: var(--hair); }
  :root:root .mk-facts > div:last-child { border-bottom: 0; }
  :root:root .cs-frame.cs-shell { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr) auto auto; }
  :root:root .cs-frame.cs-shell.with-dock { grid-template-columns: minmax(0, 1fr); }
  :root:root .cs-rail, :root:root .mk-hide-phone, :root:root .mk-mastsearch span { display: none; }
  :root:root .mk-mastsearch { min-width: 0; border: 0; background: none; }
  :root:root .cs-main { grid-row: 3; padding: 16px; }
  :root:root .cs-dock { grid-row: 4; border-left: 0; border-top: 3px solid var(--c-ink); max-height: 300px; }
  :root:root .cs-tabs { display: grid; grid-row: 5; grid-template-columns: repeat(5, 1fr); border-top: var(--hair); background: var(--c-ground-2); }
  :root:root .cs-tabs a { display: grid; justify-items: center; gap: 2px; padding: 6px 2px 8px; font-size: 11.5px; color: var(--c-ink-2); text-decoration: none; }
  :root:root .cs-tabs a[aria-current] { color: var(--c-ink); font-weight: 700; box-shadow: inset 0 3px 0 var(--c-accent); }
  :root:root .cs-band { font-size: var(--t-xs); padding: 4px 12px; }
  :root:root .mk-plain.with-dock { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }
  :root:root .mk-plainmain { padding: 20px 16px; }
  :root:root .mk-plain .cs-dock { border-left: 0; border-top: 3px solid var(--c-ink); max-height: 300px; }
  :root:root .mk-lanes { grid-template-columns: 1fr; }
  :root:root .mk-grid2 { grid-template-columns: 1fr; }
  :root:root .mk-frontgrid { grid-template-columns: 1fr; }
  :root:root .cs-row { grid-template-columns: auto 1fr; }
  :root:root .cs-row > :nth-child(3) { grid-column: 2; }
}