/* Web content audit (widgets/webcontent/webcontent.js) */
.wc { --q0: #29abe2; --q1: #f7931e; --q2: #ed1c24; display: flex; flex-direction: column; gap: 10px; padding: 16px 20px 14px; background: var(--tile-bg); }
.wc__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 14px; }
.wc__eyebrow { font-size: 12px; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.wc__keys { display: flex; gap: 12px; font-size: 12px; color: var(--ink-2); }
.wc__key { display: inline-flex; align-items: center; gap: 5px; }
.wc__key::before { content: ''; width: 14px; height: 6px; border-radius: 3px; background: var(--q0); }
.wc__key--1::before { background: var(--q1); }
.wc__key--2::before { background: var(--q2); }
.wc__rows { flex: 1; min-height: 0; display: grid; grid-auto-rows: 1fr; }
.wc__row { display: grid; grid-template-columns: minmax(84px, 22%) 1fr; align-items: center; gap: 12px; border-radius: 10px; padding: 0 8px; transition: background .2s ease; }
.wc__row.is-on { background: var(--bg); }
.wc__name { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--ink); text-align: right; }
.wc__pair { display: grid; gap: 4px; }
.wc__bar { display: grid; grid-template-columns: 62px 1fr; align-items: center; gap: 6px; }
.wc__bar i { font-style: normal; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); text-align: right; }
.wc__track { display: flex; height: 9px; width: 0; border-radius: 5px; overflow: hidden; transition: width .9s cubic-bezier(.2,.8,.2,1); }
.wc.is-grown .wc__track { width: var(--w); }
.wc__seg--0 { background: var(--q0); }
.wc__seg--1 { background: var(--q1); }
.wc__seg--2 { background: var(--q2); }
.wc__read { min-height: 1.4em; font-size: 13px; color: var(--ink-2); }
.wc__read b { color: var(--ink); margin-right: 8px; }
@media (prefers-reduced-motion: reduce) { .wc__track { transition: none; } }
/* Stacked page: rows keep their own height; the frame grows around them. */
.is-vertical .wc__rows { flex: none; grid-auto-rows: minmax(44px, auto); }