/* The approved matte family uses one canvas and preserves every silhouette. */
.bradial-editorial-icon{object-fit:contain!important;object-position:center;aspect-ratio:1;flex-shrink:0;user-select:none;pointer-events:none}
/* Metrics share the light blue surfaces, rounded geometry and quiet border
   used by the rest of Bradial. Illustrations are fully contained. */
.metric-card:nth-child(n){min-height:210px;padding:26px;border:1px solid #c9e3f8;border-radius:26px;background:linear-gradient(145deg,#f8fcff,#e6f3ff);box-shadow:inset 0 0 0 1px #ffffffb3,0 14px 32px -26px #245f8c55}
.metric-copy{width:60%;max-width:250px}
.metric-card:nth-child(n) .metric-value{color:var(--ink)}
.metric-card:nth-child(n) .metric-label{max-width:225px;color:#526f89}
.metric-card:nth-child(n) .metric-art{width:144px;height:144px;right:18px;bottom:18px}
@media(min-width:680px) and (max-width:980px){.metric-card:nth-child(n){min-height:210px;padding:24px}.metric-card:nth-child(n) .metric-art{width:112px;height:112px;right:16px;bottom:18px}}
@media(max-width:679px){.metric-card:nth-child(n){display:flex;flex-direction:column;min-height:244px;padding:18px 14px 14px;border-radius:22px}.metric-copy{width:100%;max-width:none;margin-bottom:12px}.metric-card:nth-child(n) .metric-label{max-width:none;margin-top:12px;font-size:15.5px;line-height:1.45}.metric-card:nth-child(n) .metric-art{position:relative;right:auto;bottom:auto;width:92px;height:92px;align-self:flex-end;flex-shrink:0;margin-top:auto}}
@media(max-width:360px){.metric-card:nth-child(n){padding-inline:12px;border-radius:20px}.metric-card:nth-child(n) .metric-art{width:82px;height:82px}}