.nbs-wq-score-card{--wq-status:#1473ff;--wq-status-soft:#eef6ff;position:relative;grid-column:1/-1;display:grid;gap:20px;padding:24px;border:1px solid rgba(20,115,255,.18);border-radius:24px;background:linear-gradient(145deg,#fbfdff 0%,#f4f9ff 52%,#ffffff 100%);box-shadow:0 18px 44px rgba(6,28,63,.09);overflow:hidden}
.nbs-wq-score-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--wq-status),rgba(20,115,255,.18))}.nbs-wq-score-card:after{content:"";position:absolute;width:240px;height:240px;right:-110px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(20,115,255,.09),rgba(20,115,255,0) 70%);pointer-events:none}.nbs-wq-score-card.is-excellent{--wq-status:#0b78f6;--wq-status-soft:#edf7ff}.nbs-wq-score-card.is-good{--wq-status:#1473ff;--wq-status-soft:#eef6ff}.nbs-wq-score-card.is-fair{--wq-status:#c47a08;--wq-status-soft:#fff7e8}.nbs-wq-score-card.is-treatment{--wq-status:#b66400;--wq-status-soft:#fff3df}.nbs-wq-score-card.is-concern{--wq-status:#a23b32;--wq-status-soft:#fff0ed}.nbs-wq-score-card.has-health-alert{--wq-status:#a52d2d;--wq-status-soft:#ffefef}
.nbs-wq-score-heading{position:relative;z-index:1;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:24px;min-width:0}.nbs-wq-score-copy{display:grid;gap:5px;min-width:0}.nbs-wq-eyebrow{font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#53647a}.nbs-wq-score-heading h3{width:max-content;max-width:100%;margin:0;padding:4px 11px 5px;border-radius:999px;background:var(--wq-status-soft);color:#061c3f;font-size:1.62rem;line-height:1.2;font-weight:850}.nbs-wq-score-heading p{margin:2px 0 0;color:#657286;font-size:1rem}.nbs-wq-coverage{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;color:#68768a;font-size:.77rem;line-height:1.45}.nbs-wq-coverage span{position:relative}.nbs-wq-coverage span+span:before{content:"•";position:absolute;left:-8px;color:#9aa6b6}
.nbs-wq-drop{position:relative;width:150px;height:166px;display:grid;place-items:center;isolation:isolate}.nbs-wq-drop-halo{position:absolute;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(87,196,255,.30),rgba(20,115,255,.10) 48%,rgba(20,115,255,0) 72%);filter:blur(.2px)}.nbs-wq-drop-shape{position:relative;z-index:1;width:128px;height:150px;overflow:visible;filter:drop-shadow(0 9px 12px rgba(6,28,63,.16))}.nbs-wq-drop-outline{fill:none;stroke:rgba(15,103,218,.48);stroke-width:1.4}.nbs-wq-drop-water{opacity:.98}.nbs-wq-water-surface{fill:rgba(255,255,255,.55);filter:drop-shadow(0 1px 1px rgba(255,255,255,.5))}.nbs-wq-drop-glass{opacity:.72;pointer-events:none}.nbs-wq-water-level{transform:translateY(116px);animation:nbs-wq-fill 1.05s cubic-bezier(.16,.82,.24,1) .12s forwards}.nbs-wq-drop-value{position:absolute;z-index:3;left:50%;top:59%;transform:translate(-50%,-50%);display:grid;place-items:center;white-space:nowrap;pointer-events:none}.nbs-wq-drop-value strong{font-size:2.75rem;line-height:1;font-weight:900;letter-spacing:-.055em}.nbs-wq-drop.is-score-light .nbs-wq-drop-value{color:#fff;text-shadow:0 2px 5px rgba(0,40,100,.45),0 0 2px rgba(0,40,100,.35)}.nbs-wq-drop.is-score-dark .nbs-wq-drop-value,.nbs-wq-drop.is-empty .nbs-wq-drop-value{color:#061c3f;text-shadow:0 1px 0 rgba(255,255,255,.95),0 0 8px rgba(255,255,255,.9)}.nbs-wq-drop.is-empty .nbs-wq-water-level{display:none}.nbs-wq-drop.is-empty .nbs-wq-drop-outline{stroke-dasharray:4 4}
.nbs-wq-subscores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nbs-wq-subscore{--sub:#1473ff;--sub-end:#39a8ff;display:grid;gap:8px;padding:15px 16px;border:1px solid rgba(6,28,63,.09);border-radius:15px;background:rgba(255,255,255,.9);box-shadow:0 6px 18px rgba(6,28,63,.045)}.nbs-wq-subscore.is-fair{--sub:#c47a08;--sub-end:#e2a12f}.nbs-wq-subscore.is-treatment{--sub:#b66400;--sub-end:#dc9029}.nbs-wq-subscore.is-concern{--sub:#a23b32;--sub-end:#c65c52}.nbs-wq-subscore>span{font-size:.8rem;font-weight:650;color:#657286}.nbs-wq-subscore-line{display:flex;align-items:baseline;gap:3px}.nbs-wq-subscore strong{font-size:1.25rem;color:#061c3f;font-weight:850}.nbs-wq-subscore small{font-size:.68rem;font-weight:750;color:#758296}.nbs-wq-subscore-track{position:relative;display:block;height:7px;overflow:visible;border-radius:99px;background:#e7edf6;box-shadow:inset 0 1px 2px rgba(6,28,63,.06)}.nbs-wq-subscore-track b{display:block;height:100%;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,var(--sub),var(--sub-end));box-shadow:0 0 10px rgba(20,115,255,.12)}.nbs-wq-subscore-marker{position:absolute;z-index:2;top:50%;left:clamp(9px,var(--nbs-subscore-position),calc(100% - 9px));width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#082b55;box-shadow:0 2px 7px rgba(6,28,63,.36);transform:translate(-50%,-50%);pointer-events:none}
.nbs-wq-household-context,.nbs-wq-hardness-note{margin:0;padding:12px 14px;border-radius:13px;line-height:1.48}.nbs-wq-household-context{border:1px solid rgba(182,100,0,.20);background:#fff8eb;color:#6f4a12;font-size:.82rem;font-weight:650}.nbs-wq-hardness-note{border:1px solid rgba(20,115,255,.14);background:#f4f9ff;color:#506079;font-size:.77rem}
.nbs-wq-alerts,.nbs-wq-factors{display:grid;gap:10px}.nbs-wq-alerts h4,.nbs-wq-factors h4{margin:0;font-size:.91rem;color:#24344b;font-weight:800}.nbs-wq-alerts>div{display:flex;flex-wrap:wrap;gap:8px}.nbs-wq-alerts span{padding:8px 11px;border:1px solid rgba(36,75,126,.08);border-radius:999px;font-size:.76rem;font-weight:800;background:#eef5ff;color:#244b7e}.nbs-wq-alerts span.is-warning{background:#fff4df;color:#7b4a00;border-color:rgba(182,100,0,.14)}.nbs-wq-alerts span.is-critical{background:#ffeaea;color:#8a1e1e;border-color:rgba(162,59,50,.16)}
.nbs-wq-factors{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.nbs-wq-factors h4{grid-column:1/-1}.nbs-wq-factor{--factor:#1473ff;display:block;padding:13px 14px;border:1px solid rgba(6,28,63,.09);border-radius:14px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 5px 15px rgba(6,28,63,.035);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.nbs-wq-factor.is-fair{--factor:#c47a08}.nbs-wq-factor.is-treatment{--factor:#b66400}.nbs-wq-factor.is-concern{--factor:#a23b32}.nbs-wq-factor[href]:hover{transform:translateY(-1px);border-color:rgba(20,115,255,.26);box-shadow:0 8px 18px rgba(6,28,63,.07)}.nbs-wq-factor-main{display:grid;gap:4px;min-width:0}.nbs-wq-factor-name{font-weight:850;color:#132a4a}.nbs-wq-factor-measurement{display:flex;flex-wrap:wrap;gap:3px 8px;align-items:baseline;color:#657286;font-size:.76rem}.nbs-wq-factor-measurement b{color:#33465f;font-size:.9rem}.nbs-wq-factor-condition{margin-top:2px;color:#7b4a00;font-size:.78rem;font-weight:850}.nbs-wq-factor-impact{color:#657286;font-size:.74rem;font-weight:650;line-height:1.4}.nbs-wq-factor-view{margin-top:2px;color:#1473ff;font-size:.69rem;font-weight:800}.nbs-wq-disclosure{margin:0;padding-top:2px;font-size:.74rem;line-height:1.5;color:#6b778a}
.nbs-wq-score-card.is-compact{padding:13px 15px;border-radius:16px;box-shadow:none}.nbs-wq-score-card.is-compact:after{display:none}.nbs-wq-score-card.is-compact .nbs-wq-score-heading{grid-template-columns:76px minmax(0,1fr);gap:13px}.nbs-wq-score-card.is-compact .nbs-wq-drop{width:76px;height:80px}.nbs-wq-score-card.is-compact .nbs-wq-drop-halo{width:68px;height:68px}.nbs-wq-score-card.is-compact .nbs-wq-drop-shape{width:60px;height:70px}.nbs-wq-score-card.is-compact .nbs-wq-drop-value{top:59%}.nbs-wq-score-card.is-compact .nbs-wq-drop-value strong{font-size:1.35rem}.nbs-wq-score-card.is-compact .nbs-wq-eyebrow{font-size:.62rem}.nbs-wq-score-card.is-compact .nbs-wq-score-heading h3{font-size:1rem;padding:2px 7px}.nbs-wq-score-card.is-compact .nbs-wq-score-heading p{font-size:.76rem}.nbs-wq-score-card.is-compact .nbs-wq-coverage{font-size:.67rem}.nbs-wq-score-mini{display:inline-grid;grid-template-columns:auto 1fr;align-items:baseline;gap:5px;white-space:nowrap}.nbs-wq-score-mini strong{font-size:1rem;color:#061c3f}.nbs-wq-score-mini span{font-size:.72rem;color:#68768a}
@keyframes nbs-wq-fill{from{transform:translateY(116px)}to{transform:translateY(var(--nbs-water-offset))}}
@media (prefers-reduced-motion:reduce){.nbs-wq-water-level{animation:none;transform:translateY(var(--nbs-water-offset))}.nbs-wq-factor{transition:none}}
@media(max-width:720px){.nbs-wq-score-card{padding:18px;gap:17px;border-radius:20px}.nbs-wq-score-heading{grid-template-columns:128px minmax(0,1fr);gap:18px}.nbs-wq-drop{width:128px;height:145px}.nbs-wq-drop-halo{width:112px;height:112px}.nbs-wq-drop-shape{width:110px;height:129px}.nbs-wq-drop-value strong{font-size:2.35rem}.nbs-wq-score-heading h3{font-size:1.35rem}.nbs-wq-subscores{grid-template-columns:1fr}.nbs-wq-factors{grid-template-columns:1fr}}
@media(max-width:520px){.nbs-wq-score-heading{grid-template-columns:1fr;text-align:center;gap:34px}.nbs-wq-score-copy{justify-items:center}.nbs-wq-drop{margin:0 auto;width:150px;height:162px}.nbs-wq-drop-halo{width:128px;height:128px}.nbs-wq-drop-shape{width:128px;height:150px}.nbs-wq-drop-value strong{font-size:2.7rem}.nbs-wq-coverage{justify-content:center}.nbs-wq-coverage span+span:before{display:none}.nbs-wq-score-heading h3{font-size:1.45rem}.nbs-wq-factor{display:block}.nbs-wq-score-card.is-compact .nbs-wq-score-heading{grid-template-columns:66px minmax(0,1fr);text-align:left;gap:11px}.nbs-wq-score-card.is-compact .nbs-wq-score-copy{justify-items:start}.nbs-wq-score-card.is-compact .nbs-wq-drop{margin:0;width:66px;height:72px}.nbs-wq-score-card.is-compact .nbs-wq-drop-halo{width:60px;height:60px}.nbs-wq-score-card.is-compact .nbs-wq-drop-shape{width:54px;height:64px}.nbs-wq-score-card.is-compact .nbs-wq-coverage{justify-content:flex-start}}