.calculator-page{max-width:900px;margin:0 auto;padding:var(--space-lg)}h1{font-size:1.75rem;line-height:1.3;margin-bottom:var(--space-lg)}h2{margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.intro-section{margin-bottom:var(--space-xl);line-height:1.7}.intro-section p{margin-bottom:var(--space-md)}.what-we-calculate{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-bg-alt);border-radius:var(--border-radius)}.what-we-calculate h3{margin-top:0;margin-bottom:var(--space-md)}.checklist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-sm)}.checklist li{display:flex;align-items:center;gap:var(--space-sm)}.check{color:var(--color-success, #22c55e);font-weight:700}.input-group-header{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-lg);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.select-group{margin-bottom:var(--space-md)}.select-group label{display:block;font-weight:500;margin-bottom:var(--space-xs);font-size:var(--font-size-sm)}.select-group select{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);background:#fff}.select-hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.input-with-tooltip{position:relative}.tooltip-trigger{position:absolute;right:12px;top:38px;cursor:help;color:var(--color-text-muted);font-size:.875rem}.tooltip-trigger:hover:after{content:attr(data-tooltip);position:absolute;right:0;top:100%;margin-top:4px;padding:var(--space-sm) var(--space-md);background:var(--color-text);color:var(--color-bg);font-size:.75rem;border-radius:var(--border-radius);width:220px;z-index:100;line-height:1.4}.fuel-prices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.cop-info-box{padding:var(--space-lg);background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:var(--border-radius);margin-bottom:var(--space-lg)}.cop-info-box h4{margin:0 0 var(--space-md) 0;color:#065f46}.cop-display{display:flex;align-items:center;gap:var(--space-lg)}.cop-value{text-align:center;padding:var(--space-md);background:#fff;border-radius:var(--border-radius);min-width:100px}.cop-number{display:block;font-size:2rem;font-weight:700;color:#047857}.cop-label{font-size:.75rem;color:var(--color-text-muted)}.cop-explanation{flex:1;font-size:.9rem;color:#065f46;line-height:1.5}.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.scenario-card{text-align:center;padding:var(--space-md);border-radius:var(--border-radius);border:2px solid}.scenario-card.low{background:#ecfdf5;border-color:#10b981}.scenario-card.average{background:#eff6ff;border-color:#3b82f6}.scenario-card.high{background:#fef3c7;border-color:#f59e0b}.scenario-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:var(--space-xs)}.scenario-cost{display:block;font-size:1.5rem;font-weight:700}.scenario-rate{display:block;font-size:.75rem;color:var(--color-text-muted)}.comparison-section{margin:var(--space-lg) 0;padding:var(--space-lg);background:var(--color-bg-alt);border-radius:var(--border-radius)}.comparison-section h3{margin-top:0}.chart-container{position:relative;height:250px;margin-bottom:var(--space-lg)}.comparison-table-wrapper{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;font-size:.875rem}.comparison-table th,.comparison-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table th{background:var(--color-bg);font-weight:600}.comparison-table .cheapest{background:#ecfdf5;font-weight:600}.comparison-winner{margin:var(--space-md) 0 0;padding:var(--space-md);background:#ecfdf5;border-radius:var(--border-radius);font-weight:600;color:#047857}.monthly-details{margin-top:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--border-radius)}.monthly-details summary{padding:var(--space-md) var(--space-lg);cursor:pointer;font-weight:600;background:var(--color-bg-alt)}.monthly-container{padding:var(--space-lg)}.monthly-intro{margin-bottom:var(--space-md);color:var(--color-text-muted);font-size:.9rem}.monthly-chart-container{position:relative;height:200px;margin-bottom:var(--space-lg)}.table-wrapper{overflow-x:auto}.monthly-table{width:100%;border-collapse:collapse;font-size:.8rem}.monthly-table th,.monthly-table td{padding:var(--space-xs) var(--space-sm);text-align:right;border-bottom:1px solid var(--color-border)}.monthly-table th:first-child,.monthly-table td:first-child{text-align:left}.monthly-table th{background:var(--color-bg-alt);font-weight:600}.content-section{margin:var(--space-2xl) 0}.content-section p{line-height:1.7;margin-bottom:var(--space-md)}.cop-table-wrapper{overflow-x:auto;margin:var(--space-lg) 0}.cop-table{width:100%;border-collapse:collapse}.cop-table th,.cop-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.cop-table th{background:var(--color-bg-alt);font-weight:600}.cop-table .positive{color:var(--color-success, #22c55e);font-weight:600}.cop-table .warning{color:var(--color-warning, #f59e0b)}.comparison-explainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.fuel-card{padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius);border:1px solid var(--color-border)}.fuel-card h4{margin:0 0 var(--space-sm) 0;font-size:1rem}.fuel-card p{margin:0;font-size:.85rem;line-height:1.5}.fuel-card.highlight-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981}.example-section{margin:var(--space-2xl) 0;padding:var(--space-lg);background:var(--color-bg-alt);border-radius:var(--border-radius);border-left:4px solid var(--color-primary)}.example-section h2{margin-top:0}.example-section ul{margin:var(--space-md) 0;padding-left:var(--space-lg)}.example-section li{margin-bottom:var(--space-sm)}.example-result{margin:var(--space-md) 0 0;padding:var(--space-md);background:#ecfdf5;border-radius:var(--border-radius);font-weight:600;color:#047857}.pro-preview{margin:var(--space-2xl) 0;padding:var(--space-lg);background:linear-gradient(135deg,#fdf4ff,#faf5ff);border:1px solid #e9d5ff;border-radius:var(--border-radius)}.pro-preview h3{margin-top:0;color:#7c3aed}.pro-preview ul{margin:var(--space-md) 0 0;padding-left:var(--space-lg)}.pro-preview li{margin-bottom:var(--space-sm)}.positive{color:var(--color-success, #22c55e)}.highlight-row .result-label{font-weight:600}@media (max-width: 768px){h1{font-size:1.5rem}.checklist,.scenarios-grid,.fuel-prices-grid{grid-template-columns:1fr}.cop-display{flex-direction:column;text-align:center}.comparison-explainer{grid-template-columns:1fr}}.sizing-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem}.sizing-header{font-weight:600;color:#1e40af;margin-bottom:.4rem;font-size:.95rem}.sizing-text{margin:0 0 .4rem;font-size:.88rem;color:var(--color-text-muted)}.sizing-result{display:flex;align-items:baseline;gap:.4rem}.sizing-label{font-size:.9rem;color:var(--color-text-muted)}.sizing-value{font-size:1.6rem;font-weight:700;color:#1d4ed8;line-height:1}.sizing-unit{font-size:.85rem;color:var(--color-text-muted)}.advanced-options{margin:1.5rem 0;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;overflow:hidden}.advanced-options>summary{padding:.9rem 1.25rem;cursor:pointer;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);font-weight:600;color:#0369a1;font-size:.95rem;list-style:none;display:flex;align-items:center;gap:.5rem}.advanced-options>summary:before{content:"▶";font-size:.75rem;transition:transform .2s}.advanced-options[open]>summary:before{transform:rotate(90deg)}.advanced-content{padding:1.25rem;display:flex;flex-direction:column;gap:2rem}.advanced-section h4{font-size:1rem;font-weight:600;margin:0 0 .35rem;color:var(--color-heading, #1e293b)}.advanced-desc{font-size:.87rem;color:var(--color-text-muted);margin:0 0 .75rem}.chart-medium{position:relative;height:250px}.projection-controls{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.proj-control-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.proj-control-item input[type=range]{width:120px}.proj-control-item select{padding:.2rem .4rem;border:1px solid var(--color-border, #e2e8f0);border-radius:4px;font-size:.9rem}.projection-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;background:var(--color-bg-alt, #f8fafc);border-radius:6px}.proj-stat{display:flex;flex-direction:column;gap:.15rem;min-width:100px}.proj-stat-label{font-size:.78rem;color:var(--color-text-muted)}.proj-stat-value{font-size:1rem;font-weight:600}.proj-stat-value.positive{color:#16a34a}.export-section{text-align:center;padding-top:.5rem}.btn-secondary{padding:.65rem 1.5rem;background:#fff;border:1.5px solid var(--color-border, #e2e8f0);border-radius:6px;cursor:pointer;font-size:.92rem;font-weight:500;color:var(--color-text);transition:background .15s,border-color .15s}.btn-secondary:hover{background:var(--color-bg-alt, #f8fafc);border-color:#94a3b8}