.heat-lab{--canvas:#fff;--paper:#faf9f5;--mist:#efeee8;--ink:#111;--stone:#5f5f5e;--primary:#00619e;--primary-hover:#005184;--heading:#005184;--hairline:#efeee8;--font:"DB Heavent", "LGS Symbols", Sarabun, "Noto Sans Thai", "Segoe UI", system-ui, sans-serif;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size-adjust:.355;overflow-wrap:normal;font-size:19px;line-height:1.5}.heat-lab .wrap{max-width:1080px;margin:0 auto;padding-inline:16px}.heat-lab header.bar{border-bottom:1px solid var(--hairline);background:var(--canvas)}.heat-lab header.bar .wrap{justify-content:space-between;align-items:center;gap:16px;padding-block:12px;display:flex}.heat-lab .brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.heat-lab .brand img{width:auto;height:44px}.heat-lab .brand span{color:var(--stone);font-size:16px;line-height:1.2}.heat-lab .bar-actions{align-items:center;gap:10px;display:flex}.heat-lab .back{border:1px solid var(--primary);background:var(--canvas);min-height:44px;color:var(--primary);font:700 17px/1 var(--font);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px 8px 10px;text-decoration:none;display:inline-flex}.heat-lab .back:hover{background:var(--mist)}.heat-lab .back svg{flex:none;width:18px;height:18px}.heat-lab .back-end{padding-block:0 40px}.heat-lab .ask{border-top:1px solid var(--mist);justify-items:start;gap:12px;margin-bottom:24px;padding-top:24px;display:grid}.heat-lab .ask p{color:var(--ink);margin:0;font-size:20px;line-height:1.4}.heat-lab .ask-button{background:var(--primary);color:#fff;min-height:44px;font:700 17px/1 var(--font);align-items:center;padding:10px 18px;text-decoration:none;display:inline-flex}.heat-lab .ask-button:hover{background:var(--primary-hover)}@media (max-width:560px){.heat-lab .brand span{display:none}}.heat-lab .lang{border:1px solid var(--primary);display:flex;overflow:hidden}.heat-lab .lang a{font:700 17px/1 var(--font);background:var(--canvas);color:var(--primary);border:0;padding:10px 14px;text-decoration:none}.heat-lab .lang a[aria-current=page]{background:var(--primary);color:#fff}.heat-lab .seg{border:1px solid var(--primary);flex:280px;max-width:520px;display:flex;overflow:hidden}.heat-lab .seg button{font:500 17px/1.2 var(--font);background:var(--canvas);min-height:44px;color:var(--primary);cursor:pointer;border:0;flex:1 1 0;padding:10px 8px}.heat-lab .seg button+button{border-left:1px solid var(--primary)}.heat-lab .seg button[aria-pressed=true]{background:var(--primary);color:#fff;font-weight:700}.heat-lab select{font:400 19px var(--font);border:1px solid var(--stone);background:var(--canvas);min-height:44px;color:var(--ink);padding:8px 10px}.heat-lab section{padding-block:40px}.heat-lab section.band{background:var(--paper)}.heat-lab .eyebrow{color:var(--primary);margin:0 0 12px;font-size:24px;font-weight:300;line-height:1.2}.heat-lab h1,.heat-lab h2{color:var(--heading);text-wrap:balance;margin:0 0 12px;font-weight:700}.heat-lab h1{letter-spacing:-.015em;font-size:clamp(34px,5vw,56px);line-height:1.1}.heat-lab h2{font-size:clamp(28px,3.6vw,40px);line-height:1.15}.heat-lab h1:lang(th),.heat-lab h2:lang(th){letter-spacing:0}.heat-lab .lead{max-width:44em;margin:0 0 8px;font-size:clamp(20px,2.4vw,24px)}.heat-lab .estimate{background:var(--mist);color:var(--ink);border-radius:9999px;padding:2px 12px;font-size:16px;font-weight:500;display:inline-block}.heat-lab .panel{background:var(--mist);gap:14px;margin-block:20px 8px;padding:16px;display:grid}.heat-lab .row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.heat-lab .row label,.heat-lab .row .label{color:var(--ink);font-weight:500}.heat-lab input[type=range]{accent-color:var(--primary);flex:120px;min-width:0;height:32px}.heat-lab button.primary,.heat-lab button.secondary{font:700 19px/1 var(--font);cursor:pointer;min-height:48px;padding:12px 20px}.heat-lab button.primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.heat-lab button.primary:hover{background:var(--primary-hover)}.heat-lab button.secondary{background:var(--canvas);color:var(--primary);border:1px solid var(--primary)}.heat-lab button.secondary:hover{background:var(--mist)}.heat-lab button:focus-visible,.heat-lab input:focus-visible,.heat-lab select:focus-visible,.heat-lab a:focus-visible{outline:2px solid var(--heading);outline-offset:2px}.heat-lab .stepper{align-items:center;gap:8px;display:flex}.heat-lab .stepper button{touch-action:manipulation;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:inline-flex}.heat-lab .stepper svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:22px;height:22px}.heat-lab .stepper button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.heat-lab .clock{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;min-width:3.2em;font-size:26px;font-weight:700}.heat-lab .value{color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;min-width:3.2em;font-size:26px;font-weight:700}.heat-lab .weather{color:var(--stone);font-size:17px}.heat-lab .walls{gap:18px;margin-top:12px;display:grid}.heat-lab .clock-bar{top:env(safe-area-inset-top,0px);z-index:20;background:var(--canvas);border-bottom:1px solid var(--hairline);flex-wrap:nowrap;margin-top:12px;padding-block:10px;position:sticky}.heat-lab .wall{background:var(--canvas);border:1px solid var(--hairline);padding:16px}.heat-lab .wall h3{color:var(--heading);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0;font-size:22px;display:flex}.heat-lab .wall h3 .size{color:var(--stone);font-size:18px;font-weight:400}.heat-lab .strip{width:100%;margin-top:10px;display:block}.heat-lab .section-view{margin-top:10px;position:relative}.heat-lab .section-view .strip{z-index:1;margin-top:0;position:relative}.heat-lab .section-view .field{z-index:0;display:block;position:absolute;top:52px;left:0}.heat-lab .key .feature:before{content:"";vertical-align:middle;background:#4a4f56;width:12px;height:4px;margin-right:6px;display:inline-block}.heat-lab .plan-note{color:var(--stone);margin:4px 0 0;font-size:15px}.heat-lab .long-view{border-top:1px solid var(--hairline);margin-top:16px;padding-top:12px}.heat-lab .long-title{color:var(--ink);margin:0;font-size:17px;font-weight:500}.heat-lab .long-box{margin-top:8px;position:relative}.heat-lab .long-box .long-strip{z-index:1;width:100%;display:block;position:relative}.heat-lab .long-box .long-field{z-index:0;display:block;position:absolute;top:0;left:1px}.heat-lab .key{color:var(--stone);flex-wrap:wrap;gap:4px 14px;margin:6px 0 0;padding:0;font-size:16px;list-style:none;display:flex}.heat-lab .faces{color:var(--ink);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:17px;font-weight:500}.heat-lab .out{border-left:2px solid var(--primary);gap:2px;margin-top:12px;padding:8px 12px;display:grid}.heat-lab .out .big{color:var(--ink);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.heat-lab .out .small{font-variant-numeric:tabular-nums;font-size:17px}.heat-lab .out .hot-note{color:var(--ink);margin-top:6px}.heat-lab .legend-heat{max-width:520px;margin-top:16px}.heat-lab .legend-heat p{color:var(--ink);margin:0 0 4px;font-size:16px;font-weight:500}.heat-lab .legend-heat svg{width:100%;display:block}.heat-lab .chart{margin-top:24px}.heat-lab .chart h3{color:var(--heading);margin:0 0 4px;font-size:20px}.heat-lab .chart svg{width:100%;display:block}.heat-lab .lines-legend{color:var(--ink);flex-wrap:wrap;gap:6px 18px;margin:0 0 4px;font-size:17px;display:flex}.heat-lab .lines-legend span{align-items:center;gap:8px;display:inline-flex}.heat-lab .lines-legend i{width:22px;height:3px;display:block}.heat-lab .lines-legend .off-swatch{background:#efeee8;border:1px solid #cfcdc4;width:16px;height:12px}.heat-lab .lines-legend .dash-swatch{background:0 0;border-top:2px dashed #5f5f5e;height:0}.heat-lab .bill-grid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}@media (min-width:860px){.heat-lab .bill-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.heat-lab .bill-inputs{background:var(--mist);align-content:start;gap:14px;padding:16px;display:grid}.heat-lab .bill-inputs input[type=number]{font:400 19px var(--font);border:1px solid var(--stone);background:var(--canvas);width:7em;color:var(--ink);padding:8px 10px}.heat-lab .totals{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:8px;display:grid}.heat-lab .total{border-left:2px solid var(--primary);padding:6px 12px}.heat-lab .total .num{color:var(--ink);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.1}.heat-lab .total .cap{color:var(--stone);font-size:16px}.heat-lab .total.saving{background:var(--canvas);grid-column:1/-1;padding-block:10px}.heat-lab .total.saving .num{color:var(--primary);font-size:36px}.heat-lab .solar{background:var(--paper);margin-top:18px;padding:16px}.heat-lab .solar p{margin:0 0 8px}.heat-lab .ac-cards{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;margin-top:28px;display:grid}@media (min-width:900px){.heat-lab .ac-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.heat-lab .ac-card{background:var(--canvas);border:1px solid var(--hairline);padding:16px}.heat-lab .ac-card h3{color:var(--heading);margin:0 0 4px;font-size:20px}.heat-lab .ac-card .basis{color:var(--stone);margin:0 0 12px;font-size:16px}.heat-lab .pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.heat-lab .pair .fig{border-left:3px solid var(--primary);padding:6px 12px}.heat-lab .pair .num{color:var(--ink);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.15}.heat-lab .pair .num small{white-space:nowrap;font-size:16px;font-weight:500}.heat-lab .pair .cap{color:var(--stone);font-size:16px}.heat-lab .ac-card .note{color:var(--ink);margin:12px 0 0;font-size:17px}.heat-lab .ac-card svg{width:100%;margin-top:8px;display:block}.heat-lab .notes{gap:6px;margin:0;padding-left:20px;font-size:17px;display:grid}.heat-lab .error{color:#c72020;font-size:16px}.heat-lab footer{border-top:1px solid var(--hairline);color:var(--stone);padding-block:24px 32px;font-size:17px}.heat-lab footer .wrap{gap:4px;display:grid}.heat-lab footer strong{color:var(--ink)}.heat-lab .ranking{margin-top:28px}.heat-lab .ranking h3{color:var(--heading);margin:0 0 4px;font-size:20px}.heat-lab .table-wrap{margin-top:8px;overflow-x:auto}.heat-lab .ranking table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;max-width:780px}.heat-lab .ranking th,.heat-lab .ranking td{text-align:right;border-bottom:1px solid var(--mist);vertical-align:top;padding:8px}.heat-lab .ranking th:first-child,.heat-lab .ranking td:first-child{text-align:left;padding-left:0}.heat-lab .ranking th{color:var(--stone);font-size:15px;font-weight:500;line-height:1.25}.heat-lab .ranking td{color:var(--ink);font-size:17px}.heat-lab .ranking td+td{white-space:nowrap}@media (max-width:420px){.heat-lab .ranking td{font-size:16px}.heat-lab .ranking th,.heat-lab .ranking td{padding:8px 5px}}.heat-lab .ranking tr.is-lgs td{color:var(--primary);font-weight:700}.heat-lab .ranking tr.is-picked td{background:var(--mist)}.heat-lab .ranking .swatch{width:10px;height:10px;margin-right:8px;display:inline-block}.heat-lab .lines-legend .rival-swatch{background:var(--stone)}.heat-lab .keep{white-space:nowrap}.heat-lab .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:560px){.heat-lab section{padding-block:28px}.heat-lab .wall{padding:12px}}