/* v10.6: article-specific additions; shared site design stays unchanged */
.csa-hot-socket-article .csa-wa-hero-art img{display:block;width:100%;max-width:460px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:22px;box-shadow:0 18px 34px rgba(18,67,93,.12)}
.csa-hot-socket-article .csa-wa-article-body section{scroll-margin-top:26px}
.csa-radiator-diagram{display:block;margin:24px 0 12px;border-radius:17px;overflow:hidden;background:#ecf8fc}
.csa-radiator-diagram img{display:block;width:100%;height:auto}
.csa-radiator-note{padding:15px 19px;background:#e9f7fc;border-left:4px solid #168ba9;border-radius:12px;color:#184157;margin:17px 0}
.csa-radiator-danger{padding:18px 20px;background:#fff0e8;border-left:4px solid #b85a37;border-radius:12px;color:#613922;margin:18px 0}
.csa-radiator-faq details{padding:14px 18px;background:#f4f9fc;border:1px solid #dcebf3;border-radius:12px;margin:11px 0}
.csa-radiator-faq summary{font-weight:700;color:#123950;cursor:pointer}
.csa-radiator-faq p{margin:12px 0 0}
.csa-radiator-sources li{margin:10px 0}
.csa-hot-socket-article :is(a,button,select):focus-visible{outline:3px solid #087da2;outline-offset:3px}
@media(max-width:680px){.csa-radiator-danger,.csa-radiator-note{padding:14px 15px}.csa-hot-socket-article .csa-wa-hero-art img{max-width:100%}}

/* Additional styles for v10.6: carry forward existing tokens/cards and make both diagrams responsive. */
.csa-hot-socket-article .csa-radiator-diagram{background:#edf7fb;border:1px solid #d2e9f2;padding:0;margin:24px 0 16px;}
.csa-hot-socket-article .csa-radiator-diagram picture{display:block;width:100%}
.csa-hot-socket-article .csa-radiator-diagram figcaption{font-size:12px;line-height:1.5;color:#587385;background:#f6fbfd;padding:12px 17px;border-top:1px solid #d9eaf2}
.csa-hot-socket-article .csa-wa-table-scroll{max-width:100%}
.csa-hot-socket-article .csa-radiator-sources a,.csa-hot-socket-article .csa-wa-article-body p a{color:#087e9f!important;text-underline-offset:2px}
@media(max-width:640px){.csa-hot-socket-article .csa-radiator-diagram{margin:18px 0}.csa-hot-socket-article .csa-radiator-diagram figcaption{padding:11px;font-size:11.5px}.csa-hot-socket-article .csa-wa-table-scroll{overflow-x:auto}}

.csa-hot-socket-article .csa-wa-article-body table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.6}
.csa-hot-socket-article .csa-wa-article-body th{background:#e9f6fb;color:#153b55;font-weight:800;text-align:left}
.csa-hot-socket-article .csa-wa-article-body td,.csa-hot-socket-article .csa-wa-article-body th{padding:12px;border-bottom:1px solid #d9eaf1;vertical-align:top}
.csa-hot-socket-article .csa-wa-article-body td:first-child{font-weight:700}
.csa-hot-socket-article .csa-wa-article-body tr:nth-child(even){background:#f7fbfd}
@media(max-width:640px){.csa-hot-socket-article .csa-wa-article-body table{min-width:570px}}

.csa-hot-socket-article .csa-radiator-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #d9eaf1;border-radius:14px;margin:16px 0 20px;}
.csa-hot-socket-article .csa-wa-article-body table{min-width:570px;}
.csa-hot-socket-article .csa-wa-article-body ol li{margin:10px 0;}

@media(max-width:640px){.csa-hot-socket-article .csa-radiator-table-wrap{border:0;overflow:visible;} .csa-hot-socket-article .csa-radiator-table-wrap table,.csa-hot-socket-article .csa-radiator-table-wrap tbody,.csa-hot-socket-article .csa-radiator-table-wrap tr,.csa-hot-socket-article .csa-radiator-table-wrap td{display:block;width:100%;min-width:0!important;} .csa-hot-socket-article .csa-radiator-table-wrap thead{display:none;} .csa-hot-socket-article .csa-radiator-table-wrap tr{border:1px solid #d6e8ef;border-radius:12px;overflow:hidden;margin:0 0 13px;background:#f8fcfe;} .csa-hot-socket-article .csa-radiator-table-wrap td{padding:11px 15px;border-bottom:1px solid #e3edf2;font-weight:400;white-space:normal;overflow-wrap:anywhere;} .csa-hot-socket-article .csa-radiator-table-wrap td:last-child{border-bottom:0;} .csa-hot-socket-article .csa-radiator-table-wrap td::before{display:block;content:attr(data-label);color:#137a99;font-size:11px;letter-spacing:.045em;font-weight:800;text-transform:uppercase;margin-bottom:3px;} }

@media(max-width:640px){
.csa-hot-socket-article .csa-radiator-flow-diagram img{aspect-ratio:580/720;width:100%;height:auto;}
.csa-hot-socket-article .csa-radiator-patterns-diagram img{aspect-ratio:580/990;width:100%;height:auto;}
}

@media(max-width:640px){.csa-hot-socket-article .csa-heating-chain-diagram img{aspect-ratio:580/930;width:100%;height:auto}.csa-hot-socket-article .csa-heating-map-diagram img{aspect-ratio:580/1000;width:100%;height:auto}}

@media(max-width:640px){.csa-hot-socket-article .csa-heating-on-chain-diagram img{aspect-ratio:580/955;width:100%;height:auto}.csa-hot-socket-article .csa-heating-on-patterns-diagram img{aspect-ratio:580/1035;width:100%;height:auto}}

/* v10.6 diagrams: portrait sources need intrinsic mobile aspect ratios. */
@media(max-width:640px){.csa-hot-socket-article .csa-programmer-flow-diagram img{aspect-ratio:580/940!important;width:100%;height:auto!important}.csa-hot-socket-article .csa-programmer-timeline-diagram img{aspect-ratio:580/1000!important;width:100%;height:auto!important}}
.csa-hot-socket-article .csa-wa-diagnostic select{min-width:0;max-width:100%}

/* v10.6 lighting-only responsive art: preserve established page styles. */
.csa-hot-socket-article .csa-nav-electrical{color:#006c9a!important;border-bottom-color:#007eaf!important}
.csa-hot-socket-article .csa-radiator-diagram{margin:24px 0 19px;background:#ecf8fc}
.csa-hot-socket-article .csa-radiator-diagram picture{display:block;width:100%}
.csa-hot-socket-article .csa-radiator-diagram img{display:block;width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain;max-width:100%;}
.csa-hot-socket-article .csa-wa-diagnostic select{min-width:0;max-width:100%}
.csa-hot-socket-article .csa-wa-hero-art img{max-width:460px}
@media(max-width:640px){.csa-hot-socket-article .csa-radiator-table-wrap{overflow:visible;border:0}.csa-hot-socket-article .csa-radiator-table-wrap table,.csa-hot-socket-article .csa-radiator-table-wrap tbody,.csa-hot-socket-article .csa-radiator-table-wrap tr,.csa-hot-socket-article .csa-radiator-table-wrap td{display:block;width:100%;min-width:0!important}.csa-hot-socket-article .csa-radiator-table-wrap thead{display:none}.csa-hot-socket-article .csa-radiator-table-wrap tr{background:#f4fafe;margin:0 0 12px;padding:12px 13px;border:1px solid #dcebf3;border-radius:12px}.csa-hot-socket-article .csa-radiator-table-wrap td{border:0;padding:5px!important}.csa-hot-socket-article .csa-radiator-table-wrap td::before{content:attr(data-label) ': ';font-weight:800;color:#123e59}}
/* Make the eight-way diagnostic match the approved washer diagnostic cards. */
.csa-hot-socket-article .csa-wa-diagnostic{background:#edf7fb;border:1px solid #d3eaf2;padding:21px 22px 18px;border-radius:16px;margin:22px 0 25px}
.csa-hot-socket-article .csa-wa-diagnostic label{display:block;color:#0d3351;font-size:15px;font-weight:700;margin-bottom:10px}
.csa-hot-socket-article .csa-wa-diagnostic-row{display:flex;gap:9px;align-items:stretch}
.csa-hot-socket-article .csa-wa-diagnostic-row select{flex:1;min-width:0;border:1px solid #bcd5e0;border-radius:8px;padding:12px 13px;font-size:14px;background:#fff;color:#214059}
.csa-hot-socket-article .csa-wa-diagnostic-row button{border:0;border-radius:8px;background:#0788a7;color:#fff;padding:12px 17px;font-size:13px;font-weight:750;cursor:pointer}
.csa-hot-socket-article .csa-wa-diagnostic-row button:hover{background:#006e91}
.csa-hot-socket-article .csa-wa-diagnostic-result{font-size:14px;line-height:1.65;color:#315e75;margin-top:13px}
.csa-hot-socket-article .csa-wa-diagnostic-result a{color:#007eab!important;text-decoration:underline!important;font-weight:800}
@media(max-width:640px){.csa-hot-socket-article .csa-wa-diagnostic{padding:16px}.csa-hot-socket-article .csa-wa-diagnostic-row{flex-direction:column}.csa-hot-socket-article .csa-wa-diagnostic-row button{width:100%}}
/* Ensure only Electrical is active in the inherited cumulative site navigation. */
.csa-hot-socket-article .csa-nav-appliances,.csa-hot-socket-article .csa-nav-heating{color:#22374f!important;border-bottom-color:transparent!important}
.csa-hot-socket-article .csa-nav-electrical{color:#006c9a!important;border-bottom-color:#007eaf!important}

/* Article-specific v10.6 diagram bounds and mobile grid. */
.csa-hot-socket-article .csa-radiator-diagram picture{display:block;width:100%}
.csa-hot-socket-article .csa-radiator-diagram img{display:block;width:100%;height:auto!important;max-width:100%;aspect-ratio:auto!important;object-fit:contain}
.csa-hot-socket-article .csa-wa-hero-art img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;max-width:460px}
.csa-hot-socket-article .csa-radiator-table-wrap table{table-layout:fixed}
@media(max-width:640px){.csa-hot-socket-article .csa-radiator-table-wrap table{min-width:0!important}.csa-hot-socket-article .csa-radiator-table-wrap tr,.csa-hot-socket-article .csa-radiator-table-wrap tbody,.csa-hot-socket-article .csa-radiator-table-wrap td{display:block;width:100%!important;max-width:100%;overflow-wrap:anywhere}.csa-hot-socket-article .csa-radiator-table-wrap td::before{content:attr(data-label)!important;display:block!important}}

/* v10.7: preserve responsive mobile illustrations and focus styles */
.csa-hot-socket-article .csa-radiator-diagram img{width:100%;max-width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain;}