.calc-hero{--hero-text-shadow: 0 2px 14px rgba(0, 0, 0, .6), 0 1px 4px rgba(0, 0, 0, .65);min-height:380px;isolation:isolate}@media(min-width:1024px){.calc-hero{min-height:460px}}.calc-hero__photo{position:absolute;inset:0;z-index:0;display:block}.calc-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:center}.calc-hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,#1a1d1852,#1a1d188c 70%,#1a1d18a6),linear-gradient(to right,#1a1d1861,#1a1d1800 60%)}.calc-hero__credit{position:absolute;bottom:.6rem;right:.8rem;z-index:5;font-size:.68rem;color:#fafaf6d1;text-decoration:none;background:#1a1d1873;padding:3px 9px;border-radius:999px;transition:color .2s,background .2s}.calc-hero__credit:hover{color:#fafaf6;background:#1a1d18b3}.calc{display:grid;grid-template-columns:1fr;gap:1.5rem;background:var(--color-bg);border:1px solid var(--color-ink-200);border-radius:1rem;padding:1.5rem 1.75rem}@media(min-width:768px){.calc{grid-template-columns:320px 1fr;gap:2.25rem}}.calc__title{font-family:var(--font-display);font-weight:480;font-size:1.05rem;margin:0 0 .75rem;color:var(--color-ink-900)}.calc__inputs{display:flex;flex-direction:column;gap:.85rem;padding-right:0;border-right:none}@media(min-width:768px){.calc__inputs{padding-right:2rem;border-right:1px solid var(--color-ink-200)}}.calc__field{display:flex;flex-direction:column;gap:.3rem}.calc__field label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-600);font-weight:600}.calc__field label span{color:var(--color-ink-400);font-weight:400;text-transform:none;letter-spacing:0}.calc__field input[type=number],.calc__field select{padding:.55rem .7rem;border:1px solid var(--color-ink-300);border-radius:.4rem;font:inherit;font-variant-numeric:tabular-nums;background:var(--color-bg);color:var(--color-ink-900)}.calc__field input[type=range]{width:100%}.calc__field--inline{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:end}.calc__range-value{font-family:var(--font-display);font-style:italic;color:var(--color-accent-700);font-size:.95rem}.calc__range-value small{display:block;font-style:normal;color:var(--color-ink-500);font-size:.75rem;margin-top:.1rem}.calc__reset{margin-top:.5rem;padding:.55rem 1rem;border:1px solid var(--color-ink-300);background:transparent;border-radius:.4rem;cursor:pointer;font-size:.85rem;color:var(--color-ink-700);transition:all .15s}.calc__reset:hover{background:var(--color-ink-100);border-color:var(--color-ink-400)}.calc__outputs{display:flex;flex-direction:column;gap:1.25rem}.calc__hero{background:linear-gradient(135deg,var(--color-brand-100),var(--color-accent-100));padding:1.25rem 1.5rem;border-radius:.7rem;display:flex;flex-direction:column;gap:.2rem}.calc__hero-num{font-family:var(--font-display);font-weight:480;font-size:2.4rem;color:var(--color-ink-900);font-variant-numeric:tabular-nums;line-height:1}.calc__hero-lbl{font-size:.85rem;color:var(--color-ink-700)}.calc__hero--warn{background:linear-gradient(135deg,#ffedd5,#fed7aa)}.calc__hero--danger{background:linear-gradient(135deg,#fee2e2,#fecaca)}.calc__hero--ok{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.calc__compare{display:flex;flex-direction:column;gap:.7rem}.calc__bar-wrap{display:grid;grid-template-columns:1fr;gap:.25rem}@media(min-width:480px){.calc__bar-wrap{grid-template-columns:11rem 1fr 5rem;align-items:center;gap:.75rem}}.calc__bar-label{font-size:.85rem;color:var(--color-ink-700)}.calc__bar{height:1rem;background:var(--color-ink-100);border-radius:.3rem;overflow:hidden}.calc__bar-fill{height:100%;transition:width .3s}.calc__bar-value{font-family:var(--font-display);font-style:italic;color:var(--color-ink-700);font-size:.9rem;text-align:right;font-variant-numeric:tabular-nums}.calc__bar-value--strong,.calc__bar-wrap--final .calc__bar-label{color:var(--color-accent-700);font-weight:500}.calc__detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;padding-top:.75rem;border-top:1px solid var(--color-ink-100);margin:0}.calc__detail>div{display:flex;flex-direction:column;gap:.15rem}.calc__detail dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-500);margin:0}.calc__detail dd{font-family:var(--font-display);font-weight:480;color:var(--color-ink-900);margin:0;font-variant-numeric:tabular-nums;font-size:.95rem}.calc__gauge{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem 0}.calc__gauge-svg{width:100%;max-width:280px;height:auto}.calc__gauge-label{font-size:.85rem;color:var(--color-ink-600);text-align:center}.calc__gauge-num{font-family:var(--font-display);font-weight:480;font-size:2rem;font-variant-numeric:tabular-nums}.calc__notice{padding:.85rem 1rem;border-radius:.5rem;font-size:.88rem;line-height:1.5}.calc__notice--info{background:var(--color-brand-50, #f0f5ed);color:var(--color-brand-800);border-left:3px solid var(--color-brand-600)}.calc__notice--warn{background:#fff7ed;color:#9a3412;border-left:3px solid #c2410c}.calc__notice--danger{background:#fef2f2;color:#991b1b;border-left:3px solid #dc2626}.calc__table{width:100%;border-collapse:collapse;font-size:.88rem}.calc__table th{text-align:left;padding:.5rem .7rem;background:var(--color-ink-50);font-weight:600;color:var(--color-ink-700);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.calc__table td{padding:.5rem .7rem;border-bottom:1px solid var(--color-ink-100);color:var(--color-ink-700);font-variant-numeric:tabular-nums}.calc__table tr.is-highlight td{background:var(--color-accent-100);color:var(--color-accent-800);font-weight:500}