.flux-article .flux-breadcrumb { display:flex;flex-wrap:wrap;gap:9px;margin:24px 0;font-size:.84rem;color:var(--muted); }
.flux-article .flux-breadcrumb a { color:var(--muted); }
.flux-article .legal-section p { line-height:1.8; }
.flux-tool { border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0c151b;scroll-margin-top:16px; }
.flux-head { padding:22px 24px 12px; }
.flux-head h3 { font-size:1.3rem;margin:4px 0 8px; }
.flux-head p { margin:0;font-size:.83rem; }
.flux-controls { display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;padding:8px 24px 16px; }
.flux-controls label { display:grid;gap:6px;min-width:0;font-size:.8rem;color:var(--muted); }
.flux-controls select,.flux-controls input { width:100%;min-width:0;min-height:44px;padding:9px;background:#18252c;border:1px solid #55656b;color:var(--text);border-radius:8px;font:inherit;font-size:1rem; }
.flux-controls button { min-height:44px; }
.flux-planets { display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;padding:0 24px 16px; }
.flux-planets button { min-width:0;min-height:44px;padding:8px 2px;background:#18252c;border:1px solid #455960;color:var(--text);border-radius:8px;font:inherit;font-size:.8rem;cursor:pointer; }
.flux-planets [aria-pressed=true] { background:var(--accent);color:#101416;border-color:var(--accent); }
.flux-range { padding:0 24px 16px; }
.flux-range label,.flux-endpoints { display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.8rem; }
.flux-range input { display:block;width:100%;min-height:44px;accent-color:var(--accent);cursor:pointer; }
.flux-endpoints { font-size:.72rem; }
.flux-compare-title { padding:12px 24px;margin:0;background:#1c2b31;font-size:.95rem; }
.flux-comparison { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
.flux-card { min-width:0;padding:24px;background:radial-gradient(ellipse at 50% 0%,rgba(245,195,98,var(--flux-glow,.13)),transparent 85%); }
.flux-card+.flux-card { border-left:1px solid var(--line); }
.flux-card h5 { font-size:1rem;margin:0 0 8px;min-height:24px; }
.flux-card .flux-watts { display:block;font-size:clamp(1.2rem,3vw,2.5rem);font-weight:800;color:#ffe2a3;line-height:1.15;font-variant-numeric:tabular-nums; }
.flux-card .flux-unit { font-size:.8rem;color:var(--muted); }
.flux-card .flux-percent { display:block;font-size:1.2rem;margin-top:16px;font-weight:700; }
.flux-card p { margin:6px 0 0;font-size:.78rem; }
.flux-summary { padding:14px 24px;margin:0!important;border-block:1px solid var(--line);font-size:.9rem; }
.flux-chart-wrap { padding:20px 24px 10px; }
.flux-chart-wrap h4 { margin:0 0 6px;font-size:1rem; }
.flux-chart-wrap p { margin:0;font-size:.78rem; }
.flux-chart { display:block;width:100%;height:310px;overflow:visible; }
.flux-chart text { fill:#b9c7c6;font:12px system-ui,sans-serif; }
.flux-chart .flux-grid { stroke:#3e525b;stroke-width:1;stroke-dasharray:2 5; }
.flux-chart .flux-curve { fill:none;stroke:#f4c76e;stroke-width:2.5; }
.flux-chart .flux-marker { cursor:pointer; }
.flux-chart .flux-marker circle { fill:#83aebc;stroke:#0c151b;stroke-width:2; }
.flux-chart .flux-marker[aria-pressed=true] circle { fill:#ffd572;stroke:#fff0c9;stroke-width:3; }
.flux-chart .flux-marker[aria-pressed=true] text { fill:#ffe2a3;font-weight:700; }
.flux-chart .flux-marker:focus-visible circle { stroke:#fff;stroke-width:4; }
.flux-chart .flux-crosshair { fill:none;stroke:#f4c76e;stroke-width:1;stroke-dasharray:5 4;opacity:.6; }
.flux-method { padding:0 24px 20px;font-size:.8rem; }
.flux-status { border-top:1px solid var(--line);padding:12px 24px;margin:0!important;min-height:48px;color:var(--accent)!important;font-size:.8rem; }
.flux-tool :focus-visible,.flux-article .flux-explore:focus-visible { outline:3px solid var(--accent);outline-offset:3px; }
.flux-tool [hidden] { display:none!important; }
.flux-table-wrap { overflow-x:auto;border:1px solid var(--line);border-radius:8px; }
.flux-table { border-collapse:collapse;width:100%;font-size:.88rem; }
.flux-table caption { text-align:left;padding:14px;color:var(--muted); }
.flux-table th,.flux-table td { padding:14px 12px;text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums; }
.flux-table thead { background:#1c2b31; }
.flux-math { padding:18px;background:#1c2b31;border-left:3px solid var(--accent);border-radius:6px;line-height:1.8; }
.flux-article .flux-explore { justify-self:start;display:inline-block;min-height:44px;padding:12px 16px;background:#263a42;border:1px solid #53676e;border-radius:8px;font-size:.85rem;text-decoration:none; }
@media(max-width:650px){
 .flux-head {padding:16px 12px 8px;}.flux-head h3{font-size:1.05rem;}
 .flux-controls{padding:8px 12px 12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;}.flux-controls button{grid-column:1/-1;}
 .flux-planets{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 12px 12px;}.flux-planets button{font-size:clamp(.63rem,2.9vw,.8rem);}
 .flux-range{padding:0 12px 12px;}.flux-range label{font-size:.73rem;}.flux-endpoints{font-size:.68rem;}
 .flux-compare-title{padding:12px;font-size:.87rem;}.flux-card{padding:16px 10px;}.flux-card h5{font-size:.85rem;}.flux-card .flux-percent{font-size:1rem;margin-top:12px;}.flux-card p{font-size:.7rem;}
 .flux-summary{padding:12px;font-size:.8rem;}.flux-chart-wrap{padding:16px 8px 8px;}.flux-chart-wrap h4,.flux-chart-wrap p{padding-inline:4px;}.flux-method{padding:0 12px 16px;}.flux-status{padding:12px;}
 .flux-table{font-size:.72rem;}.flux-table th,.flux-table td{padding:10px 6px;}
}
@media(prefers-reduced-motion:reduce){.flux-tool *{animation:none!important;transition:none!important;}}
@media(max-width:360px){.flux-table{font-size:.68rem;}.flux-table th,.flux-table td{padding:10px 4px;}}