/* Texas Grid & Prices: its own look. A dark control-room board, big numbers, mobile first. */
:root{--bg:#0e1419;--panel:#17202a;--line:#2a3745;--ink:#e8eef4;--muted:#92a2b2;--ok:#3ddc84;--alert:#ff6b4a;--amber:#f5b942;--line1:#5ec8ff;--link:#7ec9ff;
 --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--font:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@media (prefers-color-scheme:light){:root{--bg:#f1f4f7;--panel:#fff;--line:#d3dbe3;--ink:#10181f;--muted:#586674;--ok:#14803c;--alert:#c0361b;--amber:#9a6a00;--line1:#0b6fa8;--link:#0b5a8e}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.5;font-size:17px}
.wrap{max-width:760px;margin:0 auto;padding:14px 14px 40px}
a{color:var(--link)}
.top{margin-bottom:14px}
.kicker{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
h1{margin:2px 0 4px;font-size:1.8rem}
.lede{margin:0;color:var(--muted)}
h2{font-size:1.05rem;margin:0 0 8px}
.label{margin:0;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.val{margin:2px 0;font:700 1.55rem/1.1 var(--mono)}
.src{margin:2px 0 0;font-size:.8rem;color:var(--muted)}
.cond{background:var(--panel);border:1px solid var(--line);border-left:10px solid var(--ok);border-radius:8px;padding:14px 16px;margin-bottom:12px}
.cond.alert{border-left-color:var(--alert)}
.cond .big{margin:0;font:800 2.2rem/1.1 var(--font);color:var(--ok)}
.cond.alert .big{color:var(--alert)}
.note{margin:4px 0}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}
.tile,.price{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.tile:first-child{grid-column:1/-1}
@media (min-width:600px){.tiles{grid-template-columns:repeat(3,1fr)}.tile:first-child{grid-column:auto}}
.chart,.prices{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin-bottom:12px}
.chart svg{width:100%;height:auto;display:block}
.gl{stroke:var(--line);stroke-width:1}
.ax{fill:var(--muted);font:11px var(--mono)}
polyline{fill:none;stroke-linejoin:round;stroke-linecap:round}
polyline.ac{stroke:var(--line1);stroke-width:3}
polyline.fc{stroke:var(--amber);stroke-width:2;stroke-dasharray:5 4}
.legend{margin:6px 0 0;font-size:.82rem;color:var(--muted)}
.k{display:inline-block;width:22px;height:0;border-top:3px solid var(--line1);vertical-align:middle}
.k.fc{border-top:3px dashed var(--amber)}
.price{margin-bottom:10px}
.status{padding:10px 12px;border-radius:6px;margin:10px 0;font-size:.95rem;background:var(--panel);border:1px solid var(--line)}
.status.bad{border-color:var(--alert)}.status.warn{border-color:var(--amber)}
.foot{margin-top:24px;padding-top:12px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}