/* The shared risk card and the item markers (riskcard.js). Site tokens from site.css; no colour carries meaning alone:
   every marker has a text tag beside it (kind, (d)/(t), significance word). */
.rc-g{display:inline-block;vertical-align:middle;flex:none;overflow:visible}
.rc-g .f-call{fill:var(--verm)}
.rc-g .f-res{fill:var(--graphite);stroke:var(--ink);stroke-width:1}
.rc-g .f-ev{fill:var(--navy);stroke:var(--navy);stroke-width:1.6}
.rc-g.t .f-ev{fill:var(--paper);stroke-dasharray:2 1.6}
.rc-g .f-wa{fill:var(--graphite);stroke:var(--graphite);stroke-width:1.5}
.rc-g.t .f-wa{fill:var(--paper);stroke-dasharray:2 1.6}
.rc-g .f-wi{fill:var(--coral);fill-opacity:.55;stroke:var(--coral);stroke-width:1.5}
.rc-g.t .f-wi{stroke-dasharray:2 1.6}
.rc-g .f-op{fill:var(--paper);stroke:var(--ink);stroke-width:1.5}
.rc-g.t .f-op{stroke-dasharray:2 1.6}
.rc-g .f-op-x{stroke:var(--ink);stroke-width:1.4;fill:none}

.rc-scrim{position:fixed;inset:0;background:rgba(18,24,29,.45);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}
.rc-scrim[hidden]{display:none}
html.rc-open,html.rc-open body{overflow:hidden}
.rc-card{background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-top:4px solid var(--verm);width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow:auto;padding:16px 16px 14px;font:400 15px/1.45 var(--sans)}
@media (max-width:600px){
  .rc-scrim{align-items:flex-end;padding:0}
  .rc-card{max-width:none;max-height:86vh;border-left:0;border-right:0;border-bottom:0;padding-bottom:max(14px,env(safe-area-inset-bottom,0px))}
}
.rc-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.rc-k{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.rc-tag{font:500 11px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--graphite)}
.rc-st{font:400 12px/1.3 var(--mono);color:var(--graphite);white-space:nowrap}
.rc-st.t{border-bottom:1px dashed var(--graphite)}
.rc-draft{display:inline-block;font:500 10.5px/15px var(--mono);text-transform:uppercase;letter-spacing:.04em;border:1px dashed var(--verm);color:var(--verm);padding:0 4px}
.rc-x{background:var(--paper);border:1px solid var(--hair);min-width:44px;min-height:44px;cursor:pointer;font:500 14px var(--mono);color:var(--ink)}
.rc-card h2{font:500 22px/1.2 var(--serif);margin:8px 0 6px}
.rc-when{font:400 13px/1.4 var(--mono);margin:0}
.rc-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:1px solid var(--hair);border-left:1px solid var(--hair);margin:12px 0}
.rc-fact{border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:8px 10px;min-width:0}
.rc-fact .lbl{margin-bottom:4px}
.rc-fact .v{display:block;font:400 15px/1.3 var(--mono)}
.rc-fact .v.big{font-size:22px;color:var(--verm)}
.rc-fact .v.rc-cat{font-family:var(--sans);font-size:14px}
.rc-sub{display:block;font:400 11.5px/1.35 var(--mono);color:var(--graphite);margin-top:2px;overflow-wrap:anywhere}
.rc-card p{margin:8px 0;font-size:14px}
.rc-fine{font-size:12.5px!important;color:var(--graphite)}
.rc-tab{border-collapse:collapse;width:100%;font-size:13px;margin:6px 0}
.rc-tab caption{text-align:left;font:600 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--graphite);padding-bottom:4px}
.rc-tab td,.rc-tab th{border-bottom:1px solid var(--hair);padding:5px 4px;text-align:left;vertical-align:top}
.rc-tab .n{font-family:var(--mono);text-align:right;white-space:nowrap}
.rc-id{font:400 11px var(--mono);color:var(--graphite)}
.rc-src{font-size:13px;overflow-wrap:anywhere}
.rc-src .lbl{margin-bottom:2px}
/*<rane-p2>*/
.rc-note{font-size:14px;border-left:3px solid var(--hair);padding-left:10px}
.rc-note .lbl{margin-bottom:2px}
/*</rane-p2>*/
.rc-gap{margin-top:10px}
.rc-rel{list-style:none;margin:4px 0 0;padding:0}
.rc-rel button{display:flex;gap:6px;align-items:center;width:100%;min-height:44px;background:none;border:0;border-bottom:1px solid var(--hair);padding:4px 0;text-align:left;cursor:pointer;font:400 13px/1.3 var(--sans);color:var(--ink)}
.rc-rel button:hover{background:var(--tint)}
.rc-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.rc-act{display:inline-flex;align-items:center;background:var(--paper);border:1px solid var(--ink);padding:8px 12px;min-height:44px;cursor:pointer;font:500 14px/1.2 var(--sans);color:var(--ink);text-decoration:none}
.rc-act.pri{background:var(--ink);color:var(--paper)}
#rc-out{font-size:12.5px;color:var(--graphite);margin-top:8px}
.rc-card :focus-visible{outline:2px solid var(--verm);outline-offset:2px}
/*<rane-p2>*/
/* Phase 2 (rane.toprisks / rane.opps; dropped by the build while both are off): the static card (sitebuild/riskcard.py)
   and 'the other side' panel. The opportunity marker is an upward chevron, a risk a circle: shape, not colour. */
.rc-static{border:1px solid var(--hair);border-top:3px solid var(--ink);background:var(--paper);padding:10px 12px 8px;margin:0 0 10px}
.rc-sline{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin:0}
.rc-rank{font:500 13px/1.2 var(--mono);color:var(--verm)}
.rc-sh{font:500 18px/1.25 var(--serif);margin:4px 0}
.rc-snwc{font:400 13.5px/1.4 var(--sans);margin:0}
.rc-snwc .num{font-family:var(--mono);color:var(--verm)}
.rc-sfacts{list-style:none;margin:6px 0 0;padding:0;font-size:13px}
.rc-sfacts li{margin:2px 0}
.rc-sfacts .lbl{display:inline;margin-right:4px}
.rc-slinks{font-size:13px;margin:6px 0 0}
.rc-open{margin-top:6px;background:var(--paper);border:1px solid var(--ink);min-height:44px;padding:6px 12px;cursor:pointer;font:500 14px/1.2 var(--sans);color:var(--ink)}
.rc-open[hidden]{display:none}
.rc-chev{display:inline-block;vertical-align:-1px;margin-right:4px;overflow:visible}
.rc-chev path{fill:none;stroke:var(--verm);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.rc-other{border-top:1px solid var(--hair);border-left:3px solid var(--verm);margin:12px 0 0;padding:8px 0 2px 10px}
.rc-notes{border-top:1px solid var(--hair);margin:12px 0 0;padding:8px 0 2px}
.rc-oh{font:600 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:0 0 4px}
.rc-olist{list-style:none;margin:6px 0 0;padding:0}
.rc-olist li{border-bottom:1px solid var(--hair);padding:6px 0;font-size:13.5px}
.rc-okind{display:inline-block;font:500 10.5px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--graphite);margin-right:6px}
.rc-otext{display:block;margin-top:2px}
.rc-olab,.rc-press{font:400 12px var(--mono);color:var(--graphite)}
.rc-osrc{display:block;font-size:12px;color:var(--graphite);overflow-wrap:anywhere;margin-top:2px}
/*</rane-p2>*/