.calculator-page main { padding-bottom: 72px; }
.calculator-hero { padding-top: 76px; padding-bottom: 34px; max-width: 900px; }
.calculator-hero h1 { max-width: 850px; margin: 12px 0 18px; font-size: clamp(2.4rem, 6vw, 5.4rem); line-height: .98; letter-spacing: -.055em; }
.calculator-hero .article-lead { max-width: 720px; }
.calculator-shell { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(270px, .65fr); gap: 24px; align-items: start; }
.calculator-panel, .calculator-explainer { border: 1px solid rgba(255,255,255,.11); border-radius: 22px; background: #101010; box-shadow: 24px 0 70px rgba(180,139,43,.08); }
.calculator-panel { padding: clamp(22px, 4vw, 38px); }
.calculator-panel h2, .calculator-explainer h2 { margin-top: 0; }
.calculator-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.calculator-field { display: grid; gap: 8px; color: #d8d5ce; font-weight: 650; }
.calculator-field input { width: 100%; padding: 15px 16px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; color: #f7f2e8; background: #080808; font: inherit; }
.calculator-field input:focus { outline: 2px solid rgba(217,180,74,.38); border-color: #d9b44a; }
.calculator-submit { margin-top: 20px; padding: 14px 20px; border: 0; border-radius: 12px; color: #080808; background: #d9b44a; font-weight: 800; cursor: pointer; box-shadow: 0 12px 30px rgba(217,180,74,.18); }
.calculator-result { display: grid; gap: 6px; margin-top: 20px; padding: 18px; border: 1px solid rgba(217,180,74,.26); border-radius: 14px; color: #aaa79f; background: rgba(217,180,74,.06); }
.calculator-result strong { color: #f2d77c; font-size: clamp(1.4rem, 3vw, 2.2rem); }
.calculator-explainer { padding: 26px; color: #aaa79f; line-height: 1.7; }
.calculator-explainer strong { color: #f3eee4; }
.calculator-explainer a { color: #e0c56b; }
.calculator-warning { margin-top: 22px; padding: 16px 18px; border-left: 2px solid #d9b44a; color: #b7b3aa; background: rgba(217,180,74,.045); line-height: 1.65; }
.calculator-related { margin-top: 42px; }
.calculator-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.calculator-related-grid a { padding: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; color: #f3eee4; background: #0e0e0e; text-decoration: none; }
.result-table-wrap { overflow-x: auto; margin-top: 10px; }
.result-table-wrap table { width: 100%; border-collapse: collapse; color: #e8e2d7; }
.result-table-wrap th, .result-table-wrap td { padding: 9px 7px; border-bottom: 1px solid rgba(255,255,255,.09); text-align: left; }
@media (max-width: 760px) { .calculator-hero { padding-top: 48px; } .calculator-shell { grid-template-columns: 1fr; } .calculator-grid, .calculator-related-grid { grid-template-columns: 1fr; } }