/* Use cases by industry (/use-cases on the public site, /app/use-cases in the console). Prefix uc-.
   Uses the shared tokens from app.css (and the public overrides in site.css): --bg --panel --sunk --line --text --muted
   --accent --link --good --warn --bar --bar-soft. No red: "false" reads muted, never as an error. */
.uc-head h1 { margin-bottom: 8px; }
.uc-head .kick a { color: inherit; }
.uc-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; margin: 18px 0 8px; }
.uc-stats div { border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; background: var(--panel); }
.uc-stats b { display: block; font-size: 24px; line-height: 1.2; }
.uc-stats span { font-size: 13px; color: var(--muted); }
.uc-seg { margin-top: 30px; }
.uc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.uc-pcard { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.uc-pcard h3 { margin: 0; font-size: 16px; }
.uc-pcard p { margin: 0; font-size: 14px; color: var(--muted); flex: 1; }
.uc-pmeta { font-size: 12px; color: var(--text); }
.uc-ptags { display: flex; flex-wrap: wrap; gap: 4px; }
.uc-ptags code { font-size: 11px; }
.uc-search { margin-top: 22px; border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; background: var(--panel); }
.uc-search h2 { margin-top: 0; font-size: 18px; }
.uc-sbar { display: flex; flex-wrap: wrap; gap: 8px; }
.uc-sbar input { flex: 1 1 220px; min-width: 0; }
.uc-sbar select { flex: 0 1 260px; min-width: 0; max-width: 100%; }
.uc-sbar input, .uc-sbar select, .uc-model select { font: inherit; font-size: 16px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); color: var(--text); }
.uc-results { margin: 8px 0 0; padding-left: 22px; max-height: 420px; overflow-y: auto; }
.uc-results li { margin: 3px 0; }
.uc-results:empty { display: none; }
.uc-fk { font-size: 14px; margin: 14px 0 6px; color: var(--muted); }
.uc-terms { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0; }
.uc-terms a { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border: 1px solid var(--line); border-radius: 99px; text-decoration: none; color: var(--text); font-size: 13px; }
.uc-terms a:hover { border-color: var(--link); }
.uc-terms a span { color: var(--muted); font-size: 12px; }
.uc-terms code { background: none; padding: 0; font-size: 12px; }
.uc-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 12px 0; }
.uc-model { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; }
.uc-model select { font-size: 14px; padding: 5px 8px; max-width: 100%; }
.uc-fns { margin: 8px 0 12px; }
.uc-fns summary { cursor: pointer; font-size: 14px; }
.uc-pager { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 12px 0 18px; }
.uc-pager a, .uc-pager span { padding: 4px 10px; border: 1px solid var(--line); border-radius: 8px; font-size: 14px; text-decoration: none; color: var(--text); }
.uc-pager a[aria-current="page"] { background: var(--text); color: var(--bg); border-color: var(--text); }
.uc-pager .off { color: var(--muted); opacity: .6; }
.uc-list { display: grid; gap: 18px; }
.uc-ex { min-width: 0; overflow-wrap: anywhere; }
.uc-ex h3 { margin: 2px 0 6px; font-size: 19px; overflow-wrap: normal; }
.uc-ex h4 { margin: 18px 0 6px; font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.uc-ex-k { margin: 0; font-size: 12px; color: var(--muted); }
.uc-goal { margin: 0 0 8px; }
.uc-ex .ex-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.uc-flow { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 10px 0 4px; counter-reset: ucf; }
.uc-flow li { counter-increment: ucf; display: flex; flex-direction: column; padding: 6px 10px 6px 30px; border: 1px solid var(--line); border-radius: 8px; background: var(--sunk); position: relative; min-width: 0; font-size: 13px; }
.uc-flow li::before { content: counter(ucf); position: absolute; left: 9px; top: 7px; font-weight: 700; color: var(--accent); }
.uc-flow li b { font-size: 12px; }
.uc-flow li span { color: var(--muted); font-size: 12px; }
.uc-flow li.off { opacity: .55; }
.uc-flow li + li::after { content: ""; }
.uc-state code { overflow-wrap: anywhere; }
.uc-ex .table td code, .uc-ex td code, .uc-ex p code, .uc-means code { white-space: normal !important; overflow-wrap: anywhere; word-break: break-word; }
.uc-bt td code, .uc-bt th code { white-space: nowrap !important; }
.uc-ex .table { width: 100%; border-collapse: collapse; font-size: 14px; }
.uc-ex .table td, .uc-ex .table th { padding: 6px 8px; border-bottom: 1px solid var(--line); vertical-align: top; text-align: left; }
.uc-qt td:first-child { width: 20%; }
.uc-at td:first-child { width: 40%; }
.uc-qt td, .uc-at td { white-space: normal; }
.uc-qt td:nth-child(2) { white-space: nowrap; }
.uc-qt code, .uc-at code { overflow-wrap: anywhere; }
.uc-kind { display: inline-block; font-size: 11px; padding: 1px 7px; border-radius: 99px; border: 1px solid var(--line); color: var(--muted); white-space: nowrap; }
.uc-kind.k-rule { color: var(--link); border-color: color-mix(in srgb, var(--link) 40%, transparent); }
.uc-kind.k-english { color: var(--good); border-color: color-mix(in srgb, var(--good) 40%, transparent); }
.uc-kind.k-forecast { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 40%, transparent); }
.uc-bt th .uc-kind { display: block; margin-top: 2px; width: max-content; }
.uc-num { white-space: nowrap; }
.uc-num b { font-variant-numeric: tabular-nums; margin-left: 6px; }
.uc-bar { display: inline-block; width: 64px; height: 6px; border-radius: 3px; background: var(--bar-soft); vertical-align: middle; overflow: hidden; }
.uc-bar i { display: block; height: 100%; background: var(--bar); }
.uc-bar.f i { background: var(--accent); }
.uc-read { font-size: 13px; }
.uc-read.r-yes { color: var(--good); font-weight: 600; }
.uc-read.r-no, .uc-read.r-unknown { color: var(--muted); }
.uc-read.r-edge, .uc-read.r-even { color: var(--warn); }
.uc-read.r-lean-yes { color: var(--accent); font-weight: 600; }
.uc-read.r-lean-no { color: var(--muted); }
.uc-scroll { overflow-x: auto; max-width: 100%; }
.uc-bt { min-width: max-content; }
.uc-bt td, .uc-bt th { white-space: nowrap; }
.uc-cell { font-variant-numeric: tabular-nums; }
.uc-cell.r-yes { color: var(--good); font-weight: 600; }
.uc-cell.r-no, .uc-cell.r-unknown { color: var(--muted); }
.uc-cell.r-lean-yes { color: var(--accent); font-weight: 600; }
.uc-cell.r-edge, .uc-cell.r-even { color: var(--warn); }
.uc-legend .uc-cell { margin-right: 4px; }
.uc-ex .act-res { margin: 8px 0; }
.uc-ex .act-quiet { padding: 6px 12px; }
.uc-ex pre.code { max-width: 100%; overflow-x: auto; white-space: pre-wrap; word-break: break-word; }
.uc-means { border-left: 3px solid var(--accent); padding: 2px 0 2px 12px; }
.uc-means p { margin: 4px 0; }
.uc-ex .ex-json { margin-top: 8px; }
.uc-ex .ex-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.uc-foot { margin-top: 18px; }
@media (max-width: 640px) {
  .uc-qt td:first-child, .uc-at td:first-child { width: auto; }
  .uc-qt, .uc-qt tbody, .uc-at, .uc-at tbody { display: block; width: 100%; }
  .uc-qt td, .uc-at td { border-bottom: 0 !important; }
  .uc-qt tr, .uc-at tr { border-bottom: 1px solid var(--line); }
  .uc-qt tr, .uc-at tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .uc-qt td, .uc-at td { min-width: 0; }
  .uc-bar { width: 44px; }
  .uc-qt td:nth-child(3) { grid-column: 1 / -1; padding-top: 0; }
  .uc-at td:nth-child(3) { grid-column: 1 / -1; padding-top: 0; }
  .uc-at thead { display: none; }
  .uc-flow li { flex: 1 1 40%; }
  .uc-ex h3 { font-size: 17px; }
}
/* answer bar widths (no inline styles under the CSP) */
.uc-w0{width:0%}.uc-w1{width:1%}.uc-w2{width:2%}.uc-w3{width:3%}.uc-w4{width:4%}.uc-w5{width:5%}.uc-w6{width:6%}.uc-w7{width:7%}.uc-w8{width:8%}.uc-w9{width:9%}.uc-w10{width:10%}.uc-w11{width:11%}.uc-w12{width:12%}.uc-w13{width:13%}.uc-w14{width:14%}.uc-w15{width:15%}.uc-w16{width:16%}.uc-w17{width:17%}.uc-w18{width:18%}.uc-w19{width:19%}.uc-w20{width:20%}.uc-w21{width:21%}.uc-w22{width:22%}.uc-w23{width:23%}.uc-w24{width:24%}.uc-w25{width:25%}.uc-w26{width:26%}.uc-w27{width:27%}.uc-w28{width:28%}.uc-w29{width:29%}.uc-w30{width:30%}.uc-w31{width:31%}.uc-w32{width:32%}.uc-w33{width:33%}.uc-w34{width:34%}.uc-w35{width:35%}.uc-w36{width:36%}.uc-w37{width:37%}.uc-w38{width:38%}.uc-w39{width:39%}.uc-w40{width:40%}.uc-w41{width:41%}.uc-w42{width:42%}.uc-w43{width:43%}.uc-w44{width:44%}.uc-w45{width:45%}.uc-w46{width:46%}.uc-w47{width:47%}.uc-w48{width:48%}.uc-w49{width:49%}.uc-w50{width:50%}.uc-w51{width:51%}.uc-w52{width:52%}.uc-w53{width:53%}.uc-w54{width:54%}.uc-w55{width:55%}.uc-w56{width:56%}.uc-w57{width:57%}.uc-w58{width:58%}.uc-w59{width:59%}.uc-w60{width:60%}.uc-w61{width:61%}.uc-w62{width:62%}.uc-w63{width:63%}.uc-w64{width:64%}.uc-w65{width:65%}.uc-w66{width:66%}.uc-w67{width:67%}.uc-w68{width:68%}.uc-w69{width:69%}.uc-w70{width:70%}.uc-w71{width:71%}.uc-w72{width:72%}.uc-w73{width:73%}.uc-w74{width:74%}.uc-w75{width:75%}.uc-w76{width:76%}.uc-w77{width:77%}.uc-w78{width:78%}.uc-w79{width:79%}.uc-w80{width:80%}.uc-w81{width:81%}.uc-w82{width:82%}.uc-w83{width:83%}.uc-w84{width:84%}.uc-w85{width:85%}.uc-w86{width:86%}.uc-w87{width:87%}.uc-w88{width:88%}.uc-w89{width:89%}.uc-w90{width:90%}.uc-w91{width:91%}.uc-w92{width:92%}.uc-w93{width:93%}.uc-w94{width:94%}.uc-w95{width:95%}.uc-w96{width:96%}.uc-w97{width:97%}.uc-w98{width:98%}.uc-w99{width:99%}.uc-w100{width:100%}