.calculator-shell{background:#f4f9f8;color:var(--ink);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:grid;box-shadow:0 12px 34px rgba(18,51,59,.06)}.calculator-panel{padding:24px}.calculator-panel>p:not(.eyebrow){color:var(--muted)}.mode-tabs,.term-options{display:flex;gap:8px;flex-wrap:wrap}.mode,.term-options button{border:1px solid #cddedd;border-radius:999px;background:#fff;color:var(--ink);min-height:42px;padding:7px 14px;cursor:pointer}.mode.is-active,.term-options button.is-active{background:var(--brand);border-color:var(--brand);color:#062d24}.calc-fields{display:grid;gap:10px;margin-block:18px}.calc-fields input{background:#fff}.calc-note{font-size:.8rem}fieldset{border:0;padding:0;margin:18px 0}legend{font-weight:700;margin-bottom:8px}.calculator-result{position:relative;background:#edf7f4}.calculator-result>img{width:100%;aspect-ratio:4/3;object-fit:cover}.results{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px;color:var(--ink)}.results>div{background:#fff;border:1px solid var(--border);padding:14px;border-radius:var(--r-sm);box-shadow:0 4px 14px rgba(18,51,59,.05)}.results span{display:block;color:var(--muted);font-size:.82rem}.results b{display:block;font-size:.95rem;margin-top:4px}.primary-result{grid-column:1/-1;border-color:var(--brand)!important;background:#e8fbf5!important}.primary-result b{font-size:clamp(1.55rem,2.5vw,2.2rem);line-height:1.4}.calc-error{margin:8px 0 0}@media(min-width:768px){.calculator-shell{direction:ltr;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.calculator-panel,.calculator-result{direction:rtl}.calculator-panel{grid-column:1;padding:40px}.calculator-result{grid-column:2;display:flex;flex-direction:column}.calculator-result>img{flex:1;min-height:420px}.results{grid-template-columns:repeat(2,1fr);padding:22px}.primary-result{grid-column:1/-1;grid-row:1}.results>div:not(.primary-result){min-height:86px}}