/* Shared recorded-signal charts. Keep axes in the viewBox and text at readable size. */
.llcar-chart { min-width:0; }
.llcar-chart .chart-title { margin-bottom:14px; line-height:1.4; }
.llcar-chart .chart-legend { display:flex; flex-wrap:wrap; gap:10px 26px; list-style:none; margin:0 0 16px; padding:0; color:#324c3e; font-size:13px; line-height:1.5; }
.llcar-chart .chart-legend-item { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; min-width:0; }
.llcar-chart .chart-legend-dot { width:8px; height:8px; border-radius:50%; flex:0 0 8px; align-self:center; }
.llcar-chart .chart-legend-label { overflow-wrap:anywhere; }
.llcar-chart .chart-legend-value { color:#243d30; font-variant-numeric:tabular-nums; font-size:14px; font-weight:650; white-space:nowrap; }
.llcar-chart .chart-stage { position:relative; width:100%; min-width:0; border-radius:5px; touch-action:pan-y; }
.llcar-chart .chart-stage:focus-visible { outline:2px solid #287fcb; outline-offset:5px; }
.llcar-chart .chart-svg { display:block; max-width:none; min-height:0; overflow:visible; font-family:inherit; background:transparent; }
.llcar-chart .chart-svg text { font-size:12px; fill:#3e514a; font-weight:450; font-variant-numeric:tabular-nums; }
.llcar-chart .chart-grid-line { shape-rendering:crispEdges; }
.llcar-chart .chart-readout { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 16px; min-height:29px; margin-top:3px; color:#344d3e; font-size:12px; line-height:1.7; font-variant-numeric:tabular-nums; }
.llcar-chart .chart-help { color:#52675a; }
.llcar-chart .chart-readout-time { font-weight:600; white-space:nowrap; }
.llcar-chart .chart-readout-value { display:inline-flex; align-items:center; gap:6px; }
.llcar-chart .chart-readout-value::before { content:''; width:5px; height:5px; background:var(--chart-color); border-radius:50%; flex-shrink:0; }
.llcar-chart .chart-caption { color:#52675a; font-size:12px; line-height:1.55; margin-top:6px; overflow-wrap:anywhere; }
.llcar-chart .chart-data-table { margin-top:10px; font-size:13px; }
.llcar-chart .chart-data-table > summary { width:fit-content; padding:7px 0; color:#176238; font-size:13px; cursor:pointer; }
.llcar-chart .chart-data-table th,.llcar-chart .chart-data-table td { font-size:12px; }
.llcar-chart .chart-sr-status { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:600px) {
  .llcar-chart .chart-legend { display:grid; gap:8px; margin-bottom:12px; }
  .llcar-chart .chart-legend-item { display:grid; grid-template-columns:8px minmax(0,1fr) auto; gap:8px; align-items:baseline; }
  .llcar-chart .chart-legend-value { font-size:13px; }
  .llcar-chart .chart-readout { min-height:44px; gap:2px 12px; }
}
@media print { .llcar-chart .chart-readout,.llcar-chart .chart-sr-status { display:none; } }

/* Unified recorded-chart typography and line samples. More specific than the
   older Control stylesheet, which may be loaded after this shared file. */
.llcar-chart .chart-legend, ul.control-chart-legend {font-size:1rem;line-height:1.6;color:#304c3c;gap:10px 24px;}
.llcar-chart .chart-legend-item, ul.control-chart-legend li {font-size:1rem;line-height:1.6;min-width:0;gap:9px;align-items:baseline;}
.llcar-chart .chart-legend-value {font-size:1rem;}
.llcar-chart .chart-series-swatch, ul.control-chart-legend .chart-series-swatch {display:inline-block;width:32px;height:12px;flex:0 0 32px;align-self:center;overflow:visible;background:none;}
ul.control-chart-legend li > span {min-width:0;overflow-wrap:anywhere;}
.llcar-chart .chart-svg text, svg.control-chart-svg text.control-chart-axis {font-size:14px;fill:#3d5146;font-family:inherit;font-variant-numeric:tabular-nums;}
.llcar-chart .chart-readout, .llcar-chart .chart-caption, p.control-scale-note, p.control-chart-readout {font-size:.95rem;line-height:1.6;color:#42574b;overflow-wrap:anywhere;}
.llcar-chart .chart-readout {min-height:44px;}
.llcar-chart .chart-data-table, .llcar-chart .chart-data-table > summary {font-size:1rem;}
.llcar-chart .chart-data-table > summary {min-height:44px;display:flex;align-items:center;}
.llcar-chart .chart-data-table th, .llcar-chart .chart-data-table td {font-size:.95rem;}
.llcar-chart .chart-stage:focus-visible, div.control-chart-stage:focus-visible {outline:3px solid #245f81;outline-offset:3px;}
@media(max-width:600px){
 .llcar-chart .chart-legend-item {grid-template-columns:32px minmax(0,1fr);}
 .llcar-chart .chart-legend-value {grid-column:2;font-size:1rem;}
 ul.control-chart-legend {display:grid;gap:12px;}
 ul.control-chart-legend li {display:grid;grid-template-columns:32px minmax(0,1fr);}
}