/* ============================================================
   LUMOLEND tools — calculator components (loads after guide.css)
   ============================================================ */
.calc{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;align-items:start;margin:30px 0 10px}
@media(max-width:860px){.calc{grid-template-columns:1fr}}
.inputs{background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:24px 26px}
.frow{margin-bottom:20px}
.frow:last-child{margin-bottom:4px}
.flabel{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.flabel span{font-family:var(--disp);font-size:10px;letter-spacing:.18em;color:var(--mut)}
.fval{font-family:var(--disp);font-size:16px;color:var(--txt);font-variant-numeric:tabular-nums;background:var(--void);border:1px solid var(--edge);border-radius:4px;padding:4px 10px;width:130px;text-align:right}
.fval:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 10px var(--cyan-ghost)}
.calc input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--green) var(--fill,50%),var(--edge) var(--fill,50%));outline:none}
.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--void);border:2px solid var(--green);box-shadow:0 0 12px var(--green-glow);cursor:grab}
.calc input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--cyan)}
.results{position:sticky;top:22px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--cyan-dim);border-radius:10px;padding:24px 26px;overflow:hidden}
.results::before{content:'';position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 72%,var(--cyan-ghost) 86%,transparent 100%);animation:spin 10s linear infinite;pointer-events:none}
@media(prefers-reduced-motion:reduce){.results::before{animation:none}}
.results>*{position:relative}
.bigres .l{font-family:var(--disp);font-size:9.5px;letter-spacing:.26em;color:var(--mut);margin-bottom:4px}
.bigres .n{font-family:var(--disp);font-weight:300;font-size:44px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--green);text-shadow:0 0 20px var(--green-glow)}
.bigres .n.warn{color:var(--amber);text-shadow:0 0 20px var(--amber-glow)}
.bigres .n.bad{color:var(--red);text-shadow:0 0 20px var(--red-glow)}
.resrows{margin-top:18px;border-top:1px solid var(--edge)}
.resrows div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--edge);font-size:13px}
.resrows span:first-child{color:var(--mut)}
.resrows span:last-child{font-family:var(--disp);font-variant-numeric:tabular-nums}
.cverdict{margin-top:16px;font-size:13px;line-height:1.65;color:#C7D3D8;border-left:2px solid var(--cyan);padding-left:14px}
.cverdict b{color:var(--txt)}