/* Public graph resource; every selector is scoped to .explain-quadratic-sign-chart. */
.explain-quadratic-sign-chart .sc-explorer { display:grid; gap:10px; padding:14px; border:1px solid #dbe8e4; border-radius:16px; background:linear-gradient(180deg,#f5fbfa,#fbfdfc); }
.explain-quadratic-sign-chart .sc-controls { display:flex; flex-wrap:wrap; gap:8px 18px; }
.explain-quadratic-sign-chart .sc-group { display:flex; align-items:center; gap:6px; }
.explain-quadratic-sign-chart .sc-group-label { color:#33504a; font-size:14px; font-weight:650; }
.explain-quadratic-sign-chart .sc-group button { padding:6px 12px; border:1px solid #d6e6e1; border-radius:11px; background:#fff; color:var(--ink); font:inherit; font-size:14px; cursor:pointer; }
.explain-quadratic-sign-chart .sc-group button[aria-pressed="true"] { border-color:var(--teal); background:#e9f6f2; box-shadow:inset 0 0 0 1px var(--teal); }
.explain-quadratic-sign-chart .sc-group button:focus-visible { outline:3px solid #82cfc7; outline-offset:2px; }
.explain-quadratic-sign-chart .sc-graph { display:block; width:100%; max-width:560px; height:auto; margin:0 auto; }
.explain-quadratic-sign-chart .sc-graph [hidden] { display:none; }
.explain-quadratic-sign-chart .sc-axis { fill:none; stroke:#9dafaa; stroke-width:1.3; }
.explain-quadratic-sign-chart .sc-axis-label { fill:#46605a; font-size:13px; font-style:italic; }
.explain-quadratic-sign-chart .sc-line { stroke:#c9d8d4; stroke-width:1.3; }
.explain-quadratic-sign-chart .sc-curve { fill:none; stroke-width:3.4; stroke-linecap:round; }
.explain-quadratic-sign-chart .sc-seg { stroke-width:5; }
.explain-quadratic-sign-chart .sc-curve.pos, .explain-quadratic-sign-chart .sc-seg.pos { stroke:#087f79; }
.explain-quadratic-sign-chart .sc-curve.neg, .explain-quadratic-sign-chart .sc-seg.neg { stroke:#d0702a; }
.explain-quadratic-sign-chart .sc-badge.pos { fill:#087f79; }
.explain-quadratic-sign-chart .sc-badge.neg { fill:#d0702a; }
.explain-quadratic-sign-chart .sc-sign { fill:#fff; font-size:16px; font-weight:800; }
.explain-quadratic-sign-chart .sc-guide { stroke:#c9d8d4; stroke-width:1; stroke-dasharray:3 4; }
.explain-quadratic-sign-chart .sc-zero { fill:#fff; stroke:#1f3b39; stroke-width:2.2; }
.explain-quadratic-sign-chart .sc-root-label { fill:#33504a; font-size:13.5px; font-weight:600; }
.explain-quadratic-sign-chart .sc-zero-label { fill:#1f3b39; font-size:13px; font-weight:700; }
.explain-quadratic-sign-chart .sc-read { display:grid; gap:6px; padding:10px 12px; border:1px solid #d6e6e1; border-radius:12px; background:#fff; }
.explain-quadratic-sign-chart .sc-read[hidden] { display:none; }
.explain-quadratic-sign-chart .sc-read p { display:flex; align-items:baseline; gap:10px; margin:0; font-size:14.5px; }
.explain-quadratic-sign-chart .sc-tag { flex:none; padding:1px 8px; border-radius:6px; color:#fff; font-size:12px; font-weight:700; }
.explain-quadratic-sign-chart .sc-tag.pos { background:#087f79; }
.explain-quadratic-sign-chart .sc-tag.zero { background:#1f3b39; }
.explain-quadratic-sign-chart .sc-tag.neg { background:#d0702a; }
.explain-quadratic-sign-chart .sc-read .sc-rule { margin-top:2px; padding-top:8px; border-top:1px dashed #d6e6e1; color:#8a5a1c; font-weight:650; }
@media(max-width:600px) {
  .explain-quadratic-sign-chart .sc-explorer { padding:10px 8px; }
  .explain-quadratic-sign-chart .sc-group button { padding:6px 9px; font-size:13.5px; }
}