/* Reference sampling summary, scoped exclusively to the existing audience phone screen. */
.connected-data-system .verified-hydro-insights{container-type:inline-size;gap:10px;background:linear-gradient(145deg,#fff,#f8fbff);border-radius:12px}
.connected-data-system .verified-hydro-insights .verified-profile-heading{gap:6px;margin:0;min-height:28px}
.connected-data-system .verified-hydro-insights .verified-profile-heading h3{font-size:clamp(10px,5.1cqw,13px);line-height:1.15;letter-spacing:-.35px;color:#070d2d;font-weight:600}
.connected-data-system .verified-hydro-insights .verified-avatar{width:27px;height:27px}
.connected-data-system .verified-hydro-insights .verified-status{width:18px;height:18px}
.connected-data-system .hydro-sample-summary{display:grid;grid-template-columns:1.05fr 1fr;gap:9px;align-items:center;flex:0 0 29%;min-height:0;padding-top:8px}
.connected-data-system .hydro-product-circle{position:relative;aspect-ratio:1;width:100%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#eff9ff,#dff1ff);overflow:visible}
.connected-data-system .hydro-product-circle svg{position:absolute;left:50%;bottom:-1%;transform:translateX(-50%) rotate(-4deg);height:115%;width:auto;overflow:visible;filter:drop-shadow(2px 6px 5px #1377ad26)}
.connected-data-system .hydro-delivered{min-width:0;color:#07102e}
.connected-data-system .hydro-delivered>strong{display:block;font-size:clamp(26px,15cqw,38px);font-weight:700;line-height:1;letter-spacing:-1.5px;white-space:nowrap}
.connected-data-system .hydro-delivered>span{display:block;font-size:clamp(11px,6.8cqw,17px);line-height:1.2;font-weight:600;margin-top:9px;color:#687f9d}
.connected-data-system .hydro-delivered>p{font-size:clamp(9px,4.9cqw,12px);line-height:1.25;color:#7185a0;margin:4px 0 0}
.connected-data-system .hydro-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:7px;flex:1;min-height:0;padding:3px 0}
.connected-data-system .hydro-metric{display:flex;align-items:center;gap:6px;min-width:0;min-height:0;padding:7px 5px;border:1px solid #edf4fb;border-radius:12px;background:linear-gradient(140deg,#fff,#fbfdff);box-shadow:0 4px 12px #276ea509}
.connected-data-system .hydro-metric-icon{flex-shrink:0;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#eaf5ff;color:#168aff}
.connected-data-system .hydro-metric-icon svg{width:15px;height:15px}
.connected-data-system .hydro-icon-purple{background:#f1edff;color:#7855ed}
.connected-data-system .hydro-icon-green{background:#e6f8f3;color:#0cbb8b}
.connected-data-system .hydro-icon-pink{background:#fff0f4;color:#fb526c}
.connected-data-system .hydro-metric>div{min-width:0}
.connected-data-system .hydro-metric strong{display:block;font-size:clamp(13px,7.1cqw,19px);font-weight:650;line-height:1.1;letter-spacing:-.5px;color:#07102e}
.connected-data-system .hydro-metric>div>span{display:block;font-size:clamp(8px,4cqw,10px);font-weight:400;line-height:1.25;margin-top:1px;color:#6b819f;overflow-wrap:normal}
@media(min-width:1024px) and (max-width:1199px){.connected-data-system .hydro-metric{gap:4px;padding:6px 4px}.connected-data-system .hydro-metric-icon{width:21px;height:21px}.connected-data-system .hydro-metric-icon svg{width:14px;height:14px}}

/* Compact values make room for the full-width insight action inside the screen. */
.connected-data-system .verified-hydro-insights{gap:8px}
.connected-data-system .verified-hydro-insights .hydro-sample-summary{flex-basis:27%}
.connected-data-system .hydro-deeper-insights{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;min-height:30px;box-sizing:border-box;padding:8px 5px;border:0;border-radius:8px;background:linear-gradient(105deg,#1887d5,#26a9e8);box-shadow:0 3px 7px #168aff20;color:#fff;font:500 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:0;text-decoration:none;text-align:center}
.connected-data-system .hydro-deeper-insights:focus-visible{outline:2px solid #168aff;outline-offset:2px}

/* Use the two editorial lines consistently, without additional automatic wrapping. */
.connected-data-system .hydro-metric>div>.hydro-metric-label{white-space:nowrap}