/* My Strature command centre: the twelve middle sections' own rules (website 3; sitebuild/mycommand/sections/ changed ..
   ask_search, INTERFACE.md §2.2). Prefix .mc-s- only; the item frame (.mc-item, .mc-item-h, .mc-item-m, .mc-item-c),
   the section frame and the slots are the lead's (mycommand.css). Site tokens from site.css; phone first (W-115): one
   column, nothing sets a width, long words wrap, every tap target here is at least 44 px; no colour carries meaning
   alone (each level and kind has its word beside it). */
.mc-s-it{min-width:0;overflow-wrap:anywhere}
.mc-s-it .mc-item-h{font-family:var(--serif);font-weight:600;font-size:17px;line-height:1.3;margin:0}
.mc-s-it .mc-item-h a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}
.mc-s-it .mc-item-m{font-family:var(--sans);font-size:12.5px;line-height:1.45;color:var(--graphite);margin:4px 0 0}
.mc-s-it .mc-item-c{margin-top:4px}
.mc-s-it .mc-cite{font-family:var(--sans);font-size:11.5px;line-height:1.4;color:var(--graphite);margin:2px 0 0}
.mc-s-it .mc-cite a{color:var(--graphite)}
.mc-s-it .mc-fid{font-family:var(--mono);font-size:11px;white-space:nowrap}
.mc-s-it .num{font-family:var(--mono);font-size:.94em}
.mc-s-date{font-family:var(--mono);font-size:12px;color:var(--graphite);margin:0 0 2px}
.mc-s-p{font-size:14.5px;line-height:1.45;margin:4px 0 0}
.mc-s-tent{border-bottom:1px dashed var(--graphite)}

/* section 3: the shared risk card sits inside the item; significance with its word, the bar is decoration */
.mc-s-toprisks .rc-static{margin:0;padding:0;border:0}
.mc-s-toprisks .rc-sh{font-family:var(--serif);font-weight:600;font-size:17px;line-height:1.3;margin:2px 0}
.mc-s-toprisks .rc-sline,.mc-s-toprisks .rc-snwc{font-family:var(--sans);font-size:12.5px;margin:0;color:var(--graphite)}
.mc-s-toprisks .rc-rank{font-family:var(--mono);margin-right:6px;color:var(--ink)}
/* the card's Strature Notes panel (riskcard.css .rc-oh, .rc-olist), over .mc h3 and .mc ul (WS-610 (2)) */
.mc-s-toprisks .rc-oh{font:600 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:0 0 4px}
.mc-s-toprisks .rc-olist{margin:6px 0 0}
.mc-s-sig{font-family:var(--sans);font-size:12px;border-left:3px solid var(--hair);padding-left:6px;color:var(--ink)}
.mc-s-sig-high{border-color:var(--verm)}
.mc-s-sig-medium{border-color:var(--graphite)}
.mc-s-wk{font-family:var(--mono);font-size:11.5px;color:var(--graphite)}

/* section 6: seven categories, word levels; the left rule only repeats the word */
.mc-s-ol{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:6px 0 0;font-family:var(--sans);font-size:13px}
.mc-s-ol dt,.mc-s-ol dd{margin:0;padding:5px 0;border-top:1px solid var(--hair)}
.mc-s-ol dt:first-of-type,.mc-s-ol dd:first-of-type{border-top:0}
.mc-s-lv{font-weight:600;text-align:right;padding-left:8px}
.mc-s-lv::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border:1px solid var(--graphite);vertical-align:0}
.mc-s-lv-severe::before{background:var(--ink);border-color:var(--ink)}
.mc-s-lv-high::before{background:var(--verm);border-color:var(--verm)}
.mc-s-lv-elevated::before{background:var(--graphite)}
.mc-s-lv-low::before{background:var(--paper)}
.mc-s-lv-unset{font-weight:400;color:var(--graphite)}
.mc-s-lv-unset::before{border-style:dashed}

/* section 7: the opportunity chevron is shape, not colour */
.mc-s-chev{display:inline-block;margin-right:4px;font-weight:600;color:var(--ink)}

/* section 13: the search box; 44 px targets */
.mc-s-search{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.mc-s-lab{flex:1 0 100%;font-family:var(--sans);font-size:12.5px;color:var(--graphite)}
.mc-s-in{flex:1 1 160px;min-width:0;min-height:44px;padding:0 10px;border:1px solid var(--ink);background:var(--paper);font:400 16px/1.2 var(--sans);color:var(--ink)}
.mc-s-go{min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:600 14px/1 var(--sans);cursor:pointer}
.mc-s-in:focus-visible,.mc-s-go:focus-visible,.mc-s-it a:focus-visible{outline:2px solid var(--verm);outline-offset:2px}

/* the title links are the tap targets of a list: give each line at least 44 px to hit */
.mc-s-it .mc-item-h a{display:inline-block;padding:12px 0;margin:-12px 0}
@media (max-width:359px){.mc-s-it .mc-item-h{font-size:16px}.mc-s-ol{font-size:12.5px}}
