/* Explorer: California hospitals' ED times. Site tokens only (ka.css), so light and dark come with them.
   Phone first: the controls stack and the card is one column at 390px; the table scrolls inside its own frame,
   with the hospital column pinned so a reader always sees which row a number belongs to. */
.edx{margin:40px 0;scroll-margin-top:calc(var(--hdr-h) + 16px)}
.edx h2{margin:0 0 8px}
.edx-lede{color:var(--body);max-width:var(--measure);margin:0 0 20px}
.edx-controls{display:grid;gap:12px;margin:0 0 12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.edx-q{grid-column:1/-1}
.edx-field{display:grid;gap:6px;font:600 var(--fs-xs)/1.3 var(--sans);color:var(--mut);text-transform:uppercase;letter-spacing:.04em;min-width:0}
.edx-field input,.edx-field select{min-height:48px;padding:0 12px;border:1.5px solid var(--line-2);border-radius:var(--r-sm);
  background:var(--surface);color:var(--ink);font:500 var(--fs-ui)/1.2 var(--sans);text-transform:none;letter-spacing:0;width:100%;
  box-sizing:border-box;min-width:0}
.edx-field input:focus-visible,.edx-field select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.edx-count{margin:4px 0 10px;font:600 var(--fs-sm)/1.4 var(--sans);color:var(--mut)}
.edx-card{margin:0 0 16px}
.edx-pick{background:var(--surface);border:1px solid var(--blue2);border-radius:var(--r);padding:18px 18px 14px;
  box-shadow:0 0 0 2px var(--blue2),var(--sh);min-width:0}
.edx-name{margin:0 0 4px;font:600 var(--fs-lg)/1.3 var(--disp);color:var(--ink);overflow-wrap:anywhere}
.edx-meta{margin:0 0 6px;font-size:var(--fs-sm);line-height:1.45;color:var(--mut)}
.edx-lines{list-style:none;margin:12px 0 8px;padding:0;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.edx-lines li{display:grid;gap:3px;font-size:var(--fs-sm);line-height:1.45;color:var(--body);min-width:0;
  border-top:1px solid var(--line);padding-top:10px}
.edx-lines b{color:var(--ink);font-weight:600}
.edx-v{font:700 var(--fs-2xl)/1.1 var(--disp);color:var(--blue);font-variant-numeric:tabular-nums}
.edx-v-na{font-size:var(--fs-lg);color:var(--mut)}
.edx-why{color:var(--mut)}
.edx-refs{display:grid;gap:2px;color:var(--body);font-variant-numeric:tabular-nums}
.edx-code{color:var(--mut);font-weight:500;white-space:nowrap}
.edx-acts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.edx-note{margin:14px 0 0;font-size:var(--fs-sm);line-height:1.5;color:var(--mut);max-width:var(--measure)}
.edx-dl{margin:12px 0 8px;display:flex;flex-wrap:wrap;gap:8px 16px}
.edx-table{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);
  max-height:70vh;overflow-y:auto}
.edx-table table{min-width:880px;width:100%;font-size:var(--fs-sm);border-collapse:separate;border-spacing:0}
.edx-table th,.edx-table td{padding:8px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.edx-table thead th{position:sticky;top:0;z-index:2;background:var(--surface);text-transform:none;letter-spacing:normal;
  white-space:normal;font-size:var(--fs-xs);line-height:1.3}
.edx-table th[scope=row]{position:sticky;left:0;z-index:1;background:var(--surface);font-weight:500;color:var(--ink);min-width:150px;
  text-transform:none;letter-spacing:normal;white-space:normal;font-size:var(--fs-sm);line-height:1.4}
.edx-table thead th:first-child{left:0;z-index:3}
.edx-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.edx-table .na{color:var(--mut);white-space:nowrap}
.edx-ref-row th,.edx-ref-row td{background:var(--tint);font-weight:600}
.edx-ref-row th[scope=row]{background:var(--tint)}
.edx-alt{display:block;color:var(--mut);font-size:var(--fs-xs)}
.edx-sort,.edx-open{all:unset;cursor:pointer;display:inline;color:inherit;font:inherit;text-align:inherit}
.edx-sort{color:var(--ink);font-weight:600}
.edx-sort::after{content:" \2195";color:var(--mut)}
th[aria-sort=ascending] .edx-sort::after{content:" \2191";color:var(--blue)}
th[aria-sort=descending] .edx-sort::after{content:" \2193";color:var(--blue)}
.edx-open{color:var(--blue);text-decoration:underline;text-underline-offset:2px;min-height:24px}
.edx-sort:focus-visible,.edx-open:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}
tr.is-picked th,tr.is-picked td{background:var(--tint)}
@media (min-width:760px){
  .edx-controls{grid-template-columns:2fr repeat(3,minmax(0,1fr))}
  .edx-q{grid-column:auto}
  .edx-lines{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1100px){.edx-lines{grid-template-columns:repeat(3,minmax(0,1fr))}}
.edx-fn{color:var(--mut);font-size:var(--fs-xs)}
.edx-table thead th{min-width:92px}.edx-table thead th:first-child{min-width:150px}
