/* Scoped council preview; native CityCounts shell owns global design. */
.river-standalone{margin:0;background:#f6f5f1;color:#17181c;font:14px/1.5 ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.river-standalone-header{max-width:1510px;margin:auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e7e4dd}
.river-standalone-header .brand{display:flex;gap:9px;align-items:center;color:#17181c;text-decoration:none;font-size:20px;font-weight:600;letter-spacing:-.6px}
.river-standalone-header .brand svg{width:26px;height:26px;fill:none;stroke:#4b44a8;stroke-width:2.2;stroke-linecap:round}
.river-standalone-header .brand-city{margin-left:10px;font-size:12px;font-weight:400;color:#8a8c93;letter-spacing:0}
.river-standalone-header .term{font-size:12px;color:#8a8c93}
.river-standalone #cc-river-app{padding-top:24px;padding-bottom:24px}
#cc-river-app{--rv-paper:var(--paper,#f6f5f1);--rv-card:var(--card,#fff);--rv-ink:var(--ink,#17181c);--rv-muted:var(--ink-2,#55575e);--rv-faint:var(--ink-3,#8a8c93);--rv-line:var(--line,#e7e4dd);--rv-wash:var(--wash,#efede7);--rv-active:var(--for,#4b44a8);--rv-tint:var(--for-tint,#eeedf8);color:var(--rv-ink);font:400 13px/1.5 var(--sans,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif);min-width:0}
#cc-river-app{max-width:calc(var(--maxw,1200px) + 2 * var(--gutter,32px));margin:0 auto;padding:0 var(--gutter,32px)}
#cc-river-app *,#cc-river-app *:before,#cc-river-app *:after{box-sizing:border-box}
#cc-river-app [hidden]{display:none!important}
#cc-river-app button,#cc-river-app input,#cc-river-app select{font:inherit;color:inherit}
#cc-river-app button{cursor:pointer;border:0;background:none;padding:0;-webkit-tap-highlight-color:transparent}
#cc-river-app button:disabled{opacity:.35;cursor:default}
#cc-river-app :focus-visible{outline:2px solid var(--rv-active);outline-offset:3px;border-radius:4px}
#cc-river-app a{color:var(--rv-active);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
#cc-river-app p,#cc-river-app h3,#cc-river-app h4{margin:0}
#cc-river-app .river-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px;min-height:48px;flex-wrap:wrap}
#cc-river-app .toolbar-spacer{flex:1}
#cc-river-app .layout-switch,#cc-river-app .view-switch{align-items:center;flex-shrink:0}
#cc-river-app .layout-switch button,#cc-river-app .view-switch button{transition:background .2s,color .2s}
#cc-river-app .layout-switch button:hover,#cc-river-app .view-switch button:hover,#cc-river-app .weight-switch button:hover{color:var(--rv-ink)}
#cc-river-app .help-button{font-size:12px;padding:8px 2px;color:var(--rv-muted);text-decoration:underline;text-underline-offset:3px}
#cc-river-app .river-workbench{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
#cc-river-app .river-workspace{min-width:0}
#cc-river-app .river-card{background:var(--rv-card);border:1px solid var(--rv-line);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #17181c03}
#cc-river-app .people-tools{display:flex;align-items:center;justify-content:space-between;min-height:41px;padding:9px 15px 4px}
#cc-river-app .clear-selection{font-size:12px;color:var(--rv-active);text-decoration:underline;text-underline-offset:3px}
#cc-river-app .chart-pane{min-width:0;padding:11px 16px 12px}
#cc-river-app .chart-stage{position:relative;isolation:isolate;min-width:0}
#cc-river-app #river{display:block;width:100%;height:100%;overflow:visible;touch-action:pan-y}
#cc-river-app .topic-labels{position:absolute;inset:0;pointer-events:none}
#cc-river-app .topic{position:absolute;pointer-events:auto;text-align:left;min-height:35px;padding:5px 8px 5px 0;color:var(--rv-ink);font-size:12px;line-height:1.25;border-radius:5px;transition:background .2s,color .2s}
#cc-river-app .topic b{display:block;font-weight:600;font-size:14px}
#cc-river-app .topic .pole{display:block;font-size:12px;color:var(--rv-muted);line-height:1.3;margin-top:5px;font-weight:400}
#cc-river-app .topic:hover{background:var(--rv-wash)}
#cc-river-app .topic[aria-pressed=true]{background:var(--rv-tint);color:var(--rv-active);padding-left:6px}
#cc-river-app .direction-label,#cc-river-app .activity-label{position:absolute;color:var(--rv-muted);font-size:12px;line-height:1.4;pointer-events:none;white-space:nowrap}
#cc-river-app .direction-label.end{text-align:right}
#cc-river-app .activity-label{color:var(--rv-active)}
#cc-river-app .topic-separator{stroke:var(--rv-line);stroke-width:1;opacity:1;pointer-events:none}
#cc-river-app .zero-guide{stroke:#c8c3d0;stroke-width:1;stroke-dasharray:3 5;pointer-events:none}
#cc-river-app .direction-zone{fill:#f8f7f4;pointer-events:none}
#cc-river-app .focus-lane{fill:var(--rv-tint);opacity:0;pointer-events:none;transition:opacity .2s}
#cc-river-app .focus-lane.on{opacity:.65}
#cc-river-app .individual{fill:var(--person);stroke:var(--rv-card);stroke-width:1.1;opacity:0;pointer-events:none;transition:opacity .3s}
#cc-river-app .individual.visible{opacity:.92;pointer-events:visiblePainted;cursor:pointer}
#cc-river-app .ribbon-trace{fill:none;stroke:var(--person);stroke-width:2;opacity:0;pointer-events:none;transition:opacity .3s}
#cc-river-app .ribbon-trace.visible{opacity:.88;pointer-events:visibleStroke;cursor:pointer}
#cc-river-app .ribbon-hit{fill:none;stroke:transparent;stroke-width:17;pointer-events:none}
#cc-river-app .ribbon-hit[aria-hidden=true]{pointer-events:none}
#cc-river-app .ribbon-hit:focus-visible{outline:none;stroke:#4b44a833;stroke-dasharray:3 5}
#cc-river-app .empty-chart{position:absolute;left:20px;right:20px;top:90px;font-size:12px;line-height:1.7;text-align:center;color:var(--rv-faint);pointer-events:none}
#cc-river-app .evidence-dock{position:relative;border:1px solid var(--rv-line);border-radius:11px;background:var(--rv-card);margin-top:15px;overflow:clip;scroll-margin-top:64px}
/* the one bar that says what everything below is about: sticky under the site header (the focus view's dock scrolls itself, so top is 0 there) */
#cc-river-app{--ev-top:var(--top-h,48px);--ev-bar:46px;--ev-row:42px}
@media(min-width:900px){#cc-river-app[data-view=focus]{--ev-top:0px}}
#cc-river-app .evidence-toggle{position:sticky;top:var(--ev-top);z-index:4;background:var(--rv-card);display:flex;align-items:center;text-align:left;gap:10px;width:100%;padding:0 12px 0 18px;min-height:var(--ev-bar);border-bottom:1px solid var(--rv-line)}
#cc-river-app .evidence-toggle strong{flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cc-river-app .evidence-toggle .ev-parent{font-weight:400;color:var(--rv-muted)}
#cc-river-app .evidence-toggle .ev-sep{margin:0 5px;color:var(--rv-faint);font-weight:400}
#cc-river-app .evidence-toggle .ev-who{color:var(--rv-active)}
#cc-river-app .evidence-count{flex-shrink:0;font-variant-numeric:tabular-nums}
#cc-river-app .evidence-count:empty{display:none}
#cc-river-app .evidence-open{display:flex;align-items:center;flex-shrink:0}
#cc-river-app .evidence-open svg{width:20px;height:20px;fill:none;stroke:var(--ink-2);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
#cc-river-app .evidence-toggle[aria-expanded=true] .evidence-open svg{transform:rotate(180deg)}
#cc-river-app .evidence-body{padding:0 19px 17px}
#cc-river-app .motion{border-top:1px solid var(--rv-line)}
#cc-river-app .motion:last-of-type{border-bottom:1px solid var(--rv-line)}
#cc-river-app .motion>summary{display:block;list-style:none;cursor:pointer;padding:14px 24px 12px 0;position:sticky;top:calc(var(--ev-top) + var(--ev-bar));z-index:3;background:var(--rv-card);container-type:scroll-state}
#cc-river-app .motion>summary::-webkit-details-marker{display:none}
#cc-river-app .motion>summary:after{position:absolute;right:8px;top:17px;margin:0;color:var(--rv-faint)}
#cc-river-app .motion[open]>summary:after{transform:rotate(-135deg);top:20px}
#cc-river-app .motion-date{display:block;font-size:12px;color:var(--rv-muted);line-height:1.4;margin-bottom:3px;padding-right:110px;font-variant-numeric:tabular-nums}
#cc-river-app .motion-title{display:block;font-size:14px;font-weight:600;line-height:1.4}
#cc-river-app .motion-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;color:var(--rv-ink);line-height:1.6;margin-top:8px;white-space:pre-line}
#cc-river-app .motion-text-label{display:block;font-size:12px;color:var(--rv-muted);line-height:1.4;margin-top:8px}
#cc-river-app .motion-text-label+.motion-text{margin-top:2px}
#cc-river-app .motion-signals{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;font-size:11px;line-height:1.4}
#cc-river-app .motion-category{padding:2px 6px;border-radius:4px;background:var(--rv-wash);color:var(--rv-muted)}
#cc-river-app .motion-stand{padding:2px 6px;border-radius:4px;background:var(--rv-active);color:#fff;font-weight:600}
#cc-river-app .motion-result{position:absolute;right:28px;top:15px;font-size:12px;font-weight:400;line-height:1;color:var(--rv-muted)}
#cc-river-app .motion-tally{font-variant-numeric:tabular-nums}
#cc-river-app .motion[open] .motion-result{display:none}
@container scroll-state(stuck: top){
  #cc-river-app .motion-date,#cc-river-app .motion-text,#cc-river-app .motion-text-label{display:none}
  #cc-river-app .motion-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
}
#cc-river-app .motion-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:30px;padding:4px 0 24px}
#cc-river-app .recorded-motion{font:inherit;font-size:13px;line-height:1.55;margin:0;padding:0;border:0;color:var(--rv-ink);overflow-wrap:anywhere}
#cc-river-app .motion-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:13px;font-size:12px}
#cc-river-app .motion-votes{margin-top:16px}
#cc-river-app .saved-note{font-size:12px;color:var(--rv-muted);line-height:1.6;margin-top:12px}
#cc-river-app .motion-direction{font-size:12px;line-height:1.6;padding:9px 12px;background:var(--rv-wash);border-radius:7px;margin-top:14px;color:var(--rv-muted)}
#cc-river-app .motion-direction b{font-weight:600;color:var(--rv-ink)}
#cc-river-app .ai-mark{width:12px;height:12px;margin:0 5px -1px 0;fill:var(--rv-active)}
#cc-river-app .evidence-end{height:1px}
#cc-river-app .no-record{font-size:12px;color:var(--rv-faint);line-height:1.7}
@media(max-width:1100px){
 #cc-river-app .motion-detail{display:block}
}
@media(max-width:760px){
 #cc-river-app{padding-left:16px;padding-right:16px}
 .river-standalone-header{padding:16px 18px}.river-standalone-header .brand{font-size:20px}.river-standalone-header .term{font-size:12px}.river-standalone #cc-river-app{padding:16px 14px}
 #cc-river-app .river-toolbar{gap:10px;margin-bottom:8px;min-height:44px}
 #cc-river-app .layout-switch{display:none}#cc-river-app .toolbar-spacer{display:none}#cc-river-app .help-button{margin-left:auto;font-size:12px;min-width:44px;min-height:44px}
 #cc-river-app .river-workbench{grid-template-columns:minmax(0,1fr);gap:12px}
 
 #cc-river-app .weight-switch button{padding:0 3px;font-size:13px}
 #cc-river-app .people-tools{padding:0 10px;min-height:44px}#cc-river-app .people-tools .view-switch button{position:relative;min-width:44px}#cc-river-app .people-tools .view-switch button:after{content:'';position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}#cc-river-app .clear-selection{min-height:44px}
 #cc-river-app .river-card{border-radius:11px}#cc-river-app .chart-pane{padding:10px 12px 10px}
 #cc-river-app .topic{font-size:12px;line-height:1.3;min-height:44px}#cc-river-app .topic b{font-size:12px}#cc-river-app .topic .pole{font-size:12px;margin-top:4px}
 #cc-river-app .evidence-dock{margin-top:12px;border-radius:10px}#cc-river-app .evidence-toggle{padding:0 10px 0 14px}#cc-river-app .evidence-toggle strong{font-size:12px}
 #cc-river-app .evidence-body{padding:0 14px 17px}#cc-river-app .motion-title{font-size:13px}
}
@media(prefers-reduced-motion:reduce){#cc-river-app *,#cc-river-app *:before,#cc-river-app *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

#cc-river-app .row-empty{fill:var(--rv-faint);font:12px var(--sans,system-ui,sans-serif);pointer-events:none}

/* Overview uses the same count-sized blocks and contrast treatment as profile Focus areas. */
#cc-river-app[data-view=focus] .river-workbench>.river-workspace{display:grid;grid-template-columns:minmax(280px,min(34vw,520px)) minmax(0,1fr);gap:18px;align-items:start}
#cc-river-app[data-view=focus] .evidence-dock{margin-top:0;max-height:850px;overflow:auto;scrollbar-width:thin}
/* Leave the reader more width; the map gains height at intermediate widths. */
@media(min-width:900px){#cc-river-app[data-view=focus] .river-workbench{align-items:start}#cc-river-app[data-view=focus] .evidence-dock{align-self:start;height:calc(100dvh - 200px);min-height:520px;max-height:none}}
@media(min-width:900px){#cc-river-app[data-view=focus] .evidence-dock::after{content:'';position:sticky;bottom:0;display:block;height:48px;margin-top:-48px;background:linear-gradient(rgba(255,255,255,0),var(--rv-card));pointer-events:none}}   /* the last visible line fades into the card's edge instead of being cut */
#cc-river-app[data-view=focus] .motion-detail{display:block}
#cc-river-app .focus-pane{padding:16px}
#cc-river-app .focus-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
#cc-river-app .focus-heading h2{margin:0}
#cc-river-app .focus-heading button{font-size:12px;color:var(--rv-muted);text-decoration:underline;text-underline-offset:3px;min-height:32px}
#cc-river-app .focus-map{position:relative;width:100%;isolation:isolate;overflow:hidden;border-radius:7px;background:var(--rv-wash)}
#cc-river-app .focus-tile{position:absolute;display:flex;align-items:center;justify-content:center;padding:12px;min-height:0;font-size:15px;font-weight:600;line-height:1.3;text-align:center;overflow:hidden;background:var(--tile-background);color:var(--tile-foreground);box-shadow:inset 0 0 0 1px var(--rv-card);transition:box-shadow .15s}
#cc-river-app .focus-tile[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--tile-foreground)}
#cc-river-app .focus-tile:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--tile-foreground);z-index:2}
#cc-river-app .focus-tile:hover{box-shadow:inset 0 0 0 2px var(--tile-foreground)}
#cc-river-app .focus-tile span{width:100%;min-width:0;pointer-events:none}
#cc-river-app .focus-empty{padding:40px 20px;font-size:12px;text-align:center;color:var(--rv-muted)}
@media(max-width:899px){#cc-river-app[data-view=focus] .river-workbench>.river-workspace{grid-template-columns:minmax(0,1fr)}#cc-river-app[data-view=focus] .evidence-dock{max-height:none;overflow:clip}#cc-river-app .focus-map{max-width:640px;margin:auto}}
@media(max-width:760px){#cc-river-app .focus-pane{padding:12px}#cc-river-app .focus-tile{padding:9px;font-size:14px}#cc-river-app .focus-heading{margin-bottom:8px}#cc-river-app .focus-heading button{min-height:44px}#cc-river-app[data-view=focus] .evidence-dock{margin-top:0}#cc-river-app .river-toolbar>.view-switch button{min-height:44px}}
/* a voter who spoke is a filter: a dotted underline says tap, filled says on */
/* hiding speakers changes the height below a pinned row: without this the browser keeps re-anchoring the scroll position and the panel shakes */
#cc-river-app .evidence-dock,#cc-river-app .evidence-dock *{overflow-anchor:none}
/* anything scrolled to or focused lands below the pinned bar, row and speaker heading, not behind them */
#cc-river-app .motion-links a{scroll-margin-top:calc(var(--ev-top) + var(--ev-bar) + var(--ev-row) + 44px)}
/* the shared motion evidence (cc.css CC_EVIDENCE_1) takes this panel's colours; its speaker headings pin under the bar and the open motion's row */
#cc-river-app{--ce-ink:var(--rv-ink);--ce-sub:var(--rv-muted);--ce-line:var(--rv-line);--ce-paper:var(--rv-card);--ce-link:var(--rv-active);--ce-stick:calc(var(--ev-top) + var(--ev-bar) + var(--ev-row))}
/* a square says how many decisions it holds; one too small for that keeps just its name */
#cc-river-app .focus-tile{flex-direction:column;gap:2px}
#cc-river-app .focus-tile .tile-count{font-size:12px;font-weight:400;line-height:1.2;opacity:.85;pointer-events:none;white-space:nowrap}   /* a count is one line or none */
#cc-river-app .focus-note{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--ink-2,#3a3f46)}
#cc-river-app .site-title{margin:0 0 8px;padding-top:28px}@media(max-width:860px){#cc-river-app .site-title{padding-top:18px}}
@media(max-width:860px){#cc-river-app .motion-links a{display:inline-flex;align-items:center;min-height:44px}#cc-river-app .motion-links{row-gap:0}}
@media(max-width:599px){#cc-river-app .motion-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}}   /* a record's links in two even columns, as on the bill and permits pages */
/* the speaker's name is ink as on every other quote card; the rule beside the quote keeps the councillor's colour */
#cc-river-app .ce-speaker{color:var(--rv-ink)}


#cc-river-app b,#cc-river-app strong{font-weight:600}

/* Council overview: the Focus areas / Ribbons switch heads the sidebar, the councillors are their own accordion, one tile font size */
#cc-river-app .people-tools{justify-content:flex-end}
#cc-river-app .focus-tile{font-weight:500}
#cc-river-app .focus-heading[hidden]{display:none}
@media(max-width:760px){#cc-river-app .focus-tile{padding:8px;font-size:13px}}
/* a phone's 104px label rail holds a topic's name; its second line wrapped onto the next row's rule, so there the name stands alone, centred on its row */
@media(max-width:575px){#cc-river-app .topic .pole{display:none}#cc-river-app .topic:has(.pole){margin-top:9px}}
/* a tile's name: whole words where they fit, else broken at a syllable (river.js sets data-wrap) */
#cc-river-app .focus-map[data-wrap=words] .focus-tile span{hyphens:none}#cc-river-app .focus-map[data-wrap=syllables] .focus-tile span{hyphens:auto;overflow-wrap:anywhere}
/* inside a topic the heading's "All topics" is the one way back; "Clear topic" stays for Ribbons, which has no heading */
#cc-river-app[data-view=focus] .clear-selection{display:none}
@media(max-width:760px){
 #cc-river-app .site-title{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #cc-river-app .river-workbench{gap:6px}
 #cc-river-app .people-tools{display:none}
 #cc-river-app .focus-pane{padding:10px}
}

@media(min-width:761px){
 #cc-river-app[data-view=focus] .people-tools{display:none}
 #cc-river-app .focus-heading{margin-bottom:10px}
}

/* the one line of drop-downs (TASK-F1k C1 to C5; the component and its style are cc.js and cc.css): the host takes no box, so the line sticks under the site header along the whole page */
#cc-river-app{--cc-menu-top:var(--top-h,48px);--cc-menu-h:60px;--cc-menu-paper:var(--rv-card);--cc-menu-line:var(--rv-line);--cc-menu-ink:var(--rv-ink)}
#cc-river-app #council-menu{display:contents}
/* an agenda item's heading reads as the City's printed words, not as a vote result (TASK-F1k K6) */
#cc-river-app .motion-result[data-vote=agenda]{position:static;display:block;margin-top:6px;font-size:12px;font-weight:400;color:var(--rv-muted)}
/* Command strip context and controls belonging to the map. */
#cc-river-app .council-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 12px}
#cc-river-app .council-title-row .site-title{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip-path:none;white-space:normal;font-size:24px;line-height:1.2}
#cc-river-app .council-meta{font-size:13px;color:var(--rv-muted);font-variant-numeric:tabular-nums}
#cc-river-app .cc-map-controls{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:10px 12px 0}
#cc-river-app .cc-map-controls button{border:0;border-radius:6px;background:transparent;color:var(--rv-ink);padding:7px 9px;font:inherit;font-size:12px;cursor:pointer}
#cc-river-app .cc-map-controls button:hover{background:var(--rv-wash)}
#cc-river-app .cc-map-controls button[aria-pressed=true]{background:#ebf0ee;color:#3c4b45}
#cc-river-app .cc-map-family{display:flex;gap:2px;background:var(--rv-wash);border-radius:7px;padding:2px}
#cc-river-app .cc-map-controls button:focus-visible{outline:2px solid #3c4b45;outline-offset:2px}
#cc-river-app .focus-map{background:transparent}
#cc-river-app[data-view=focus] .river-workspace:has(#focus-pane[hidden]){grid-template-columns:minmax(0,1fr)}
#cc-river-app .river-card:has(#focus-pane[hidden]) .cc-map-controls{padding-bottom:10px}
@media(min-width:900px){#cc-river-app .focus-map{max-width:none;margin:0}}
@media(max-width:760px){#cc-river-app .cc-map-controls button{min-height:44px}#cc-river-app .council-title-row{margin-top:16px}}

#cc-river-app #chart-controls:empty{display:none}
/* Keep the heading and command bar still when filter breadcrumbs appear. */
#cc-river-app #council-breadcrumb{height:18px;overflow:hidden}
#cc-river-app #council-breadcrumb .cc-breadcrumb{margin:0;padding:0;font-size:11px;line-height:18px}
#cc-river-app .council-title-row{margin-top:4px}
@media(min-width:900px){#cc-river-app .cc-filter-slot{margin:-38px 250px 4px 170px}}
/* A matter's stages across meetings: "N stages · M meetings" beside the date, and one row per stage, laid out like the card's own summary (date above the step, the link and the chevron to the right), that opens to the City's text for it. */
#cc-river-app .motion-lifecycle{margin:0 auto 0 -5px;white-space:nowrap}
#cc-river-app .motion-lifecycle:before{content:'· '}
#cc-river-app .motion-stages{border-top:1px solid var(--rv-line);margin:2px 0 4px}
#cc-river-app .motion-stage{border-bottom:1px solid var(--rv-line)}
#cc-river-app .motion-stage>summary,#cc-river-app .stage-row{display:grid;grid-template-columns:minmax(0,1fr) auto .42em;align-items:center;gap:2px 12px;padding:8px 0;font-size:13px;line-height:1.4}
#cc-river-app .motion-stage>summary:after{grid-column:3;grid-row:1/3;margin:0;justify-self:center}
#cc-river-app .stage-when{grid-column:1;font-size:12px;color:var(--rv-muted);font-variant-numeric:tabular-nums}
#cc-river-app .stage-name{grid-column:1;font-weight:600}
#cc-river-app .stage-outcome{grid-column:1;font-size:12px;color:var(--rv-muted)}
#cc-river-app .stage-outcome:empty{display:none}
#cc-river-app .stage-watch{grid-column:2;grid-row:1/3;font-size:12px;color:#686d6a;text-decoration:none;white-space:nowrap}
#cc-river-app .stage-watch:hover{text-decoration:underline;text-underline-offset:3px}
#cc-river-app .stage-text{margin:0;padding:0 0 10px;font-size:13px;line-height:1.6;color:var(--rv-muted);white-space:pre-line}
@media(max-width:860px){#cc-river-app .stage-watch{display:inline-flex;align-items:center;min-height:44px}}