/* ============ Kalkulator Slovin & r tabel (memakai token style.css) ============ */
.calc-head{padding-bottom:30px}
.calc-head h1 em{color:var(--g-600)}
.calc-lead{margin:14px 0 0;max-width:56ch;color:var(--muted);font-size:1.06rem}
.calc{padding:10px 0 70px}
.calc-tabs{display:inline-flex;gap:4px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:999px;margin-bottom:22px}
.calc-tabs button{font:inherit;font-weight:700;font-size:.95rem;border:0;background:transparent;color:var(--muted);padding:.65rem 1.25rem;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}
.calc-tabs button[aria-selected=true]{background:var(--g-800);color:var(--lime)}
.tool{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:22px;align-items:start}
.tool[hidden]{display:none}
.cpanel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px}
.cpanel h2{font-size:1.2rem;color:var(--g-800);margin:0 0 4px;letter-spacing:-.01em}
.cpanel .lead{margin:0 0 20px;color:var(--muted);font-size:.93rem;font-family:var(--serif);font-style:italic}
.cfield{display:block;font-weight:700;font-size:.93rem;margin:0 0 .45rem;color:var(--g-800)}
.cfield .hint{display:block;font-weight:400;color:var(--muted);font-size:.84rem}
.cpanel input[type=number]{width:100%;font:inherit;font-size:1.15rem;font-weight:700;padding:.75rem .9rem;border-radius:14px;border:1.5px solid var(--line);background:var(--cream);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.cpanel input[type=number]:focus{outline:none;border-color:var(--g-500);box-shadow:0 0 0 4px rgba(140,200,0,.25)}
.group{margin-bottom:1.15rem}
.chips{display:flex;flex-wrap:wrap;gap:.45rem}
.chips label{cursor:pointer}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-block;padding:.5rem .95rem;border-radius:999px;border:1.5px solid var(--line);font-weight:700;font-size:.9rem;color:var(--muted);transition:all .2s}
.chips input:checked+span{background:var(--lime);border-color:var(--lime);color:var(--g-900)}
.chips input:focus-visible+span{outline:3px solid var(--g-500);outline-offset:2px}
#slovin-e-custom-wrap{margin-top:.7rem}
.c-answer{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin-bottom:.4rem;animation:cPop .45s var(--ease)}
@keyframes cPop{from{opacity:0;transform:translateY(8px)}}
.c-num{font-size:clamp(3rem,9vw,4.6rem);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--g-800);background:linear-gradient(transparent 62%,rgba(140,200,0,.55) 62%);padding:0 .1em}
.c-unit{font-weight:700;color:var(--muted)}
.c-steps{color:var(--muted);font-size:.95rem;margin:0 0 1.2rem;overflow-x:auto}
.c-steps code{font-family:var(--sans);font-weight:700;color:var(--ink);white-space:nowrap}
.c-empty{color:var(--muted);font-size:.95rem;margin:.2rem 0 1rem}
.c-err{color:#a3341f;font-weight:700;font-size:.93rem;margin:.2rem 0 1rem}
.c-note{font-size:.88rem;color:var(--muted);border-left:3px solid var(--lime);padding:.15rem 0 .15rem .75rem;margin:0 0 1.2rem}
.c-verdict{font-weight:700;margin:0 0 1.2rem}
.c-verdict.ok{color:var(--g-600)}
.c-verdict.no{color:#a3341f}
.c-sheet-label{font-weight:700;font-size:.9rem;margin:0 0 .5rem;color:var(--g-800)}
.c-sheet{background:#fff;color:#1a1a1a;font-family:"Times New Roman",Times,serif;font-size:1.02rem;line-height:1.9;text-align:justify;text-indent:2.2em;padding:1.3rem 1.4rem;border-radius:4px;border:1px solid var(--line);box-shadow:6px 6px 0 rgba(13,59,30,.12);margin:0 0 1rem}
.c-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.c-table{overflow-x:auto;margin-top:1.3rem}
.c-table table{border-collapse:collapse;width:100%;font-size:.92rem;min-width:300px}
.c-table th,.c-table td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--line)}
.c-table th{color:var(--muted);font-weight:700}
.c-table tr.current td{background:var(--lime-100);font-weight:700}
.calc-cta{margin:34px 0 14px;padding:30px;border-radius:26px;background:radial-gradient(120% 90% at 100% 0%,#145f26 0%,var(--g-800) 55%,var(--g-900) 100%);color:#dfe9db;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.calc-cta h2{color:#fff;font-size:1.45rem;margin:0 0 6px}
.calc-cta p{margin:0;max-width:56ch}
.calc-cta__btns{display:flex;flex-direction:column;gap:10px}
.btn--ghost-light{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.btn--ghost-light:hover{background:rgba(255,255,255,.1)}
.calc-foot{color:var(--muted);font-size:.84rem;margin:0}
.toast{position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%);background:var(--g-800);color:#fff;padding:.6rem 1rem;border-radius:999px;font-weight:700;font-size:.9rem;opacity:0;transition:opacity .2s;pointer-events:none;z-index:80}
.toast.show{opacity:1}
@media (max-width:760px){.tool{grid-template-columns:1fr}.calc-cta{grid-template-columns:1fr;padding:24px}.cpanel{padding:20px}}