/* AI Enforcement Tracker (/enforcement-tracker/). Built by tools/enforcement-tracker/build_tracker.py.
   Uses the site's column, type and colors; only the chart, legend and tables are new. */
.enf .lede{font-size:18px;line-height:1.5;color:var(--ink-soft);margin:0 0 12px}
.enf .stats{margin-top:30px}
.enf .stat b{white-space:nowrap}
.enf .foot-note{margin-top:12px}
.enf h3{margin-top:30px}

.enf-chart{margin:8px 0 0}
.enf-chart svg{display:block;width:100%;height:auto;font-family:var(--font-display);font-variant-numeric:tabular-nums;overflow:visible}
.enf-chart .chart-small{display:none}
.enf-chart>.label{margin:0 0 12px}
.enf-chart figcaption{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.5}
.enf .legend{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--ink-soft)}
.enf .legend li{margin:0;display:flex;align-items:center;gap:7px}
.enf .legend .key{display:inline-block;width:18px;height:2px}
.enf .legend .key.dash{background:repeating-linear-gradient(90deg,#b8862f 0 7px,transparent 7px 11px);height:2px}
.enf .swatch{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px;flex-shrink:0}

.enf-table{font-variant-numeric:tabular-nums}
.enf-table th[scope=row]{font-weight:400;text-align:left}
.ladder.enf-table tbody th{border-bottom:1px solid var(--rule);padding:9px 16px 9px 0;font-size:14px;color:var(--ink);vertical-align:top;min-width:170px}
/* The stream table scrolls sideways on phones instead of crushing the stream names. */
.enf-table:not(.enf-events){min-width:600px}
.enf-table td{white-space:nowrap}
.enf-events td{white-space:normal}
.enf-events td.d{white-space:nowrap;color:var(--muted)}
.ladder.enf-table td:first-child{width:auto;color:inherit}
.ladder.enf-events td:first-child{color:var(--muted)}
.enf-events td:nth-child(2){white-space:nowrap}
.enf-events td:nth-child(3){min-width:110px;color:var(--muted)}

@media(max-width:600px){
  .enf .lede{font-size:16.5px}
  .enf-chart .chart-big{display:none}
  .enf-chart .chart-small{display:block}
  .enf .stat b{font-size:23px}
  /* The events table becomes one block per event. */
  .enf-events thead{display:none}
  .enf-events,.enf-events tbody,.enf-events tr,.enf-events td{display:block;width:auto}
  .enf-events tr{padding:12px 0;border-bottom:1px solid var(--rule)}
  .ladder.enf-events td{border:0;padding:2px 0}
  .enf-events td.d,.enf-events td:nth-child(2){display:inline-block;margin-right:10px;font-size:13px}
  .enf-events td:nth-child(3){font-size:13px}
}