.calc-page{padding:var(--space-10) 0 var(--space-20);min-height:60vh}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--gray-500);margin-bottom:var(--space-6);transition:color .15s}.back-link:hover{color:var(--gray-900)}.page-title{color:var(--gray-900);margin-bottom:var(--space-3)}.page-sub{color:var(--gray-600);max-width:600px;margin-bottom:var(--space-10)}.calc-layout{display:grid;grid-template-columns:380px 1fr;gap:var(--space-8);align-items:stretch}.inputs-panel{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-sm);align-self:start;position:sticky;top:80px}.panel-title{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-5)}.field-group{margin-bottom:var(--space-5)}.field-label{display:flex;align-items:baseline;justify-content:space-between;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:var(--space-2);gap:var(--space-2)}.field-hint{font-size:12px;font-weight:400;color:var(--gray-400);white-space:nowrap}.input-wrap{position:relative;display:flex;align-items:center}.input-affix{position:absolute;font-size:14px;font-weight:500;color:var(--gray-500);pointer-events:none;user-select:none}.input-wrap.prefix .input-affix{left:14px}.input-wrap.suffix .input-affix{right:14px}.input-wrap input{width:100%;height:44px;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:#fff;color:var(--gray-900);font-size:15px;font-weight:500;padding:0 14px;transition:border-color .15s,box-shadow .15s;-moz-appearance:textfield}.input-wrap input::-webkit-outer-spin-button,.input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-wrap.prefix input{padding-left:28px}.input-wrap.suffix input{padding-right:32px}.input-wrap input:focus{outline:none;border-color:var(--brand-300);box-shadow:0 0 0 4px var(--brand-100)}.down-presets{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.preset-btn{flex:1;height:32px;font-size:13px;font-weight:500;color:var(--gray-600);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.preset-btn:hover{background:var(--gray-100);border-color:var(--gray-300)}.preset-btn.active{color:var(--brand-700);background:var(--brand-50);border-color:var(--brand-300)}.select-wrap{position:relative}.select-wrap select{width:100%;height:44px;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:#fff;color:var(--gray-900);font-size:15px;font-weight:500;padding:0 36px 0 14px;appearance:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}.select-wrap select:focus{outline:none;border-color:var(--brand-300);box-shadow:0 0 0 4px var(--brand-100)}.select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.disclaimer{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--gray-400);line-height:18px;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gray-100)}.disclaimer svg{flex-shrink:0;margin-top:2px}.results-panel{display:flex;flex-direction:column;gap:var(--space-5);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.results-panel.visible{opacity:1;transform:translateY(0)}.total-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);background:var(--brand-25);border:1px solid var(--brand-200);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.total-label{font-size:13px;font-weight:500;color:var(--brand-600);margin-bottom:var(--space-2)}.total-value{font-size:40px;font-weight:700;color:var(--brand-700);letter-spacing:-.03em;line-height:1}.total-pct{font-size:13px;color:var(--gray-500);margin-top:6px}.total-range-wrap{text-align:right;flex-shrink:0}.total-range-label{font-size:12px;font-weight:500;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.total-range{font-size:16px;font-weight:600;color:var(--gray-700)}.breakdown-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.breakdown-title{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-5)}.cost-section{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--gray-100)}.cost-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.cost-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.cost-section-left{display:flex;align-items:center;gap:8px}.cost-section-dot{width:10px;height:10px;border-radius:50%;background:var(--cat-color, var(--brand-500));flex-shrink:0}.cost-section-name{font-size:13px;font-weight:600;color:var(--gray-700)}.cost-section-right{display:flex;align-items:center;gap:var(--space-3)}.cost-section-pct{font-size:12px;font-weight:500;color:var(--gray-400)}.cost-section-total{font-size:14px;font-weight:600;color:var(--gray-900)}.cost-section-bar{height:4px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.cost-section-bar-fill{height:100%;background:var(--cat-color, var(--brand-500));border-radius:var(--radius-full);opacity:.7;transition:width .4s ease}.cost-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:5px 0 5px 18px;border-radius:var(--radius-sm);transition:background .1s}.cost-row:hover{background:var(--gray-50)}.cost-name-wrap{display:flex;flex-direction:column;gap:1px}.cost-name{font-size:13px;color:var(--gray-600)}.cost-note{font-size:11px;color:var(--gray-400);font-style:italic}.cost-amount{font-size:13px;font-weight:500;color:var(--gray-700);white-space:nowrap;flex-shrink:0}.cost-total-row{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-5);padding-top:var(--space-4);border-top:2px solid var(--gray-200);font-size:16px;font-weight:700;color:var(--gray-900)}.seo-content{max-width:720px;margin:var(--space-20) 0 0;padding-top:var(--space-10);border-top:1px solid var(--gray-100)}.seo-content h2{font-size:20px;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-3);margin-top:var(--space-8)}.seo-content h2:first-child{margin-top:0}.seo-content p{font-size:15px;line-height:26px;color:var(--gray-600);margin-bottom:var(--space-4)}@media(max-width:900px){.calc-layout{grid-template-columns:1fr;gap:var(--space-5)}.inputs-panel{position:static}.total-banner{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.total-range-wrap{text-align:left}}@media(max-width:600px){.calc-page{padding:var(--space-5) 0 var(--space-12)}.back-link{margin-bottom:var(--space-3)}.page-title{font-size:24px;line-height:32px}.page-sub{font-size:15px;margin-bottom:var(--space-6)}.inputs-panel{padding:var(--space-4);border-radius:var(--radius-xl)}.panel-title{font-size:15px;margin-bottom:var(--space-4)}.field-group{margin-bottom:var(--space-4)}.total-value{font-size:32px}.breakdown-card{padding:var(--space-4)}.seo-content{margin-top:var(--space-10)}.seo-content h2{font-size:18px}}