/* Shared look for the free calculator pages (markup, job profit). */
[hidden]{display:none!important}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;max-width:1000px;margin:0 auto}
.panel{border:1px solid var(--line);border-radius:20px;background:#121A1C;padding:26px}
.panel h2{font-size:20px;margin:0 0 16px;letter-spacing:-.02em}
.calc label{display:block;font-size:13px;color:var(--muted);margin-bottom:14px}
.calc input{display:block;width:100%;margin-top:5px;background:#0B0F10;border:1px solid var(--line);border-radius:10px;color:var(--paper);font:400 17px/1.4 Geist,system-ui,sans-serif;padding:11px 12px}
.calc input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.out{display:grid;gap:14px}
.stat{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:15px;color:var(--muted)}
.stat b{color:var(--paper);font-size:22px;font-weight:600;letter-spacing:-.02em}
.stat.main b{font-size:34px;color:var(--gold)}
.bar{height:12px;border-radius:999px;background:#0B0F10;border:1px solid var(--line);overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--mint);transition:width .4s cubic-bezier(.23,1,.32,1)}
.bar.bad i{background:#E07A6B}
.tip{font-size:14px;color:var(--muted);margin:0}
.promo{border:1px solid #1D4A4D;border-radius:20px;background:radial-gradient(ellipse at 100% 0%,#1D4A4D66,transparent 70%),#121A1C;padding:24px;margin-top:18px}
.promo h2{font-size:21px;margin:6px 0 10px}
.promo p{color:#C4CDCA;font-size:15px;margin:0 0 14px}
.btn:active{transform:scale(.97)}
.prose table{width:100%;border-collapse:collapse;margin:0 0 26px;font-size:16px}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;color:#C4CDCA}
.prose th{color:var(--paper);font-weight:600}
@media (prefers-reduced-motion:reduce){.bar i{transition:none}}
@media(max-width:820px){.calc{grid-template-columns:1fr}}
@media(max-width:480px){.grid2{grid-template-columns:1fr}.panel{padding:20px}}