.chartspec-from-service{gap:14px;display:grid}.chartspec-from-service-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chartspec-from-service-head h2{margin:4px 0 6px;font-size:clamp(16px,1.8vw,22px)}.chartspec-from-service-head p{color:var(--muted);max-width:64ch;margin:0;font-size:12.5px;line-height:1.5}.chartspec-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.chartspec-card{background:color-mix(in srgb, var(--panel-soft,#0a1217) 92%, #000);border:1px solid var(--border-soft,#243038);border-radius:12px;gap:10px;min-width:0;padding:12px;display:grid}.chartspec-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.chartspec-card-head h3{margin:0 0 2px;font-size:14px;font-weight:620}.chartspec-card-head p{color:var(--muted);margin:0;font-size:11.5px}.chartspec-card-body{min-height:88px}.chartspec-card-body .sparkline-wrap,.chartspec-card-body .sparkline{width:100%;height:72px}.chartspec-card-body .area-chart{height:auto;min-height:88px;margin-top:0;padding:4px 0 18px 36px}.chartspec-card-body .area-chart .sparkline{height:64px}.chartspec-card-body .sparkline-hit{fill:#0000;stroke:none;cursor:crosshair}.chartspec-card-body .sparkline-hit.active{fill:color-mix(in srgb, currentColor 14%, transparent)}.chartspec-card-foot{gap:4px;display:grid}.chartspec-card-foot small,.chartspec-card-foot span,.chartspec-observed,.chartspec-empty{color:var(--muted);font-size:11.5px;line-height:1.4}.chartspec-warnings{color:var(--gold,#f0be47);margin:0;padding-left:1.1rem;font-size:12px}.markets-chartspec{margin:12px 0 14px}.markets-chartspec .chartspec-from-service-head p{max-width:72ch}.markets-chartspec .chartspec-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.markets-chartspec .chartspec-card-body{min-height:64px}