:root{--background:#fff8ef;--surface:#fff0d9;--surface-strong:#ffe0b8;--text:#1f1a16;--muted:#6c5d52;--border:#efcfae;--accent:#ff6b35;--accent-strong:#e13f3f;--accent-cool:#1f7ae0;--accent-sun:#ffb703;--max-width:1120px;--shadow:0 24px 60px #98581c24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 0 0,#ffb70329,#0000 22%),radial-gradient(circle at 100% 0,#1f7ae01f,#0000 24%),linear-gradient(#fff8ef 0%,#fff4e7 100%);margin:0;font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}main{min-height:calc(100vh - 160px)}.container{width:min(var(--max-width), calc(100% - 2rem));margin:0 auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff8efe6;border-bottom:1px solid #efcfaee6;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.brand-mark{align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:inline-flex}.brand-home-icon{width:2.1rem;height:2.1rem;color:var(--accent-strong);background:#ff6b351f;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.brand-home-svg{width:1.1rem;height:1.1rem}.nav-links{color:var(--muted);flex-wrap:wrap;gap:1.25rem;display:flex}.nav-actions{align-items:center;gap:1rem;display:flex}.language-switcher{border:1px solid var(--border);background:#ffffffb8;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem;display:inline-flex}.language-switcher-button{min-width:4.75rem;color:var(--muted);cursor:pointer;font:inherit;text-align:center;background:0 0;border:none;border-radius:999px;gap:.05rem;padding:.45rem .7rem;line-height:1.2;display:inline-grid}.language-switcher-button span{letter-spacing:.06em;font-size:.78rem;font-weight:700}.language-switcher-button small{font-size:.7rem}.language-switcher-button-active{color:var(--accent-strong);background:linear-gradient(135deg,#ff6b3524 0%,#e13f3f1f 100%)}.category-shortcuts{padding:1.25rem 0 0}.category-shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.category-shortcut{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffc2;border-radius:28px;gap:.55rem;padding:1.25rem 1.2rem;display:grid}.category-icon-wrap{background:#ffffffb8;border-radius:22px;justify-content:center;align-items:center;width:5rem;height:5rem;display:inline-flex}.category-logo-pair{gap:.75rem;display:flex}.category-logo-chip{background:#ffffffc7;border-radius:22px;justify-content:center;align-items:center;width:5rem;height:5rem;padding:.55rem;display:inline-flex}.category-logo-image{object-fit:contain;width:100%;height:100%}.category-icon-svg{width:3.2rem;height:3.2rem}.category-shortcut strong{font-size:1.2rem}.category-shortcut span:last-child{color:var(--muted)}.page-hero,.section{padding:4.5rem 0}.section-muted{background:linear-gradient(#ffe2b761 0%,#fff8ef00 100%)}.hero-grid,.calculator-grid,.prose-grid,.footer-grid{gap:2rem;display:grid}.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center}.calculator-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start}.prose-grid{grid-template-columns:minmax(0,1fr)}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem;font-size:.85rem;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3{margin:0 0 1rem;line-height:1.05}h1{max-width:11ch;font-size:clamp(2.75rem,6vw,4.8rem)}h2{font-size:clamp(2rem,3vw,2.8rem)}h3{font-size:1.4rem}p,li,summary,label,input,select,button{font-size:1rem;line-height:1.7}.lead{max-width:60ch;color:var(--muted);font-size:1.15rem}.cta-row{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:3.3rem;padding:.9rem 1.3rem;font-weight:700;display:inline-flex}.button-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;box-shadow:0 16px 32px #e13f3f38}.button-secondary{color:var(--accent-cool);background:#ffffffb8;border-color:#1f7ae040}.hero-panel,.card,.faq-item,.result-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffd1;border-radius:28px}.hero-panel{background:radial-gradient(circle at 100% 0,#ffb70347,#0000 36%),radial-gradient(circle at 0 100%,#1f7ae024,#0000 32%),linear-gradient(#fffffff5 0%,#fff4e7f5 100%);gap:1rem;padding:1.5rem;display:grid}.trust-pill{background:linear-gradient(135deg, #ffffffeb 0%, var(--surface) 100%);border-radius:18px;padding:1rem 1.1rem;font-weight:700}.section-heading{max-width:62ch;margin-bottom:2rem}.section-heading p:last-child,.tool-card p,.guide-card p,.feature-card,.faq-item p,.result-metric span,.footer-copy,.footer-links{color:var(--muted)}.card-grid,.feature-list,.guide-list{gap:1.25rem;display:grid}.card-grid,.feature-list{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-list{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card,.feature-card,.guide-card,.calculator-card,.result-card{padding:1.5rem}.status-badge{width:fit-content;color:var(--accent-strong);letter-spacing:.04em;text-transform:uppercase;background:#ffffffb8;border-radius:999px;align-items:center;margin-bottom:.9rem;padding:.3rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.category-stack{gap:1.5rem;display:grid}.category-panel{padding:1.5rem}.category-header{margin-bottom:1.25rem}.category-header h3,.category-header h2{margin-bottom:.5rem}.category-header p:last-child{color:var(--muted);max-width:64ch}.mini-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.mini-tool-card{background:#fff9;border:1px solid #ffffff80;border-radius:22px;gap:.45rem;padding:1rem 1.1rem;display:grid;box-shadow:0 14px 30px #80541814}.mini-tool-card strong{font-size:1.05rem}.mini-tool-card span:last-child{color:var(--muted)}.accent-orange{background:radial-gradient(circle at 100% 0,#ffb70338,#0000 34%),linear-gradient(#fff1e3eb 0%,#ffe2b7b3 100%)}.accent-blue{background:radial-gradient(circle at 100% 0,#1f7ae02e,#0000 34%),linear-gradient(#eff7fff0 0%,#d6e8ffc2 100%)}.accent-gold{background:radial-gradient(circle at 100% 0,#ffb7032e,#0000 32%),linear-gradient(#fffae2f0 0%,#ffeca9c2 100%)}.tool-card:nth-child(4n+1){background:linear-gradient(#fff4e7f5 0%,#ffe0b8cc 100%)}.tool-card:nth-child(4n+2){background:linear-gradient(#e8f3fff5 0%,#d6e8ffd6 100%)}.tool-card:nth-child(4n+3){background:linear-gradient(#ffeee5f5 0%,#ffd2c2d6 100%)}.tool-card:nth-child(4n+4){background:linear-gradient(#fff8d4f5 0%,#ffe799d6 100%)}.calculator-intro{margin-bottom:1.5rem}.calculator-title-compact{max-width:14ch;font-size:clamp(2rem,3.6vw,2.9rem)}.provider-logo-row{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.provider-logo-card{border:1px solid var(--border);background:#ffffffb3;border-radius:20px;align-items:center;gap:.75rem;min-width:150px;padding:.8rem 1rem;display:inline-flex}.provider-logo-active{border-color:var(--accent);box-shadow:0 12px 24px #e13f3f1f}.provider-logo-image{object-fit:contain;width:2.5rem;height:2.5rem}.water-category-tabs{gap:.9rem;margin-bottom:1.5rem;display:grid}.water-category-tab{border:1px solid var(--border);color:inherit;text-align:left;cursor:pointer;font:inherit;background:#ffffffad;border-radius:22px;gap:.3rem;padding:1rem 1.1rem;display:grid}.water-category-tab span,.breakdown-meta{color:var(--muted);font-size:.92rem}.water-category-tab-active{border-color:var(--accent);background:radial-gradient(circle at 100% 0,#ffb7032e,#0000 38%),linear-gradient(#fff4e7f0 0%,#ffe0b8cc 100%);box-shadow:0 12px 26px #e13f3f1f}.form-grid{gap:1rem;display:grid}.form-grid label{gap:.45rem;font-weight:700;display:grid}.form-grid input,.form-grid select{border:1px solid var(--border);width:100%;min-height:3.6rem;color:var(--text);font:inherit;background:#ffffffe0;border-radius:18px;padding:.9rem 1rem}.input-note{color:var(--muted);margin-top:1rem}.info-banner{margin-top:1.5rem;padding:1rem 1.2rem}.info-title{margin:0 0 .25rem;font-weight:700}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.info-card{padding:1rem 1.1rem}.salary-builder-grid,.salary-builder-layout,.salary-item-main,.salary-mode-grid{gap:1rem;display:grid}.salary-builder-grid,.salary-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.salary-mode-card{border:1px solid var(--border);color:inherit;text-align:left;cursor:pointer;font:inherit;background:#ffffffb8;border-radius:22px;gap:.35rem;padding:1rem 1.1rem;display:grid}.salary-mode-card span{color:var(--muted);font-size:.92rem}.salary-mode-card-active{border-color:var(--accent);background:radial-gradient(circle at 100% 0,#ffb7032e,#0000 38%),linear-gradient(#fff4e7f0 0%,#ffe0b8cc 100%);box-shadow:0 12px 26px #e13f3f1f}.salary-builder-layout{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.5rem}.salary-builder-card{padding:1.25rem}.salary-builder-head{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.salary-builder-head h3{margin-bottom:0}.salary-item-list{gap:1rem;display:grid}.salary-item-row{border:1px solid var(--border);background:#ffffffb8;border-radius:22px;padding:1rem}.salary-item-main{grid-template-columns:repeat(2,minmax(0,1fr))}.salary-item-main label{gap:.45rem;font-weight:700;display:grid}.salary-item-options{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.9rem;display:flex}.salary-check{color:var(--muted);align-items:center;gap:.45rem;font-weight:600;display:inline-flex}.salary-check input{width:auto;min-height:auto}.salary-remove-button{color:var(--accent-strong);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-weight:700}.info-label{color:var(--muted);margin-bottom:.35rem;font-size:.9rem;display:block}.breakdown-table-wrap{margin-top:1.5rem;overflow-x:auto}.breakdown-table{border-collapse:collapse;width:100%;min-width:520px}.breakdown-table th,.breakdown-table td{border-bottom:1px solid var(--border);text-align:left;padding:.85rem .9rem}.breakdown-table th{color:var(--muted);background:#fff0d980;font-size:.9rem;font-weight:700}.breakdown-row-highlight{background:#ffb70314}.sticky-card{position:sticky;top:6rem}.result-metric{border-top:1px solid var(--border);gap:.3rem;padding:1rem 0;display:grid}.result-metric:first-of-type{border-top:none}.result-metric strong{font-size:1.7rem}.electricity-pie-card{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.electricity-pie-title{margin:0 0 .75rem;font-weight:700}.electricity-pie{border:10px solid #ffffffe6;border-radius:999px;width:180px;height:180px;margin:0 auto 1rem;box-shadow:inset 0 0 0 1px #1f1a160a}.electricity-pie-legend{color:var(--muted);gap:.45rem;display:grid}.electricity-pie-legend div{align-items:center;gap:.5rem;display:flex}.legend-dot{border-radius:999px;width:.8rem;height:.8rem}.legend-energy{background:var(--accent)}.legend-fixed{background:var(--accent-cool)}.legend-demand{background:var(--accent-sun)}.legend-tax{background:#14866d}.plain-list{padding-left:1.25rem}.prose-block{max-width:72ch}.prose-block h1{max-width:none;font-size:clamp(2.3rem,4vw,3.5rem)}.faq-list{gap:1rem;display:grid}.faq-item{padding:1rem 1.25rem}.faq-item summary{cursor:pointer;font-weight:700}.related-links{flex-wrap:wrap;gap:.9rem;display:flex}.related-links a{border-bottom:1px solid var(--accent);color:var(--accent)}.site-footer{background:linear-gradient(#fff0d961 0%,#fff8efeb 100%);border-top:1px solid #efcfaee6;padding:2rem 0 3rem}.footer-grid{grid-template-columns:minmax(0,1fr) auto;align-items:start}.footer-title{font-weight:700}@media (max-width:1200px){.category-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.hero-grid,.calculator-grid,.footer-grid,.card-grid,.category-shortcut-grid,.feature-list,.guide-list,.info-grid,.mini-card-grid,.salary-builder-grid,.salary-builder-layout,.salary-mode-grid,.salary-item-main{grid-template-columns:1fr}.sticky-card{position:static}.category-shortcut,.tool-card,.feature-card,.guide-card,.calculator-card,.result-card,.category-panel{padding:1.2rem}.salary-builder-head{flex-direction:column;align-items:stretch}.salary-builder-head .button{width:100%}}@media (max-width:640px){.container{width:min(var(--max-width), calc(100% - 1rem))}.page-hero,.section{padding:3.5rem 0}h1{font-size:clamp(2.4rem,12vw,3.6rem)}.nav-shell{flex-direction:column;align-items:start}.brand-mark{gap:.6rem;font-size:1rem}.nav-actions{flex-direction:column;align-items:start;width:100%}.nav-links{gap:.75rem 1rem;width:100%}.language-switcher{justify-content:space-between;width:100%}.language-switcher-button{flex:1 1 0;min-width:0;padding:.45rem .4rem}.category-shortcut{border-radius:24px;padding:1rem}.category-icon-wrap,.category-logo-chip{border-radius:18px;width:4.2rem;height:4.2rem}.category-icon-svg{width:2.5rem;height:2.5rem}.category-shortcut strong{font-size:1.05rem}.provider-logo-row{gap:.75rem;display:grid}.provider-logo-card{width:100%;min-width:0}.water-category-tab,.salary-mode-card,.salary-item-row,.info-card{border-radius:18px;padding:.9rem 1rem}.salary-item-options{flex-direction:column;align-items:start;gap:.75rem}.button{width:100%}.result-metric{padding:.85rem 0}.result-metric strong{font-size:1.35rem}.electricity-pie{width:150px;height:150px}.breakdown-table{min-width:460px}.breakdown-table th,.breakdown-table td{padding:.7rem .75rem;font-size:.92rem}.footer-grid{gap:1rem}}@media (max-width:420px){.page-hero,.section{padding:2.8rem 0}h2{font-size:clamp(1.75rem,8vw,2.2rem)}.category-shortcut-grid{gap:.75rem}.category-logo-pair{gap:.5rem}.provider-logo-card{padding:.75rem .85rem}.form-grid input,.form-grid select{min-height:3.2rem;padding:.8rem .9rem}.salary-builder-card,.card,.result-card{border-radius:22px;padding:1rem}.electricity-pie{width:132px;height:132px}.breakdown-table{min-width:400px}}