main{max-width:1240px;margin:auto;padding:28px 28px 60px}.hub-intro{padding-left:0;padding-right:0}.water-reference{background:#fff;border:1px solid #ddd7e5;border-radius:12px;overflow:hidden}.water-reference h2{margin:0;padding:22px 24px;color:#4b2d6e;font-size:22px}.water-table-scroll{overflow-x:auto}.water-table-scroll:focus-visible{outline:3px solid #6d4788;outline-offset:-3px}table{width:100%;border-collapse:collapse;min-width:700px;text-align:left;font-size:15px;line-height:1.55}caption{text-align:left;padding:0 24px 18px;color:#655d6b}th,td{padding:18px 24px;vertical-align:top;border-top:1px solid #e5e0eb}thead th{background:#4b2d6e;color:white;font-weight:700}tbody th{color:#4b2d6e;width:17%}tbody tr:nth-child(even){background:#f7f4fa}td{width:27.66%}@media(max-width:700px){main{padding:18px 16px 40px}th,td{padding:14px 16px}.water-reference h2{padding:18px 16px}caption{padding-left:16px}}@media print{.guide-nav,.skip,.source-link,footer{display:none}header{background:white!important;color:#333!important}main{max-width:none;padding:0}.water-reference{border-radius:0;box-shadow:none}.water-table-scroll{overflow:visible}table{min-width:0;font-size:10pt}thead{display:table-header-group}tr{break-inside:avoid}th,td{padding:10px}thead th{background:#eee!important;color:#111!important}}

.hardness-reference{margin-top:28px}.section-intro{margin:0;padding:0 24px 18px;color:#655d6b;max-width:850px;line-height:1.6}.hardness-table tbody th{width:33%}.hardness-table td{width:33%}.hardness-table{min-width:570px}@media(max-width:700px){.section-intro{padding-left:16px;padding-right:16px}}@media print{.hardness-table{min-width:0}.hardness-reference{break-inside:avoid;margin-top:20px}}

.response-intro{margin-top:40px;line-height:1.65}.response-intro h2{color:#4b2d6e;font-size:27px}.response-intro p{max-width:1050px}.response-note{font-size:14px;color:#655d6b}.water-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.water-jumps a{padding:9px 14px;border:1px solid #d8cde4;border-radius:7px;background:#fff;color:#4b2d6e;font-weight:650;text-decoration:none}.water-jumps a:hover{background:#eee7f6}.response-keys,.response-section{margin-top:28px;scroll-margin-top:20px}.response-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0 24px 24px}.response-key-grid h3{margin-top:0;color:#4b2d6e}.key-item{border-top:1px solid #e5e0eb;padding:16px 0 0;margin-top:16px}.key-item p{font-size:14px;line-height:1.6;margin-top:8px}.response-badge{display:inline-block;padding:5px 9px;border-radius:5px;font-size:12px;line-height:1.4;font-weight:700;color:#15241c}.response-g{background:#bcf0d0;border:1px solid #13934d}.response-y{background:#fff3a0;border:1px solid #bd9c00}.response-r{background:#ffd1cd;border:1px solid #c63930}.response-table{min-width:920px;font-size:13px;table-layout:fixed}.response-table th,.response-table td{padding:13px 14px;width:auto}.response-table thead th:first-child,.response-table tbody th{width:18%}.response-table thead th:nth-child(2){width:34%}.response-table thead th:nth-child(n+3){width:12%;text-align:center}.response-cell{text-align:center;vertical-align:middle}.indigo-example strong{display:block;font-size:13px}.indigo-example small{display:block;font-size:12px;line-height:1.5;margin-top:6px;color:#655d6b}.indigo-example a{display:inline-block;margin-top:7px;color:#4b2d6e;font-size:12px}.water-originals{margin-top:30px;border:1px solid #ddd7e5;border-radius:10px;background:white;padding:20px}.water-originals summary{cursor:pointer;color:#4b2d6e;font-weight:700}.water-originals img{display:block;width:auto;max-width:100%;height:auto;margin:22px auto}@media(max-width:700px){.response-key-grid{grid-template-columns:1fr;padding:0 16px 16px;gap:20px}.response-intro h2{font-size:23px}}@media print{.water-jumps,.water-originals{display:none}.response-key-grid{gap:20px}.response-section{break-before:page;border:0;overflow:visible}.response-table{min-width:0;font-size:7pt;table-layout:fixed}.response-table th,.response-table td{padding:5px}.response-badge{font-size:7pt;padding:3px}.indigo-example strong,.indigo-example small,.indigo-example a{font-size:7pt}.response-badge{print-color-adjust:exact;-webkit-print-color-adjust:exact}.response-section h2{font-size:16pt}.response-table caption{font-size:9pt}}