/* Waterphile Score: badge, info buttons, panels, breakdown, /score/ page. Design D. */
/* info button: thin-line circled i (assets-icons/info/info-i.svg), 15px glyph inside a 32px invisible tap target */
.ix,.pv .ix{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:content-box;width:16px;height:16px;padding:8px;margin:-8px -8px -8px -3px;border:0!important;border-radius:50%;background:none!important;color:#8a8a8a;cursor:pointer;vertical-align:middle;flex:none;font:inherit;line-height:0;-webkit-tap-highlight-color:transparent}
.ix svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;overflow:visible}.ix svg .d{fill:currentColor;stroke:none}
.ix:hover,.ix[aria-expanded=true]{color:var(--spot)}.ix:focus{outline:none}.ix:focus-visible{outline:2px solid var(--spot);outline-offset:-5px}
.ix-static{cursor:default;margin:0;padding:0 2px;vertical-align:-2px}
.ix-tip{position:absolute;z-index:80;background:var(--sheet);color:var(--ink);border:3px solid var(--ink);padding:12px 14px 12px;font-size:14px;line-height:1.45;box-shadow:6px 6px 0 rgba(17,17,17,.12)}
.ix-tip b{display:block;font-size:16px;font-weight:800;margin-bottom:4px}.ix-tip p{margin:0 0 6px}.ix-tip .ix-i{font-weight:700}.ix-tip a{color:var(--spot);font-weight:600}
/* homepage score strip */
.p-scores{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;margin:14px 0 0}
.psc{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.psc .n{font-weight:900;font-size:clamp(34px,3.2vw,46px);line-height:1;letter-spacing:-.03em;color:var(--c)}
.psc .of{font-weight:700;font-size:18px;color:var(--mut)}.psc .cv{font-size:14px;color:var(--mut)}.psc .ned{font-weight:700;font-size:18px;color:var(--mut)}
.psc .lbl{font-weight:800;font-size:15px}
.p-scl{font-size:14px;margin:6px 0 0;color:var(--mut)}.p-scl a{color:var(--ink);font-weight:600}
.p-k{display:flex;align-items:center}
/* brand page score */
.bsc{border:3px solid var(--ink);background:var(--sheet);padding:16px 20px 14px;margin:0 0 22px}
.bsc-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:3px solid var(--ink);padding-bottom:10px}
.bsc-h .n{font-weight:900;font-size:56px;line-height:.9;letter-spacing:-.04em}.bsc-h .of{font-weight:700;font-size:20px;color:var(--mut)}
.bsc-h .t{font-weight:800;font-size:18px;display:flex;align-items:center}.bsc-h .cv{margin-left:auto;font-size:14px;color:var(--mut)}
.why{list-style:none;margin:0;padding:0}
.why li{display:grid;grid-template-columns:170px 1fr 120px 44px;gap:14px;align-items:center;padding:7px 0;border-bottom:1px solid #d6d3cb;font-size:15px}
.why .k{font-weight:700;display:flex;align-items:center}.why .v{color:var(--ink)}.why .v small{color:var(--mut)}
.why .bar{height:8px;background:#e4e1da;position:relative}.why .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--spot)}
.why .s{font-weight:800;text-align:right}.why li.miss{color:var(--mut)}.why li.miss .k{font-weight:600}
.bsc-f{font-size:13px;color:var(--mut);margin:10px 0 0}.bsc-f a{color:var(--ink);font-weight:600}
/* /score/ page */
.sp .prose h2{margin-top:34px}.sp table{border-collapse:collapse;width:100%;font-size:14.5px;background:var(--sheet);border:3px solid var(--ink)}
.sp th,.sp td{text-align:left;padding:8px 10px;border-bottom:1px solid #d6d3cb;vertical-align:top}.sp th{font-weight:800;border-bottom:3px solid var(--ink)}
.sp td.r,.sp th.r{text-align:right}.sp .ex td:first-child{font-weight:700}.sp .tot td{font-weight:900;border-top:3px solid var(--ink)}
.sp .rank td:nth-child(3){font-weight:900}
.sp .tw{overflow-x:auto;margin:10px 0 6px}
@media(max-width:640px){.p-scores{column-gap:18px}.psc{gap:6px}.psc .cv{width:100%}
 .why li{grid-template-columns:1fr 70px 38px;gap:8px}.why .v{grid-column:1/-1;grid-row:2;font-size:14px}.bsc-h .n{font-size:46px}.bsc-h .cv{margin-left:0;width:100%}}
.why .v small{font-size:13px}
.sp .prose{max-width:none}.sp .prose .body>p,.sp .prose .body>ul,.sp .prose .body>h2{max-width:680px}