/* Content inventory uses the survey's count-up and a complete, unbroken ring. */
.wl-content-totals { margin: 0 auto 80px; text-align: center; }
.wl-content-totals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; width: min(900px, 100%); margin: 0 auto; padding: 0; }
.wl-content-total { display: flex; flex-direction: column; align-items: center; gap: 18px; min-width: 0; }
.wl-content-total dt { order: 1; color: var(--wl-ink); font-size: 20px; font-weight: 700; line-height: 1.5; letter-spacing: -.045em; word-break: keep-all; }
.wl-content-total-stat { position: relative; display: grid; place-items: center; width: 216px; max-width: 100%; aspect-ratio: 1; margin: 0; }
.wl-content-total-ring { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from -90deg, transparent 0% var(--wl-total-progress, 100%), var(--wl-line) var(--wl-total-progress, 100%) 100%), conic-gradient(from -90deg, #7b59bd 0%, #b69adf 50%, #7b59bd 100%); mask: radial-gradient(farthest-side, transparent calc(100% - 7px), #000 calc(100% - 6px)); }
.wl-content-total-number { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding-inline: 14px; color: var(--wl-purple); }
/* Leave room for the last glyph inside the gradient's text paint bounds. */
.wl-content-total-number strong { padding-inline: .1em; font-size: 56px; font-weight: 700; line-height: 1.15; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.wl-content-total-number > span { font-size: 17px; font-weight: 700; line-height: 1.4; }
.wm-landing .wl-content-totals-source { margin: 22px 0 0; color: var(--wl-muted); font-size: 12px; line-height: 1.7; }
@supports (background-clip: text) or (-webkit-background-clip: text) {
    .wl-content-total-number strong { background: var(--wl-emphasis-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
}
@media (max-width: 767px) {
    .wl-content-totals { margin-bottom: 56px; }
    .wl-content-totals-grid { gap: 24px; }
    .wl-content-total { gap: 14px; }
    .wl-content-total-stat { width: 170px; }
    .wl-content-total-number strong { font-size: 42px; }
    .wl-content-total dt { font-size: 17px; }
}
@media (max-width: 639px) {
    .wl-content-totals-grid { grid-template-columns: 1fr; gap: 24px; max-width: 360px; }
    .wl-content-total { display: grid; grid-template-columns: 148px minmax(0, 1fr); gap: 20px; text-align: left; }
    .wl-content-total-stat { width: 148px; }
    .wl-content-total-ring { mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px)); }
    .wl-content-total-number { gap: 4px; padding-inline: 10px; }
    .wl-content-total-number strong { font-size: 36px; }
    .wl-content-total-number > span { font-size: 14px; }
    .wm-landing .wl-content-totals-source { margin-top: 18px; font-size: 11px; }
}