.reef-callout{margin:24px 0 8px;padding:18px 22px;border-radius:14px;display:flex;align-items:center;gap:16px;border:1px solid rgba(15,24,40,.08);font-family:'Outfit',system-ui,-apple-system,sans-serif;flex-wrap:wrap}
.reef-callout-icon{font-size:28px;line-height:1;flex-shrink:0}
.reef-callout-meta{flex:1;min-width:220px}
.reef-callout-h{font-family:'Outfit',sans-serif;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#7a8794;font-weight:700;margin-bottom:3px}
.reef-callout-label{font-family:'Fraunces',serif;font-weight:500;font-size:22px;letter-spacing:-.01em;line-height:1.1;margin-bottom:3px}
.reef-callout-line{font-size:13.5px;line-height:1.55;color:#1F2937;margin:0}
.reef-callout[data-q="great"]{background:linear-gradient(135deg,rgba(45,212,191,.18),rgba(14,159,143,.06));border-color:rgba(14,159,143,.32)}
.reef-callout[data-q="great"] .reef-callout-label{color:#0E9F8F}
.reef-callout[data-q="decent"]{background:linear-gradient(135deg,rgba(244,162,97,.12),rgba(244,162,97,.04));border-color:rgba(244,162,97,.32)}
.reef-callout[data-q="decent"] .reef-callout-label{color:#C95A50}
.reef-callout[data-q="limited"]{background:linear-gradient(135deg,rgba(15,24,40,.05),rgba(15,24,40,.02));border-color:rgba(15,24,40,.12)}
.reef-callout[data-q="limited"] .reef-callout-label{color:#1F2937}
@media(max-width:520px){.reef-callout{padding:14px 16px;gap:12px}.reef-callout-label{font-size:18px}.reef-callout-icon{font-size:22px}}