*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:#2c3e50;background-color:#f8f9fa}.gas-article{max-width:1200px;margin:0 auto;background-color:#fff}.container{padding:0 40px;max-width:1100px;margin:0 auto}@media (max-width: 768px){.container{padding:0 20px}}.section{padding:60px 0;border-bottom:1px solid #ecf0f1}.section:last-child{border-bottom:none}.section-intro{background-color:#f8f9fa;padding-top:80px;padding-bottom:80px}.section-breakdown,.section-shocks,.section-calculator,.section-exposure{padding:60px 0}.section-footer{background-color:#ecf0f1;padding:60px 0;border-top:2px solid #bdc3c7}h1{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#1a252f;line-height:1.2}h2{font-size:2rem;font-weight:700;margin-bottom:15px;color:#1a252f;border-bottom:3px solid #3498db;padding-bottom:10px;display:inline-block}h3{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:12px}h4{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:10px}p{margin-bottom:15px;color:#34495e;line-height:1.7}.intro-text{font-size:1.1rem;font-weight:500;color:#2c3e50;margin-bottom:40px;line-height:1.8}.section-intro-text{font-size:1rem;color:#555;margin-bottom:30px;font-weight:500}.section-note{background-color:#ecf7ff;border-left:4px solid #3498db;padding:15px 20px;margin:25px 0;border-radius:4px;font-size:.95rem;color:#2c3e50}.intro-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:40px}.intro-card{background-color:#f0f4f8;padding:25px;border-radius:8px;border-left:4px solid #3498db;transition:all .3s ease}.intro-card:nth-child(2){border-left-color:#9b59b6}.intro-card:nth-child(3){border-left-color:#2ecc71}.intro-card:nth-child(4){border-left-color:#e74c3c}.intro-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.intro-card h3{margin-bottom:12px;font-size:1.15rem}.intro-card p{font-size:.95rem;line-height:1.6;color:#555}.breakdown-controls{display:flex;gap:12px;margin:30px 0;flex-wrap:wrap}.business-type-btn{padding:10px 20px;background-color:#ecf0f1;border:2px solid #bdc3c7;color:#2c3e50;font-weight:600;font-size:.95rem;border-radius:4px;cursor:pointer;transition:all .3s ease}.business-type-btn:hover{background-color:#d5dbdb;border-color:#95a5a6}.business-type-btn.active{background-color:#3498db;border-color:#2980b9;color:#fff}.chart-container{position:relative;margin:40px 0;height:auto;min-height:300px}.chart-container canvas{max-height:400px;margin-bottom:20px}.breakdown-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:40px 0;padding:30px;background-color:#f8f9fa;border-radius:8px}.legend-item{display:flex;gap:12px;align-items:flex-start}.legend-color{width:20px;height:20px;border-radius:3px;flex-shrink:0;margin-top:2px}.legend-label{font-size:.9rem;line-height:1.5;color:#555}.legend-label strong{color:#2c3e50;cursor:help;text-decoration:underline dotted}.zones-explanation{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:40px 0}.zone-card{padding:25px;border-radius:8px;border-left:5px solid}.zone-normal{background-color:#3498db14;border-left-color:#3498db}.zone-stress{background-color:#f1c40f14;border-left-color:#f1c40f}.zone-crisis{background-color:#e74c3c14;border-left-color:#e74c3c}.zone-card h4{margin-bottom:12px;font-size:1.05rem}.zone-card p{font-size:.95rem;line-height:1.6;color:#555}.shock-zones-legend{display:flex;gap:20px;margin-top:20px;padding:20px;background-color:#f8f9fa;border-radius:6px;flex-wrap:wrap}.zone-item{display:flex;gap:10px;align-items:center;font-size:.95rem;font-weight:500}.zone-color{width:16px;height:16px;border-radius:3px}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:40px 0}@media (max-width: 968px){.calculator-layout{grid-template-columns:1fr}}.calculator-panel{display:flex;flex-direction:column;gap:25px}.input-group{display:flex;flex-direction:column}.input-group label{font-weight:600;color:#2c3e50;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.input-value{font-weight:700;color:#3498db;font-size:1.1rem}.slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#3498db,#9b59b6,#e74c3c);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#2c3e50;cursor:pointer;border:3px solid #ffffff;box-shadow:0 2px 6px #0003}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#2c3e50;cursor:pointer;border:3px solid #ffffff;box-shadow:0 2px 6px #0003}.slider-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#7f8c8d;margin-top:5px}.select{padding:10px 12px;border:2px solid #bdc3c7;border-radius:4px;font-size:.95rem;color:#2c3e50;background-color:#fff;cursor:pointer;transition:all .3s ease}.select:hover,.select:focus{border-color:#3498db;outline:none}.calculator-output{display:flex;flex-direction:column;gap:20px}.output-card{background:linear-gradient(135deg,#f8f9fa,#ecf0f1);padding:25px;border-radius:8px;border-left:4px solid #3498db;text-align:center}.output-label{font-size:.9rem;color:#7f8c8d;font-weight:600;margin-bottom:8px}.output-value{font-size:2.2rem;font-weight:700;color:#2c3e50;margin:0}.output-change{font-size:1.8rem;font-weight:700;margin:0;color:#3498db}.exposure-ranges-legend{background-color:#f8f9fa;padding:20px;border-radius:6px;margin-top:20px}.ranges-header{font-weight:700;color:#2c3e50;margin-bottom:15px;font-size:.95rem}.range-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.9rem;color:#555;border-bottom:1px solid #ecf0f1}.range-item:last-child{border-bottom:none}.range-label{font-weight:600;color:#2c3e50}.range-values{color:#3498db;font-weight:600}.takeaways-list{list-style:none;padding:0;margin:30px 0}.takeaways-list li{padding:15px 0 15px 30px;position:relative;color:#555;line-height:1.8;font-size:.95rem}.takeaways-list li:before{content:"▸";position:absolute;left:0;color:#3498db;font-size:1.2rem;font-weight:700}.takeaways-list li strong{color:#2c3e50}.divider{margin:40px 0;border:none;border-top:2px solid #bdc3c7}.footer-note{font-size:.85rem;color:#7f8c8d;font-style:italic;margin-top:30px}.tooltip-popup{position:absolute;background-color:#000000e6;color:#fff;padding:10px 12px;border-radius:4px;font-size:.85rem;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 4px 8px #0003}@media (max-width: 768px){h1{font-size:1.8rem}h2{font-size:1.4rem}.section{padding:40px 0}.section-intro{padding-top:50px;padding-bottom:50px}.intro-cards{gap:15px}.chart-container{min-height:250px}.breakdown-legend{grid-template-columns:1fr;padding:20px}.zones-explanation{grid-template-columns:1fr}.breakdown-controls{gap:8px}.business-type-btn{padding:8px 12px;font-size:.85rem}}@media (max-width: 480px){h1{font-size:1.5rem;margin-bottom:15px}h2{font-size:1.2rem}.container{padding:0 15px}.section{padding:30px 0}.intro-text{font-size:1rem}.breakdown-controls{flex-direction:column}.business-type-btn{width:100%}.calculator-layout{gap:20px}.output-value{font-size:1.8rem}.takeaways-list li{padding-left:25px;font-size:.9rem}}@media print{body{background-color:#fff}.section{page-break-inside:avoid;padding:20px 0}.chart-container{page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}.breakdown-controls{display:none}}