:is(#sonand-site,.editor-styles-wrapper) .heat-tool{--ink:#203c32;--soft:#edf1e8;--yellow:#ffc306;color:var(--ink);font-family:inherit;max-width:1180px;margin:0 auto;padding:0 28px 60px;box-sizing:border-box}
.heat-tool *{box-sizing:border-box}.heat-tool [hidden]{display:none!important}
#sonand-site .heat-tool .ht-opening{background:#203c32;color:#fffdf6;padding:45px; border-top:5px solid #ffc306;margin-bottom:30px}
#sonand-site .heat-tool h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.025em;color:inherit;margin:0 0 22px}
#sonand-site .heat-tool h3{font-size:24px;line-height:1.2;margin:32px 0 20px;color:inherit}
#sonand-site .heat-tool p{font-size:16px;line-height:1.65;margin:0 0 18px}#sonand-site .heat-tool .ht-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:18px}
.heat-tool .ht-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px;align-items:start}.heat-tool .ht-form{min-width:0}.heat-tool fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}.heat-tool legend{font-size:23px;font-weight:700;padding:0;margin:0 0 22px}.heat-tool .ht-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.heat-tool .ht-field{margin-bottom:20px;min-width:0}.heat-tool .ht-fields .ht-field{margin:0}.heat-tool label{display:block;font-size:15px;font-weight:700;line-height:1.4;margin-bottom:9px}.heat-tool input[type=number],.heat-tool select{width:100%;max-width:100%;min-height:48px;border:1px solid #9aad9f;border-radius:3px;font:inherit;color:#203c32;background:white;padding:12px}.heat-tool select{font-size:15px;text-overflow:ellipsis}.heat-tool small{display:block;margin-top:8px;font-size:13px;line-height:1.55;color:#52665a}.heat-tool .ht-check{display:flex;align-items:start;gap:12px;cursor:pointer}.heat-tool input[type=checkbox]{width:20px;height:20px;flex:none;margin:0;accent-color:#203c32}.heat-tool .ht-results{padding:28px;background:#eaf0e7;border:1px solid #d1ddce;position:sticky;top:20px}.heat-tool .ht-metric{border-bottom:1px solid #c6d3c3;padding:0 0 20px;margin:0 0 20px}.heat-tool .ht-metric span{display:block;font-size:15px;line-height:1.4}.heat-tool .ht-metric strong{display:block;font-size:clamp(26px,3vw,40px);line-height:1.2;letter-spacing:-.025em;margin-top:10px;overflow-wrap:anywhere}.heat-tool .ht-comparison .ht-metric strong{font-size:27px}#sonand-site .heat-tool .ht-insight{padding:18px;background:#fffdf5;border-left:3px solid #dfaa00;font-size:15px}#sonand-site .heat-tool .ht-small{font-size:13px;color:#52665a}.heat-tool .ht-note{border-left:3px solid #b2c6ad;padding:8px 15px}.heat-tool .ht-assumptions,.heat-tool .ht-method{border-top:1px solid #c5d2c1;border-bottom:1px solid #c5d2c1;padding:20px 0;margin-bottom:24px}.heat-tool summary{cursor:pointer;font-weight:700;font-size:17px;line-height:1.5}.heat-tool details[open] summary{margin-bottom:20px}.heat-tool .ht-method{margin-top:36px}.heat-tool .ht-reset{font:inherit;color:#203c32;background:transparent;border:1px solid #203c32;padding:12px 20px;border-radius:3px;cursor:pointer}.heat-tool .ht-error{color:#8b231b;background:#fff5f1;padding:18px;border-left:3px solid #a12b20}.heat-tool .ht-next{margin-top:32px;padding:35px;background:#f9f3dc}.heat-tool .ht-button{display:inline-block;background:#ffc306;color:#203c32;font-weight:700;padding:14px 22px;border-radius:3px;text-decoration:none;margin:0 0 16px}.heat-tool .ht-textlink{display:block;margin:0 0 16px;font-weight:700}.heat-tool .ht-mixbar{display:flex;height:15px;background:#b7d3b7;border-radius:3px;overflow:hidden;margin-bottom:8px}.heat-tool .ht-mixbar span{background:#203c32}.heat-tool :focus-visible{outline:3px solid #dba600;outline-offset:3px}
@media(max-width:760px){.heat-tool .ht-layout{grid-template-columns:1fr}.heat-tool .ht-results{position:static}.heat-tool .ht-fields{grid-template-columns:1fr 1fr}#sonand-site .heat-tool .ht-opening{padding:28px 22px}.heat-tool .ht-next{padding:25px}.heat-tool .ht-results{padding:24px}}
@media(max-width:440px){:is(#sonand-site,.editor-styles-wrapper) .heat-tool{padding:0 20px 40px}.heat-tool .ht-fields{grid-template-columns:1fr}.heat-tool legend{font-size:21px}.heat-tool .ht-next{padding:22px}.heat-tool input[type=number],.heat-tool select{font-size:16px}}

.ht-store-compare{margin-top:64px}.ht-table-wrap{overflow-x:auto}.ht-store-compare table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}.ht-store-compare th,.ht-store-compare td{padding:12px 7px;text-align:left;vertical-align:top;border-bottom:1px solid #c6d3c3;overflow-wrap:anywhere}.ht-store-compare thead{background:#203c32;color:white}.ht-store-compare th:first-child{width:42%}.ht-store-compare .ht-results{position:static}
