/* Age profiles sit beside each existing age/value pair in the floating card. */
.connected-data-system .floating-profile>.floating-age-group{display:flex;gap:6px;align-items:center;min-width:0}
.connected-data-system .age-profile-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#e5f4ff;color:#299ee5;font-style:normal}
.connected-data-system .age-profile-icon svg{display:block;width:21px;height:21px;max-height:none}
.connected-data-system .age-profile-1{background:#eeeaff;color:#8064dc}
.connected-data-system .age-profile-2{background:#e3f5f0;color:#26a18b}
.connected-data-system .floating-age-group>span{white-space:nowrap}
.connected-data-system .floating-feedback-rating{display:flex;align-items:center;gap:8px}
.connected-data-system .floating-feedback-rating>svg{display:block;width:19px;height:19px;max-height:none;fill:#ffa72b;flex-shrink:0}
/* Consumer context first, followed by the existing quote and a half-filled star rating. */
.connected-data-system .consumer-feedback-card .feedback-consumer-profile{display:flex;align-items:flex-start;gap:8px;margin:12px 0 15px}
.connected-data-system .feedback-profile-avatar{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:50%;color:#32a5ed;background:#eaf5ff}
.connected-data-system .feedback-profile-avatar svg{width:20px;height:20px}
.connected-data-system .feedback-profile-tags{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.connected-data-system .feedback-profile-tags>span{padding:4px 6px;border:1px solid #e5eef8;border-radius:7px;background:#f4f9ff;font-size:9px;line-height:1.2;color:#526c88;white-space:nowrap}
.connected-data-system .consumer-feedback-card .feedback-quote-rating{display:flex;align-items:center;gap:10px}
.connected-data-system .consumer-feedback-card .feedback-quote-rating blockquote{flex:1;min-width:0;margin:0;font-size:14px;line-height:1.3}
.connected-data-system .feedback-half-stars{flex:0 0 70px}
.connected-data-system .feedback-half-stars>svg{display:block;width:100%;height:auto}
@media(min-width:1024px) and (max-width:1199px){.connected-data-system .age-profile-icon{width:25px;height:25px}.connected-data-system .age-profile-icon svg{width:17px;height:17px}.connected-data-system .floating-profile>.floating-age-group{gap:4px}}
@media(max-width:650px){.connected-data-system .age-profile-icon{width:18px;height:18px}.connected-data-system .age-profile-icon svg{width:13px;height:13px}.connected-data-system .floating-profile>.floating-age-group{gap:3px}.connected-data-system .callout-audience .floating-profile{gap:5px;font-size:8px}.connected-data-system .callout-audience .floating-profile strong{font-size:12px}.connected-data-system .feedback-half-stars{flex-basis:64px}}

/* Rating accompanies the title; the product balances the quote at bottom right. */
.connected-data-system .consumer-feedback-card .feedback-card-heading{display:flex;align-items:center;justify-content:space-between;gap:9px}
.connected-data-system .consumer-feedback-card .feedback-card-heading h3{margin:0;flex:1}
.connected-data-system .consumer-feedback-card .feedback-card-heading .feedback-half-stars{flex:0 0 76px;text-align:right}
.connected-data-system .feedback-card-heading .feedback-half-stars>span{display:block;font-size:9px;line-height:1.2;color:#667b90;margin-top:3px;white-space:nowrap}
.connected-data-system .consumer-feedback-card .feedback-quote-rating{align-items:flex-end}
.connected-data-system .feedback-hydro-circle{position:relative;flex:0 0 66px;width:66px;height:66px;margin:13px 0 0;border-radius:50%;background:radial-gradient(circle at 40% 35%,#eff9ff,#dff1ff)}
.connected-data-system .feedback-hydro-circle>svg{position:absolute;left:50%;bottom:-1%;height:115%;width:auto;transform:translateX(-50%) rotate(-4deg);overflow:visible;filter:drop-shadow(2px 4px 4px #1377ad22)}

.connected-data-system .callout-response .floating-feedback-rating{flex-wrap:wrap;gap:6px 8px}
.connected-data-system .callout-response .floating-feedback-rating>.floating-filled-stars{width:80px;height:16px;fill:none}

/* Keep the rating beside its heading and the quote directly below the profile tags. */
.connected-data-system .consumer-feedback-card .feedback-card-heading{justify-content:flex-start;gap:10px}
.connected-data-system .consumer-feedback-card .feedback-card-heading h3{flex:0 1 auto}
.connected-data-system .consumer-feedback-card .feedback-card-heading .feedback-half-stars{flex:0 0 90px}
.connected-data-system .consumer-feedback-card .feedback-consumer-profile{margin-bottom:6px}
.connected-data-system .consumer-feedback-card .feedback-quote-rating{align-items:flex-start}
.connected-data-system .consumer-feedback-card .feedback-hydro-circle{align-self:flex-end}
.connected-data-system .feedback-hydro-circle>svg{transform:translateX(-50%) rotate(20deg)}

/* The sidebar points are informational, without button affordances. */
.connected-data-system .insight-panel .feature-key-point{cursor:default}
.connected-data-system .insight-panel .feature-key-point:hover{background:#fff}
/* Fit the feedback card to its contents, aligning the circle with the quote baseline. */
.connected-data-system .feedback .consumer-feedback-card{height:auto;min-height:0;padding-bottom:12px}
.connected-data-system .consumer-feedback-card .feedback-consumer-profile{margin-top:14px;margin-bottom:10px}
.connected-data-system .consumer-feedback-card .feedback-hydro-circle{margin:0;align-self:flex-end}

/* Give the quote more presence while retaining its established top edge. */
.connected-data-system .consumer-feedback-card .feedback-quote-rating blockquote{font-size:16px;line-height:1.35}
.connected-data-system .consumer-feedback-card .feedback-hydro-circle{transform:translateY(3px)}
