.calculator{--panel:#fff;--ink:#17202a;--muted:#637083;--line:#d9e0e7;max-width:1380px;margin:0 auto;padding:48px 24px 80px;color:var(--ink)}
.calculator .tool-intro{margin-bottom:32px}.calculator .badges,.calculator .presets{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.calculator .badges span,.calculator .status{border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:12px;background:#f9fbfc;color:var(--muted)}
.calculator button{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:9px 12px;cursor:pointer;font-weight:700}.calculator button.active,.calculator button:hover{border-color:#7db7e7;outline:2px solid #d5ebfb}
.calculator .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:12px;margin-bottom:12px}.calculator .content-grid{display:grid;grid-template-columns:420px minmax(0,1fr);gap:12px}.calculator .panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.calculator .intro{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:center}.calculator .intro img{width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.calculator .input-grid{display:grid;gap:10px}.calculator label{display:grid;gap:5px;font-size:13px;color:var(--muted)}.calculator input{width:100%;border:1px solid var(--line);border-radius:7px;padding:9px;font:inherit;color:var(--ink)}
.calculator .metrics{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-bottom:12px}.calculator .metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.calculator .metric span{color:var(--muted);font-size:12px}.calculator .metric strong{display:block;margin-top:5px;font-size:24px}.calculator table{width:100%;border-collapse:collapse;font-size:13px}.calculator td{border-bottom:1px solid var(--line);padding:8px}.calculator td:last-child{text-align:right;font-weight:700}.calculator #risks{padding-left:18px;color:var(--muted)}.calculator textarea{width:100%;min-height:180px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:10px;font:12px ui-monospace,monospace}
@media(max-width:980px){.calculator .hero-grid,.calculator .content-grid,.calculator .intro{grid-template-columns:1fr}.calculator .metrics{grid-template-columns:1fr 1fr}}@media(max-width:560px){.calculator .metrics{grid-template-columns:1fr}.calculator .presets{flex-direction:column}}