/* Sunstorm Water guides: key facts box and phone-friendly comparison tables
 * (Claude, October 7 2026). Layout only; the article text is unchanged. */
.key-facts{margin:26px 0 22px;padding:20px 22px 18px;border:1px solid #cfe3ee;border-left:4px solid #168bc5;border-radius:12px;background:linear-gradient(135deg,#f3f9fd,#fff 70%)}
.key-facts-title{margin:0 0 10px;font:600 13px/1.4 Montserrat,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#146f97}
.key-facts ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.key-facts li{position:relative;padding-left:22px;font-size:15px;line-height:1.6;color:#22394a}
.key-facts li:before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:50%;background:#168bc5;box-shadow:0 0 0 3px #d7edf8}
@media (max-width:700px){
 .key-facts{margin:20px 0 18px;padding:16px 16px 14px;border-radius:10px}
 .key-facts li{font-size:14.5px}
 /* wide comparison tables become one card per row on phones */
 .prose table.spectable.stack,.prose table.spectable.stack tbody,.prose table.spectable.stack tr,.prose table.spectable.stack td{display:block;width:100%}
 .prose table.spectable.stack{min-width:0!important;border:0;background:none}
 .prose table.spectable.stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .prose table.spectable.stack tr{margin:0 0 14px;border:1px solid #d5e4ec;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 14px #173b5208}
 .prose table.spectable.stack td{border:0;border-top:1px solid #e3eef4;padding:10px 14px;text-align:left}
 .prose table.spectable.stack td:first-child{border-top:0;background:#edf7fc;font-weight:700;color:#153347;font-family:Montserrat,Arial,sans-serif;letter-spacing:-.01em}
 .prose table.spectable.stack td:not(:first-child):before{content:attr(data-label);display:block;margin-bottom:2px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4f6574}
 .prose .stack-wrap{overflow:visible!important}
}