/* The graph remains wide enough to read on a phone; only the plot scrolls. */
.dapa-graph {min-width:0; color:#1e293b}
.dapa-chart-header {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.dapa-scale {display:flex;border:1px solid #cbd5e1;border-radius:7px;overflow:hidden;font-size:13px}
.dapa-scale button {padding:8px 12px;min-height:40px;background:#fff;color:#475569}
.dapa-scale button[aria-pressed=true] {background:#e8efff;color:#1d4ed8;font-weight:600}
.dapa-scale button:focus-visible {outline:2px solid #2563eb;outline-offset:-3px}
.dapa-chart-scroll {overflow-x:auto;max-width:100%}
.dapa-chart-canvas {min-width:390px;width:100%}
.dapa-axis-title {font-size:13px;font-weight:600;margin-bottom:4px;overflow-wrap:anywhere}
.dapa-x-title {font-size:13px;font-weight:600;text-align:center;overflow-wrap:anywhere}
.dapa-chart-note {font-size:12px;line-height:1.6;color:#64748b;margin-top:8px}
.dapa-chart-note a {color:#1d4ed8;text-decoration:underline}
.dapa-tooltip {padding:10px 12px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font-size:12px;box-shadow:0 4px 15px #0001}
/* Table and graph each need the full detail-panel width. */
.dapa-data-views {display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
@media(max-width:600px){.dapa-graph{padding:16px}.dapa-chart-header{align-items:flex-start}.dapa-scale button{min-height:44px}}
.dapa-data-views > .dapa-graph {order:-1}
.dapa-library-tools {display:grid;gap:10px;margin-bottom:18px}
.dapa-library-tools label {display:grid;gap:5px;font-size:13px;font-weight:600;color:#475569}
.dapa-library-tools input,.dapa-library-tools select {width:100%;min-width:0;padding:9px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#1e293b;font-size:14px;font-weight:400}
/* Scientific units are case-sensitive: mM and µmol must keep their case. */
#root table th {text-transform:none}
.dapa-scroll-hint {display:none;font-size:12px;color:#64748b;margin-top:8px}
@media(max-width:600px){.dapa-scroll-hint{display:block}}
.dapa-data-views > .dapa-graph-stage {order:-1;min-width:0}
.dapa-graph-choice p {margin-top:12px;line-height:1.6}
.dapa-design-context {background:#f1f5f9;border-radius:8px;padding:14px;color:#334155}
.dapa-graph-options {display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.dapa-graph-options button {border:1px solid #94a3b8;padding:12px 16px;border-radius:8px;background:white;min-height:44px}
.dapa-graph-options button[aria-pressed=true] {background:#e8efff;border:2px solid #2563eb;color:#1d4ed8}
.dapa-reveal {background:#2563eb;color:white;padding:12px 18px;border-radius:8px;font-weight:600}
.dapa-reveal:disabled {background:#cbd5e1;color:#475569;cursor:not-allowed}
.dapa-graph-feedback {background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:18px;margin-bottom:16px;color:#1e3a5f;line-height:1.6}
.dapa-graph-feedback p {margin-top:8px}
.dapa-dataset-list {display:grid;gap:10px;max-height:560px;overflow-y:auto;margin-top:16px;padding-right:4px}
.dapa-dataset-card {display:grid;gap:6px;text-align:left;padding:14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}
.dapa-dataset-card[aria-pressed=true] {background:#eff6ff;border-color:#2563eb}
.dapa-card-meta {font-size:12px;color:#526078}
.dapa-card-description {font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#475569}
#root p.text-lg.font-medium {white-space:pre-line}
/* Keep answer markers circular beside longer evidence choices. */
#root button .w-6.h-6 {flex-shrink:0}