/* 과학 아틀라스 — 갈라지는 하늘 */
.wx-sec{margin:34px 0 0;padding-top:26px;border-top:1px solid var(--ink-3)}
.wx-h{font-family:var(--disp);font-weight:700;font-size:19px;margin-bottom:12px}
.wx-tip{color:var(--chalk-dim);font-size:14.5px;line-height:1.7;margin-bottom:14px}

.wx-gate{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:var(--radius);padding:18px}
.wx-gate-q{font-size:15px;line-height:1.7;margin-bottom:12px}
.wx-gate-q b{color:var(--brass-soft);font-weight:500}
.wx-gate-btns{display:flex;flex-wrap:wrap;gap:8px}
.wx-gate-btns button{background:none;border:1px solid var(--ink-3);color:var(--chalk);
  border-radius:999px;padding:7px 15px;font-size:14px;font-family:inherit;transition:.15s}
.wx-gate-btns button:hover:not(:disabled){border-color:var(--brass);color:var(--brass-soft)}
.wx-gate-btns button:disabled{opacity:.45}
.wx-gate-a{margin-top:13px;padding-top:13px;border-top:1px solid var(--ink-3);
  font-size:14.5px;line-height:1.75;color:var(--brass-soft)}

.wx-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;align-items:start}
@media(max-width:640px){.wx-panel{grid-template-columns:1fr}}
.wx-ctl{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:var(--radius);padding:16px 18px}
.wx-lbl{font-family:var(--mono);font-size:11px;letter-spacing:.11em;color:var(--brass);margin:16px 0 8px}
.wx-lbl:first-child{margin-top:0}
.wx-val{float:right;font-family:var(--mono);letter-spacing:0;color:var(--chalk)}
.wx-hint{font-size:13px;color:var(--chalk-dim);margin-top:4px}
.wx-range{width:100%;margin:4px 0 2px;accent-color:var(--brass)}

.wx-view{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:var(--radius);padding:8px}
.wx-view svg{width:100%;height:auto;display:block}

.wx-card{margin-top:14px;background:var(--ink-2);border:1px solid var(--ink-3);border-radius:var(--radius);padding:18px 20px}
.wx-verdict{font-family:var(--disp);font-weight:700;font-size:21px;color:var(--brass-soft)}
.wx-verdict.hold{color:var(--chalk-dim)}
.wx-why{margin-top:8px;font-size:14.5px;line-height:1.75}
.wx-why b{color:var(--brass-soft);font-weight:500}
.wx-num{margin-top:10px;padding-top:10px;border-top:1px solid var(--ink-3);
  font-family:var(--mono);font-size:12px;line-height:1.9;color:var(--chalk-dim)}

/* 확률 막대 */
.wx-prob{margin-top:18px;padding-top:16px;border-top:1px solid var(--ink-3)}
.wx-prob-n{font-family:var(--disp);font-weight:700;font-size:34px;color:var(--brass-soft);line-height:1.1}
.wx-prob-n span{font-size:17px;color:var(--chalk-dim);margin-left:4px}
.wx-prob-t{margin-top:6px;font-size:14px;line-height:1.7;color:var(--chalk-dim)}
.wx-bar{margin-top:12px;height:12px;border-radius:999px;background:var(--ink-3);overflow:hidden}
.wx-bar i{display:block;height:100%;background:var(--cyan);transition:width .2s}

/* svg — 테마 변수를 그대로 쓴다 */
.wx-ax{stroke:var(--ink-3);stroke-width:1;fill:none}
.wx-grid{stroke:var(--ink-3);stroke-width:1;fill:none;opacity:.55;stroke-dasharray:3 4}
.wx-txt{font-family:var(--mono);font-size:9.5px;fill:var(--chalk-dim)}
.wx-txt-b{font-family:var(--mono);font-size:9.5px;fill:var(--brass)}
.wx-lineA{stroke:var(--cyan);stroke-width:2;fill:none;stroke-linejoin:round}
.wx-lineB{stroke:var(--brass);stroke-width:2;fill:none;stroke-linejoin:round}
.wx-thin{stroke:var(--chalk);stroke-width:1;fill:none;opacity:.28;stroke-linejoin:round}
.wx-thin-rain{stroke:var(--cyan);stroke-width:1;fill:none;opacity:.5;stroke-linejoin:round}
.wx-split{stroke:var(--brass);stroke-width:1.5;stroke-dasharray:4 4;fill:none;opacity:.8}
.wx-pick{stroke:var(--chalk);stroke-width:1.5;fill:none;opacity:.6}
.wx-band{fill:var(--cyan);opacity:.08}
.wx-dot-rain{fill:var(--cyan)}
.wx-dot-dry{fill:var(--chalk);opacity:.5}