/* 과학 아틀라스 — 같은 자로 재기 */
.st-sec{margin:34px 0 0;padding-top:26px;border-top:1px solid var(--ink-3)}
.st-h{font-family:var(--disp);font-weight:700;font-size:19px;margin-bottom:12px}
.st-tip{color:var(--chalk-dim);font-size:14.5px;line-height:1.8;margin-bottom:14px}

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

.st-read{margin-top:16px;padding-top:14px;border-top:1px solid var(--ink-3)}
.st-line{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:14px}
.st-line span{color:var(--chalk-dim)}
.st-line b{font-family:var(--mono);font-weight:500;color:var(--brass-soft)}

.st-btn{margin-top:16px;width:100%;background:none;border:1px solid var(--brass);color:var(--brass-soft);
  border-radius:999px;padding:9px 0;font-size:14.5px;font-family:inherit;transition:.15s}
.st-btn:hover{background:var(--ink-3)}

.st-card{margin-top:14px;background:var(--ink-2);border:1px solid var(--ink-3);border-radius:var(--radius);padding:18px 20px}
.st-verdict{font-family:var(--disp);font-weight:700;font-size:21px;color:var(--brass-soft)}
.st-verdict.no{color:var(--chalk-dim)}
.st-why{font-size:14.5px;line-height:1.8}
.st-verdict + .st-why{margin-top:8px}
.st-why b{color:var(--brass-soft);font-weight:500}
.st-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)}
.st-note{margin-top:14px;font-size:13.5px;line-height:1.8;color:var(--chalk-dim)}

/* 일곱 단위 */
.st-units{display:flex;flex-wrap:wrap;gap:8px}
.st-units button{background:var(--ink-2);border:1px solid var(--ink-3);color:var(--chalk-dim);
  border-radius:var(--radius);padding:11px 15px;font-size:14.5px;font-family:inherit;transition:.15s;text-align:left}
.st-units button:hover{border-color:var(--brass)}
.st-units button.on{border-color:var(--brass);color:var(--brass-soft);background:var(--ink-3)}
.st-units i{display:block;font-family:var(--mono);font-style:normal;font-size:10px;letter-spacing:.1em;color:var(--brass);margin-bottom:3px}
.st-old{margin-top:12px;padding-top:12px;border-top:1px dashed var(--ink-3);font-size:13.5px;line-height:1.8;color:var(--chalk-dim)}
.st-old b{color:var(--brass-soft);font-weight:500}

/* svg */
.st-ax{stroke:var(--ink-3);stroke-width:1;fill:none}
.st-tick{stroke:var(--chalk);stroke-width:1;opacity:.5}
.st-tick-b{stroke:var(--brass);stroke-width:1.4}
.st-txt{font-family:var(--mono);font-size:9.5px;fill:var(--chalk-dim)}
.st-txt-b{font-family:var(--mono);font-size:10px;fill:var(--brass)}
.st-bar{fill:var(--cyan);opacity:.55}
.st-bar2{fill:var(--brass);opacity:.55}
.st-mars{fill:var(--brass);opacity:.28}
.st-path{stroke:var(--cyan);stroke-width:2;fill:none}
.st-path.bad{stroke:var(--brass);stroke-dasharray:5 4}
.st-limit{stroke:var(--chalk);stroke-width:1;stroke-dasharray:3 4;opacity:.5;fill:none}