.energy-page{max-width:1200px;margin:0 auto}.section-controls{position:sticky;top:0;z-index:100;background:radial-gradient(circle at 92% 4%,#d77c3629,#d77c3600 38%),linear-gradient(180deg,#f6f9fb,#e8eff2)}.intro-note{margin-top:12px;color:#2f4f5d;font-size:.95rem;border-left:4px solid #2f7285;padding-left:12px}.control-grid,.advanced-panel,.summary-grid,.system-grid,.guidance-grid{display:grid;gap:12px}.control-grid,.advanced-panel{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.summary-grid,.system-grid,.guidance-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.control-card,.summary-card,.benefit-panel,.system-card,.orc-card,.guidance-card,.orc-summary{border:1px solid #d6e1e7;border-radius:12px;background:#fff;padding:16px}.control-card-primary{background:linear-gradient(180deg,#fff,#f8fbfc)}.control-label-row,.section-heading-row,.field-row{display:flex;gap:10px}.control-label-row,.section-heading-row{align-items:center;justify-content:space-between}.control-card label{display:block;font-weight:700;color:#12313f;font-size:.95rem}.current-value{min-width:70px;text-align:center;color:#1f637a;background:#e8f1f5;border-radius:6px;padding:4px 10px;font-size:.9rem;font-weight:700}.control-card input[type=range]{width:100%;accent-color:#1f637a}.control-card input[type=number]{width:100%;border:1px solid #bcc8d1;border-radius:8px;padding:10px 12px;font:inherit}.field-row{align-items:center;margin-top:8px}.field-prefix,.field-suffix{color:#496477;font-weight:700;white-space:nowrap}.hint,.section-subtitle{margin:8px 0 0;color:#5a6670;font-size:.86rem}.advanced-controls{margin-top:20px;border-top:1px solid #d9e2e6;padding-top:16px}.advanced-toggle-btn{border:none;background:none;color:#1f637a;font-weight:700;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:0}.advanced-toggle-btn span{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.advanced-toggle-btn.is-open span{transform:rotate(45deg)}.advanced-panel{margin-top:14px}.advanced-panel[hidden]{display:none}.summary-card .label,.system-meta,.orc-meta,.benefit-meta,.guidance-card p,.orc-summary p{color:#496477}.orc-chart-wrap{position:relative;height:220px;margin-top:16px}.summary-card .label,.benefit-meta,.system-meta,.orc-meta{display:block;font-size:.84rem}.summary-card .value,.system-card .value,.orc-card .value,.benefit-total{display:block;margin-top:6px;color:#0f2f43;font-size:1.1rem;font-weight:800}.benefit-panel{display:grid;gap:16px;grid-template-columns:minmax(240px,1.1fr) minmax(240px,1fr)}.benefit-total{font-size:clamp(1.8rem,4vw,2.6rem);color:#1f637a;margin-top:2px}.benefit-breakdown{display:grid;gap:10px}.benefit-row{background:#f7fafc;border:1px solid #e4edf2;border-radius:10px;padding:12px}.benefit-row-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.benefit-track{height:12px;border-radius:999px;background:#e7eff3;overflow:hidden}.benefit-fill{height:100%}.benefit-fill-disposal{background:linear-gradient(90deg,#1f637a,#2f7285)}.benefit-fill-heat{background:linear-gradient(90deg,#df7a38,#e9a15d)}.benefit-fill-orc{background:linear-gradient(90deg,#3f7be0,#7ea9f4)}.benefit-orc-note{margin-top:12px}.system-card.is-primary,.orc-card.is-primary{border-color:#1f637a;box-shadow:#14415224 0 8px 18px;background:#f8fbfc}.system-head,.orc-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.system-head h3,.orc-head h3,.guidance-card h3{margin:0}.family-tag,.status-tag{display:inline-block;border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:700}.family-tag{background:#e8f0f5;color:#1f637a}.status-suitable{background:#e6f4ea;color:#1f7a3a}.status-close{background:#fff3db;color:#9b6500}.status-low{background:#f8e6e8;color:#a33a42}.status-suboptimal{background:#edf1ff;color:#3f5fb5}.system-stats,.orc-stats{display:grid;gap:8px;margin-top:12px}.system-stat,.orc-stat{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}.section-link{color:#1f637a;font-weight:700;text-decoration:none}.section-link:hover{text-decoration:underline}@media (max-width: 900px){.benefit-panel{grid-template-columns:1fr}}@media (max-width: 700px){.control-label-row,.section-heading-row,.benefit-row-head,.system-head,.orc-head,.system-stat,.orc-stat{flex-direction:column;align-items:flex-start}.field-row{align-items:stretch}.field-prefix,.field-suffix{align-self:center}}