:root{--ink:#111827;--muted:#657080;--green:#059669;--line:#e0e5eb;--paper:#f5f9ff;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 system-ui,-apple-system,'Segoe UI',Roboto,Ubuntu,sans-serif}a{color:#1547c6;text-decoration:underline;text-underline-offset:2px}a:hover{color:#047857}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}.topbar{background:#fff;border-bottom:1px solid #e9edf2}.header-inner{max-width:1200px;padding:17px 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:28px;font-weight:750;color:var(--green);text-decoration:none;white-space:nowrap}.toplinks{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.toplinks a{font-size:14px;text-decoration:none;color:var(--ink);white-space:nowrap}.toplinks a:hover{color:#047857}.menu-toggle{display:none;border:1px solid var(--line);border-radius:6px;background:white;min-height:44px;min-width:44px;font-size:24px}.layout{min-height:calc(100vh - 170px)}.hero{background:var(--green);text-align:center;color:#fff;padding:43px 24px 45px}.hero h1{font-size:clamp(30px,3.1vw,42px);line-height:1.25;letter-spacing:0;margin:0 0 16px;font-weight:750}.hero p{max-width:790px;margin:0 auto;font-size:18px;line-height:1.6;color:#f1fff9}.calculator-hero{padding:36px 24px}.calculator-hero h1{font-size:clamp(28px,2.7vw,36px)}.calculator-hero p{max-width:1000px;font-size:16px}.directory{max-width:1160px;padding:48px 24px 64px;margin:0 auto}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:stretch}.category-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:25px;box-shadow:0 3px 12px #172c4810;scroll-margin-top:25px}.category-card h2{font-size:20px;line-height:1.45;margin:0 0 10px;padding:0 0 10px;border-bottom:2px solid #e5e7eb;font-weight:700}.category-card ul{padding-left:20px;margin:0}.category-card li{padding:0 0 10px;line-height:1.65}.category-card li:last-child{padding-bottom:0}.category-card a{font-size:16px;overflow-wrap:anywhere}.page-content{max-width:1140px;margin:auto;padding:24px 24px 50px}.breadcrumb{font-size:14px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.breadcrumb a{color:var(--green);text-decoration:none}.workbench{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr);gap:22px;align-items:start}.input-panel,.info-panel,.results{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 3px 12px #172c4809}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}.panel-heading h2,.results h2{font-size:18px;margin:0;font-weight:700}.panel-heading span{font-size:12px;color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}.field{min-width:0}.field label{display:block;font-size:14px;line-height:1.45;margin-bottom:7px;color:#596374}input,select{width:100%;min-height:46px;border:1px solid #cfd5dd;border-radius:9px;padding:10px 12px;background:#fff;color:var(--ink)}input:focus,select:focus{border-color:var(--green);outline:2px solid #bce9d7}small.help{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 17px;border-radius:8px;background:var(--green);color:#fff;border:0;font-size:14px;font-weight:650;text-decoration:none}.button:hover{background:#047857;color:#fff}.button.secondary{background:#fff;border:1px solid #b7d9ce;color:#047857}.button.full{margin-top:24px}.results h2{margin-bottom:14px}.result-block{padding:17px 0;border-bottom:1px solid #edf0f3}.result-block:first-child{padding-top:0}.result-block:last-child{border:0;padding-bottom:0}.result-label{font-size:14px;color:#667080}.result-value{font-weight:700;font-size:29px;line-height:1.3;margin:6px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.result-value .unit{font-size:16px;font-weight:500;color:#4b5563}.result-block:first-child .result-value{font-size:34px}.result-detail{color:var(--muted);font-size:13px;line-height:1.5}.result-foot{font-size:12px;line-height:1.6;color:var(--muted);padding-top:18px;margin-top:19px;border-top:1px solid var(--line)}.assumption{font-size:13px;color:var(--muted);margin:15px 4px 0;line-height:1.6}.formula{background:#effaf5;border-left:3px solid var(--green);padding:16px 18px;font-size:14px;line-height:1.8;margin:14px 0 18px}.reading{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.reading p{font-size:15px;color:#5b6575;margin:8px 0 0}.reading h2{font-size:19px;margin:0 0 14px;line-height:1.35}.read-more{color:#047857;font-weight:600;font-size:14px}.section-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 15px}.section-row h2{margin:0;font-size:21px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;gap:15px;text-decoration:none}.tool-card:hover{border-color:#91cbb3}.tool-number{color:#047857;font-size:13px;background:#edf9f3;border-radius:6px;align-self:start;padding:7px}.tool-card h3{font-size:16px;margin:0 0 6px;color:#1547c6;text-decoration:underline}.tool-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);padding:26px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);font-size:14px;background:#fff;text-align:center}.footer nav{display:flex;gap:23px;flex-wrap:wrap;justify-content:center}.footer a{color:#4b5563}.error{padding:12px 14px;background:#fff0eb;color:#922f19;border-radius:7px;font-size:14px;margin-top:16px}.warning{background:#fff4d9;color:#624b10;font-size:13px;line-height:1.6;padding:14px;border-radius:8px;margin-top:14px}.schedule{margin-top:24px;overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.schedule table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}.schedule td,.schedule th{padding:11px;text-align:right;border-bottom:1px solid var(--line)}.schedule th:first-child,.schedule td:first-child{text-align:left}.schedule th{font-size:12px;color:var(--muted)}details{margin-top:20px}summary{cursor:pointer;color:#047857;font-weight:600;font-size:14px}.appliance-row{border-bottom:1px solid var(--line);padding:18px 0}.appliance-row:first-child{padding-top:0}.appliance-top{display:flex;gap:10px;margin-bottom:12px}.appliance-top input{flex:1;min-width:0}.remove{border:1px solid #ecd7d3;background:#fff6f4;color:#8b4233;border-radius:7px;padding:0 13px;font-size:14px}.appliance-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.appliance-inputs label{font-size:12px;color:var(--muted);display:block;line-height:1.4;margin-bottom:6px}.appliance-inputs input{padding:8px;min-height:40px}.add-row{display:flex;gap:12px;margin-top:20px}.add-row select{flex:1;min-width:0}.content-page{max-width:850px;margin:35px auto 50px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:12px}.content-page h1{font-size:34px;line-height:1.25}.content-page p,.content-page li{color:#596374}.content-page h2{margin-top:30px;font-size:23px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#047857;font-weight:700}.empty-results{color:var(--muted)}[hidden]{display:none!important}@media(max-width:1100px){.header-inner{gap:20px}.toplinks{gap:12px}.toplinks a{font-size:13px}.brand{font-size:25px}}@media(max-width:950px){.header-inner{flex-wrap:wrap;gap:12px}.menu-toggle{display:block}.toplinks{display:none;flex-basis:100%;padding:10px 0;gap:0}.toplinks.is-open{display:grid;grid-template-columns:1fr 1fr}.toplinks a{padding:12px;font-size:15px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.workbench{grid-template-columns:1fr}.result-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.result-block{border:0;padding:0}.result-value,.result-block:first-child .result-value{font-size:28px}.reading{grid-template-columns:1fr}}@media(max-width:600px){.header-inner{padding:14px 18px}.hero{padding:32px 20px}.hero p{font-size:16px}.directory{padding:28px 18px 40px}.category-grid{grid-template-columns:1fr;gap:20px}.category-card{padding:23px}.page-content{padding:20px 18px 35px}.input-panel,.info-panel,.results{padding:20px}.fields{grid-template-columns:1fr;gap:18px}.result-list{display:block}.result-block{padding:15px 0;border-bottom:1px solid #edf0f3}.result-value,.result-block:first-child .result-value{font-size:30px}.tool-grid{grid-template-columns:1fr}.content-page{margin:22px 18px;padding:23px}.content-page h1{font-size:28px}.toplinks.is-open{grid-template-columns:1fr 1fr}.appliance-inputs{grid-template-columns:repeat(2,1fr)}.add-row{flex-wrap:wrap}.add-row .button{width:100%}.footer{padding:24px 18px}.button.full{width:100%}.panel-heading{align-items:start}.panel-heading span{max-width:110px;text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.language-bar{background:#ecf7f2;border-bottom:1px solid #cfe5dc;padding:8px 24px}.language-inner{max-width:1152px;margin:auto;display:flex;justify-content:flex-end;align-items:center;gap:10px}.language-inner label{font-size:14px;color:#245745}.language-inner select{width:auto;min-width:165px;max-width:65vw;min-height:38px;padding:6px 30px 6px 12px;font-size:15px;direction:ltr;background:#fff;border-color:#b8d5c6}.language-inner select option{direction:auto}[dir=rtl] .category-card ul{padding-left:0;padding-right:20px}[dir=rtl] .formula{border-left:0;border-right:3px solid var(--green)}[dir=rtl] .schedule td,[dir=rtl] .schedule th{text-align:left}[dir=rtl] .schedule td:first-child,[dir=rtl] .schedule th:first-child{text-align:right}[dir=rtl] input[type=number]{direction:ltr;text-align:right}[dir=rtl] .brand{direction:ltr}[dir=rtl] .result-value{unicode-bidi:plaintext}[lang=ur] body{line-height:1.9}[lang=ur] .field label,[lang=ur] .category-card li{line-height:1.85}[dir=rtl] .result-detail{unicode-bidi:plaintext}@media(max-width:600px){.language-bar{padding:8px 18px}[dir=rtl] .panel-heading span{text-align:left}}

.translation-note{padding:9px max(20px,calc((100vw - 1180px)/2));background:#eff6ff;color:#334155;font-size:12px;line-height:1.6;border-bottom:1px solid #dbeafe}.source-label{display:block;margin-top:3px;font-weight:400;color:#64748b;font-size:11px;line-height:1.45;text-align:start}.language-inner select{max-width:min(75vw,350px)}.result-label,.category-card h2,.tool-card h3{overflow-wrap:anywhere}

/* Responsive controls, text reflow and keyboard access. */
:root{--green:#047857}
.skip-link{position:absolute;inset-inline-start:12px;top:-100px;padding:12px 18px;background:#fff;color:#064e3b;z-index:10;border:2px solid #047857;border-radius:6px}.skip-link:focus{top:10px}
:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.workbench>*,.reading>*,.tool-card>*,.panel-heading>*,.header-inner>*,.language-inner>*{min-width:0}
input,select,.language-inner select{font-size:16px;min-height:44px;max-width:100%}
button,.button,.remove{min-height:44px;touch-action:manipulation}
.field label,.appliance-inputs label{font-size:14px}.source-label{font-size:12px}.reading p{font-size:16px}
.toplinks a{white-space:normal;overflow-wrap:anywhere}.category-card a{display:inline-block;padding-block:6px}
.panel-heading,.section-row{flex-wrap:wrap}.panel-heading span{max-width:none!important;text-align:start!important}
h1,h2,h3,p,label,summary,.formula,.warning,.result-detail{overflow-wrap:anywhere}
.schedule{max-width:100%;overscroll-behavior-inline:contain}.schedule:focus-visible{outline-offset:-3px}
.calculator-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.calculator-jumps a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid #b8d5c6;border-radius:8px;background:#fff;color:#065f46;font-weight:600;text-decoration:none}
.language-inner{flex-wrap:wrap}.language-inner select{min-width:0;flex:0 1 300px;width:100%;max-width:100%}
#calculator-form,#estimate{scroll-margin-top:18px}
@media(min-width:951px){.calculator-jumps{display:none}}
@media(max-width:600px){.hero.calculator-hero{padding:24px 16px}.calculator-hero h1{font-size:clamp(24px,6.5vw,30px)}.page-content{padding:16px 12px 32px}.input-panel,.results,.info-panel{padding:18px}.language-bar{padding:8px 12px}.language-inner{gap:8px}.language-inner select{flex:1 1 180px}.toplinks.is-open{grid-template-columns:minmax(0,1fr)}.appliance-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.appliance-inputs input{min-height:44px}.calculator-jumps a{flex:1 1 110px}.schedule{padding:10px}.section-row{gap:10px}.button{white-space:normal}}
@media(max-width:360px){.appliance-top{flex-wrap:wrap}.appliance-top input{flex-basis:100%}.appliance-top .remove{margin-inline-start:auto}.category-card{padding:18px}.header-inner{padding-inline:12px}.language-inner label{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Readable, tool-specific guidance on every calculator route. */
.directory-description{margin:0 0 8px;color:#596374;font-size:14px;line-height:1.65}
.tool-guide{margin-top:26px;scroll-margin-top:20px}
.tool-guide section+section{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.tool-guide h2{font-size:20px;line-height:1.4;margin:0 0 10px}
.tool-guide p{margin:0;max-width:86ch;color:#4b5563;font-size:16px;line-height:1.8}
.tool-guide[lang=ur] p{line-height:2.1}
.tool-guide .guide-language-note{font-size:13px;color:#657080;margin-bottom:20px}

.search-questions details{border-top:1px solid var(--line);padding-block:14px}
.search-questions summary{min-height:44px;cursor:pointer;font-weight:600;line-height:1.6;padding-block:8px;color:#065f46}
.search-questions details p{margin-top:10px}

/* Original supplied logo, with transparent canvas margins framed in CSS. */
.brand.brand-logo{display:block;flex:0 0 auto;width:240px;max-width:calc(100% - 64px);line-height:0;direction:ltr}
.logo-window{display:block;position:relative;width:100%;aspect-ratio:1192/440;overflow:hidden}
.logo-window img{position:absolute;width:105.201342%;max-width:none;height:auto;left:-3.355705%;top:-90.909091%}
@media(max-width:600px){.brand.brand-logo{width:min(230px,calc(100vw - 100px))}.header-inner{column-gap:12px}}
/* Solar Power Calculator · navy, orange and green theme */
:root{--ink:#0a2443;--muted:#54677b;--green:#087852;--line:#e1e8ee;--paper:#f5f7fa;--navy:#062446;--orange:#ff8a18;--orange-ink:#6e3100}
body{font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper);letter-spacing:-.01em}
[lang=ur] body{font-family:'Noto Sans Arabic','Urdu Typesetting','Segoe UI',Tahoma,sans-serif;letter-spacing:0;line-height:1.95}
[lang=ar] body,[lang=fa] body{font-family:'Noto Sans Arabic','Segoe UI',Tahoma,sans-serif;letter-spacing:0}
h1,h2,h3{color:var(--navy)}a{color:#173f65}a:hover{color:#a84d00}
.topbar{border-bottom:1px solid var(--line)}.header-inner{max-width:1264px;gap:24px;padding-block:9px}.brand.brand-logo{width:205px}.toplinks{gap:16px;justify-content:flex-end}.toplinks a{font-size:13px;font-weight:600}.toplinks a span{display:none}
.language-bar{background:#fff;border-bottom:1px solid var(--line);padding-block:5px}.language-inner{max-width:1216px}.language-inner label{color:var(--muted);font-size:12px}.language-inner select{flex-basis:190px;min-height:36px;font-size:13px;border:0;background:#f5f7fa;border-radius:6px}.language-inner>span{display:none}
.hero{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}.hero p{color:var(--muted)}.hero h1{color:var(--navy);letter-spacing:-.035em}.eyebrow{font-size:12px;color:#93600b;letter-spacing:.11em;text-transform:uppercase;font-weight:700;margin-bottom:14px}.home-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:64px;text-align:start;padding:56px max(24px,calc((100vw - 1168px)/2));align-items:center;background:linear-gradient(110deg,#fff 60%,#f1f6fa 60%)}.home-hero h1{font-size:clamp(36px,4vw,52px);line-height:1.12;max-width:560px;margin-bottom:20px}.home-hero p{font-size:16px;max-width:570px;margin:0;line-height:1.8}.home-copy{min-width:0}.search-box{margin-top:27px;border:1px solid #ccd8e2;box-shadow:0 3px 12px #12324f08;display:flex;gap:12px;align-items:center;padding:6px 12px;background:#fff;border-radius:10px;max-width:580px}.search-box>span{font-size:27px;color:#59738d}.search-box input{border:0;box-shadow:none;background:transparent;min-width:0;flex:1;min-height:44px;padding:8px 0}.search-box:focus-within{outline:2px solid #f59d43;outline-offset:3px}.search-box input:focus{outline:0}.search-box kbd{padding:1px 7px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:12px}.hero-note{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:16px}.hero-note span+span{border-inline-start:1px solid #cad6df;padding-inline-start:22px}.featured-tools{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px #1638590b;padding:22px 24px}.featured-tools h2{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 10px}.featured-tool{display:flex;align-items:center;gap:16px;padding:17px 0;text-decoration:none;border-bottom:1px solid var(--line)}.featured-tool:last-child{border:0;padding-bottom:5px}.featured-tool strong{display:block;font-size:16px}.featured-tool small{display:block;font-size:12px;line-height:1.65;color:var(--muted);margin-top:4px}.featured-number{font-size:13px;color:#a95509;background:#fff1df;border-radius:8px;padding:10px;font-weight:700}.featured-tool>span:last-child{margin-inline-start:auto;color:#648096}.directory{max-width:1216px;padding-top:28px}.directory-heading{margin:0 0 23px}.directory-heading h2{font-size:24px}.tool-count{font-size:13px;color:var(--muted)}.category-grid{gap:22px;align-items:stretch}.category-card{padding:22px 24px;border-radius:13px;box-shadow:none}.category-card h2{display:flex;align-items:center;gap:11px;font-size:17px;margin-bottom:4px;padding-bottom:15px;border-bottom:1px solid var(--line)}.category-symbol{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border:1px solid #d5e0e9;border-radius:8px;font:22px/1 'Segoe UI Symbol',sans-serif;color:var(--navy);background:#f4f8fb}.category-card ul{list-style:none;padding:0!important}.category-card li{padding:13px 0!important;border-bottom:1px solid #edf1f4}.category-card li:last-child{border:0}.category-card a{font-size:14px;line-height:1.55;font-weight:650;color:var(--navy);text-decoration:none;display:flex;gap:8px;justify-content:space-between;padding:0}.card-arrow{color:#8296a8;font-size:14px;flex-shrink:0}.directory-description{font-size:12px;line-height:1.65;margin:5px 16px 0 0;color:var(--muted)}[dir=rtl] .directory-description{margin:5px 0 0 16px}.category-card:hover{border-color:#bfd0df;box-shadow:0 8px 24px #16385908}.search-empty{padding:30px;background:#fff;border-radius:12px;text-align:center}.calculator-hero{padding:25px 24px;text-align:center}.calculator-hero .eyebrow{font-size:11px;margin-bottom:7px}.calculator-hero h1{font-size:clamp(27px,3vw,36px);margin-bottom:10px}.calculator-hero p{font-size:14px}.page-content{max-width:1216px;padding-top:20px}.workbench{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px}.input-panel,.results,.info-panel{box-shadow:0 3px 12px #16385904;border-radius:14px}.panel-heading{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:18px}.panel-heading span{font-size:12px}.fields{gap:22px 20px}.field label{font-size:13px;line-height:1.6;font-weight:600}.source-label{font-size:12px;line-height:1.6;color:#69798b}input,select{border-color:#ccd7e1;border-radius:8px;background:#fcfdff;min-height:46px;color:var(--navy)}input:focus,select:focus{border-color:#bd6210;outline:2px solid #ffead2}.button{border-radius:8px;min-height:46px;background:var(--orange);border:1px solid var(--orange);color:#172b40;font-weight:700;box-shadow:none}.button:hover{background:#ff9e40;color:#172b40}.button.secondary{background:#fff;border-color:#c6d3df;color:var(--navy)}.button.secondary:hover{background:#f2f6fa}.text-button{background:transparent;border:0;color:#365b7c;font-size:13px;font-weight:600;padding:9px 8px;min-height:44px;text-decoration:underline;text-underline-offset:3px}.reset-button{display:block;margin:5px auto -8px}.results{border-top:4px solid var(--green);background:#fff}.estimate-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.estimate-heading h2{font-size:18px}.estimate-label{font-size:11px;color:#526f62;background:#edf7f1;border-radius:5px;padding:4px 7px}.result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.result-block{border:1px solid #e5ebef;border-radius:9px;padding:15px!important;background:#f9fbfd}.result-block:first-child{grid-column:1/-1;background:#f0f8f4;border-color:#d4e9dd}.result-label{font-size:12px;font-weight:600;color:#465e72}.result-value,.result-block:first-child .result-value{font-size:28px;margin:8px 0 0;color:var(--navy)}.result-block:first-child .result-value{font-size:38px;color:#076141}.result-value .unit{font-size:14px;color:#527065}.result-detail{font-size:12px;margin-top:7px}.result-foot{font-size:12px;margin-top:18px;padding-top:15px}.estimate-actions{display:grid;grid-template-columns:1fr;margin-top:18px;gap:3px}.estimate-actions .button{font-size:13px}.action-status{font-size:12px;color:var(--muted);line-height:1.7;margin:5px 0 0}.action-status:empty{display:none}.comparison-panel,.chart-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-top:24px}.comparison-panel h2,.chart-panel h2{font-size:19px;margin:0 0 12px}.comparison-table{overflow-x:auto}.comparison-table table{width:100%;border-collapse:collapse;font-size:14px}.comparison-table th,.comparison-table td{padding:12px;text-align:start;border-bottom:1px solid var(--line);min-width:120px}.comparison-table td:first-child{font-weight:600}.comparison-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.chart-bars{display:grid;gap:14px}.chart-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(100px,3fr) auto;align-items:center;gap:16px;font-size:13px}.chart-track{height:14px;background:#edf2f5;border-radius:4px;overflow:hidden}.chart-fill{height:100%;background:#128160;border-radius:4px;min-width:0}.chart-row:nth-child(even) .chart-fill{background:#244e75}.chart-value{font-variant-numeric:tabular-nums;white-space:nowrap}.chart-caption{font-size:12px;color:var(--muted);margin-bottom:18px}.formula{background:#f2f7fb;border-color:#6486a4}.read-more,summary{color:#254d70}.tool-card{box-shadow:none}.tool-card h3{color:var(--navy);text-decoration:none}.tool-number{background:#f0f5f9;color:#59758e}.tool-guide h2{font-size:20px}.tool-guide p{color:#4d6275}.translation-note{font-size:12px;background:#f7f9fb;border-color:#e5eaf0;color:#5b6e7e}.footer{font-size:12px;gap:14px;padding-block:28px;background:#fff}.footer a{color:#365b7c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-results-button{display:none}
@media(max-width:1100px){.toplinks{gap:12px}.toplinks a{font-size:12px}.brand.brand-logo{width:185px}.home-hero{gap:30px;padding-inline:24px}.featured-tools{padding:18px}}
@media(max-width:950px){.home-hero{grid-template-columns:1fr 1fr;gap:25px;padding-block:36px}.home-hero h1{font-size:38px}.workbench{grid-template-columns:minmax(0,1fr)}.result-list{grid-template-columns:repeat(3,minmax(0,1fr))}.result-block:first-child{grid-column:auto}.result-block:first-child .result-value{font-size:30px}.toplinks a{font-size:14px}.estimate-actions{grid-template-columns:1fr 1fr}.header-inner{flex-wrap:wrap}.mobile-results-button{display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:5;inset-inline:16px;bottom:calc(12px + env(safe-area-inset-bottom));padding:12px 18px;min-height:48px;background:var(--navy);color:#fff;font-size:14px;font-weight:600;border-radius:10px;text-decoration:none;box-shadow:0 8px 25px #06244635}.mobile-results-button:hover{color:#fff;background:#163e65}body:has(.mobile-results-button){padding-bottom:80px}.footer{padding-bottom:25px}}
@media(max-width:650px){.home-hero{grid-template-columns:1fr;padding:30px 20px;background:#fff;gap:28px}.home-hero h1{font-size:36px;max-width:390px}.home-hero p{font-size:14px}.hero-note{gap:14px}.hero-note span+span{padding-inline-start:14px}.featured-tools{padding:18px 20px;background:#f8fafc}.featured-tool small{font-size:12px}.directory{padding:26px 16px 35px}.directory-heading h2{font-size:21px}.category-grid{grid-template-columns:1fr}.category-card{padding:20px}.category-card h2{font-size:18px}.category-card a{font-size:15px}.directory-description{font-size:13px}.header-inner{padding:5px 16px;gap:10px}.brand.brand-logo{width:180px}.language-inner{gap:6px}.language-inner select{flex:0 1 185px;min-height:36px}.language-inner label{font-size:12px}.calculator-hero{padding:23px 18px}.calculator-hero h1{font-size:27px}.page-content{padding:16px 12px 30px}.input-panel,.results,.info-panel{padding:20px}.result-list{grid-template-columns:repeat(2,minmax(0,1fr))}.result-block:first-child{grid-column:1/-1}.result-block:first-child .result-value{font-size:36px}.estimate-actions{grid-template-columns:1fr}.estimate-label{font-size:10px}.fields{grid-template-columns:1fr}.field label{font-size:14px}.comparison-panel,.chart-panel{padding:18px}.chart-row{grid-template-columns:minmax(90px,1fr) minmax(60px,1.5fr) auto;gap:8px;font-size:12px}.search-box kbd{display:none}.search-box input{font-size:16px}.language-inner select{font-size:16px;min-height:44px}}
@media(prefers-reduced-motion:no-preference){.category-card,.featured-tool,.button{transition:background .15s,border-color .15s,box-shadow .15s}}

.chart-row{grid-template-columns:minmax(0,1fr) auto}.chart-track{grid-column:1/-1;width:100%}.comparison-table{width:100%;border-collapse:collapse}.estimate-actions button:disabled{opacity:.5;cursor:not-allowed}