/* Only three magnetometer indicator dials; existing SCW colors and data semantics stay intact. */
.mag-solar .indicators .indicator{padding:23px 17px 20px;background:radial-gradient(ellipse at 50% 31%,#eaf3fc 0%,var(--card) 65%);border-radius:15px;box-shadow:0 5px 18px #00173808}.mag-solar .indicators .indicator>.kicker{min-height:34px;margin-bottom:2px}.mag-solar .indicator .solar-dial{display:block;width:100%;height:auto;max-width:340px;margin:0 auto;overflow:visible}.mag-solar .solar-dial path{fill:none}.mag-solar .solar-dial .sd-corona{stroke:var(--accent);stroke-width:1.3;opacity:.28;stroke-linecap:round}.mag-solar .solar-dial .sd-tick{stroke:#91adc6;stroke-width:1.2;opacity:.65}.mag-solar .solar-dial .sd-field{fill:none;stroke:var(--accent);stroke-width:.8;opacity:.10}.mag-solar .solar-dial .sd-track{stroke:#d6e3ef;stroke-width:12;stroke-linecap:round}.mag-solar .solar-dial .sd-progress{stroke:var(--accent);stroke-width:12;stroke-linecap:round}.mag-solar .solar-dial .sd-reference{stroke:var(--ink);stroke-width:2;opacity:.65}.mag-solar .solar-dial .sd-dot{fill:var(--ink);stroke:var(--card);stroke-width:2}.mag-solar .solar-dial .sd-sun{fill:none;stroke:var(--accent);stroke-width:1.4;opacity:.85}.mag-solar .solar-dial .sd-value{fill:var(--ink);font:750 34px system-ui;letter-spacing:-1px}.mag-solar .solar-dial .sd-value-long{font-size:28px}.mag-solar .solar-dial .sd-unit{fill:var(--muted);font:700 9px system-ui;letter-spacing:.16em}.mag-solar .solar-dial .sd-scale-label{fill:var(--muted);font:650 7px system-ui;letter-spacing:.06em}.mag-solar .solar-dial-range{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:10px;margin:0 6px;font:650 12px/1.5 system-ui;color:var(--ink);font-variant-numeric:tabular-nums}.mag-solar .solar-dial-range span:last-child{text-align:right}.mag-solar .solar-dial-range small{display:block;color:var(--muted);font-size:8px;letter-spacing:.1em;font-weight:650}.mag-solar .solar-dial-caption{font:11px/1.65 system-ui;color:var(--muted);margin:11px 6px 15px}.mag-solar .solar-dial-key{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:7px;padding:13px 16px;background:var(--card);font:12px/1.7 system-ui;color:var(--muted);margin:0 0 25px}.mag-solar .solar-dial-key strong{color:var(--ink)}@media(max-width:560px){.mag-solar .indicators .indicator{padding:20px 17px}.mag-solar .indicators .indicator>.kicker{min-height:0}.mag-solar .indicator .solar-dial{max-width:315px}.mag-solar .solar-dial-key{font-size:11px}}@media(prefers-reduced-motion:reduce){.mag-solar .solar-dial *{animation:none!important;transition:none!important}}

/* Focused spacing fix: short gauge summary beside dial; long explanation spans the whole mobile card. */
.mag-solar .indicators{align-items:start}
.mag-solar .indicators .indicator{height:auto;min-height:0;padding:19px 17px}
.mag-solar .indicators .indicator>.kicker{min-height:0;margin-bottom:5px}
.mag-solar .indicator .solar-dial{max-width:280px}
.mag-solar .solar-dial-caption{margin:8px 0 10px}
.mag-solar .indicators .indicator>.tiny{margin:10px 0 0;min-width:0}
@media(max-width:780px){
 .mag-solar .indicators .indicator{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:start;column-gap:12px;row-gap:0;padding:17px 16px}
 .mag-solar .indicators .indicator>.kicker{grid-column:1;grid-row:1;min-width:0;margin:0 0 7px}
 .mag-solar .indicators .indicator>.solar-dial{grid-column:2;grid-row:1/4;width:100%;max-width:180px;margin:0 auto;align-self:center}
 .mag-solar .indicators .indicator>.solar-dial-range{grid-column:1;grid-row:2;min-width:0;margin:0;gap:6px;flex-wrap:wrap;padding-top:7px}
 .mag-solar .indicators .indicator>.solar-dial-caption{grid-column:1;grid-row:3;min-width:0;margin:7px 0 0;line-height:1.55}
 .mag-solar .indicators .indicator>.tiny{grid-column:1/-1;grid-row:4;width:auto;max-width:none;margin:12px 0 0;line-height:1.6}
}
@media(max-width:420px){
 .mag-solar .indicators .indicator{display:block;padding:16px}
 .mag-solar .indicators .indicator>.solar-dial{width:100%;max-width:200px;margin:0 auto}
 .mag-solar .indicators .indicator>.solar-dial-range{margin:0;padding-top:8px}
 .mag-solar .indicators .indicator>.solar-dial-caption{margin:8px 0 0}
 .mag-solar .indicators .indicator>.tiny{margin:10px 0 0}
}