.intro-section{margin-bottom:var(--space-xl)}.intro{font-size:var(--font-size-lg);color:var(--color-text-light);margin-bottom:var(--space-md)}.intro-section h2{font-size:var(--font-size-lg);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.intro-section ul{margin-left:var(--space-lg);margin-bottom:var(--space-md)}.input-section{margin-bottom:var(--space-lg)}.input-section h3{font-size:var(--font-size-md);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.advanced-options{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius)}.advanced-options summary{cursor:pointer;font-weight:600;color:var(--color-primary)}.advanced-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-md)}.advanced-section h4{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.input-hint{font-size:var(--font-size-sm);color:var(--color-text-light);margin-top:var(--space-sm)}.recommendation-box{text-align:center;padding:var(--space-lg);background:linear-gradient(135deg,var(--color-primary),#2563eb);color:#fff;border-radius:var(--border-radius);margin-bottom:var(--space-lg)}.recommendation-box.rent{background:linear-gradient(135deg,#0891b2,#06b6d4)}.recommendation-label{font-size:var(--font-size-sm);opacity:.9;margin-bottom:var(--space-xs)}.recommendation-value{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-xs)}.recommendation-subtitle{font-size:var(--font-size-md);opacity:.9}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.result-card{padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius)}.result-card h4{margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.result-row{display:flex;justify-content:space-between;padding:var(--space-xs) 0;font-size:var(--font-size-sm)}.result-row.highlight{color:var(--color-primary)}.result-row.main{font-weight:600;font-size:var(--font-size-md);padding-top:var(--space-sm);margin-top:var(--space-sm);border-top:1px solid var(--color-border)}.breakeven-box{text-align:center;padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius);margin-bottom:var(--space-lg)}.breakeven-label{color:var(--color-text-light)}.breakeven-value{font-weight:600;color:var(--color-primary);margin-left:var(--space-sm)}.breakeven-box.never .breakeven-value{color:#0891b2}.why-result{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius)}.why-result summary{cursor:pointer;font-weight:600}.why-content{margin-top:var(--space-md)}.why-factor{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.why-factor:last-child{border-bottom:none}.factor-icon{font-size:var(--font-size-lg)}.factor-text{flex:1}.factor-impact{font-size:var(--font-size-xs);padding:2px 8px;border-radius:12px;font-weight:500}.factor-impact.rent{background:#e0f2fe;color:#0369a1}.factor-impact.buy{background:#dcfce7;color:#166534}.charts-section{margin-bottom:var(--space-lg)}.charts-section h3{margin-bottom:var(--space-md)}.chart-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.chart-tab{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);background:var(--color-bg);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.chart-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.chart-container{position:relative;height:300px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-sm)}.scenarios-section{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius)}.scenarios-section summary{cursor:pointer;font-weight:600}.scenarios-content{margin-top:var(--space-md)}.scenario-actions{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.btn-secondary{padding:var(--space-xs) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.btn-secondary:hover{background:var(--color-bg-alt)}.saved-scenarios{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.saved-scenario{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.saved-scenario .delete-btn{background:none;border:none;cursor:pointer;padding:0;color:var(--color-text-light);font-size:var(--font-size-sm)}.saved-scenario .delete-btn:hover{color:#dc2626}.comparison-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.comparison-table th,.comparison-table td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table th{background:var(--color-bg);font-weight:600}.comparison-table .verdict-buy{color:#166534;font-weight:600}.comparison-table .verdict-rent{color:#0369a1;font-weight:600}.export-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.context-sections{margin-bottom:var(--space-xl)}.context-sections h2{margin-bottom:var(--space-lg)}.context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.context-card{padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius)}.context-card h3{font-size:var(--font-size-md);margin-bottom:var(--space-sm)}.context-card p{font-size:var(--font-size-sm);color:var(--color-text-light)}@media (max-width: 640px){.result-grid{grid-template-columns:1fr}.chart-container{height:250px}.comparison-table{display:block;overflow-x:auto}}
