/* Research → Browse distribution (partials/mw-dist.hbs, mw-dist.js): a ranked share per row, thin bars,
   tabular numerals, a quiet header. Products in the house gold, topics in the site blue; no other hues. */
.mw-dist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 4rem; margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--mw-line); }
.mw-dist__chart--product { --dist: var(--noble-gold); --dist-soft: rgba(212, 175, 55, 0.55); }
.mw-dist__chart--topic { --dist: var(--accent-glow); --dist-soft: rgba(0, 163, 255, 0.55); }
.mw-dist__table { width: 100%; border-collapse: collapse; table-layout: fixed; font-variant-numeric: tabular-nums lining-nums; }
.mw-dist__table thead th { padding: 0 0 0.6rem; border-bottom: 1px solid var(--mw-line); color: var(--mw-text-3); font: 600 0.62rem/1 var(--font-body); letter-spacing: 0.2em; text-transform: uppercase; text-align: start; }
.mw-dist__table thead th:first-child { width: 42%; }
.mw-dist__table thead .mw-dist__n { width: 3.6rem; }
.mw-dist__table thead .mw-dist__share { width: 3.4rem; }
.mw-dist__table thead .mw-dist__spark { width: 4.2rem; white-space: nowrap; letter-spacing: 0.12em; }
.mw-dist__table tbody tr { border-bottom: 1px solid var(--mw-line); transition: background-color 0.2s ease; }
.mw-dist__table tbody tr:hover { background: rgba(255, 255, 255, 0.025); }
.mw-dist__table th[scope="row"], .mw-dist__table td { padding: 0; vertical-align: middle; }
.mw-dist__name { display: flex; align-items: center; gap: 0.7rem; min-height: 52px; padding-inline-end: 1rem; color: var(--pure-white); font: 700 1.02rem/1.25 var(--font-display); text-align: start; text-decoration: none; }
.mw-dist__name:hover, .mw-dist__name:focus-visible { color: var(--dist); }
.mw-dist__name:focus-visible { outline: 2px solid var(--accent-glow); outline-offset: 2px; border-radius: 4px; }
.mw-dist__icon { display: inline-flex; flex-shrink: 0; width: 20px; justify-content: center; color: var(--dist); }
.mw-dist__icon svg { width: 18px; height: 18px; }
.mw-dist__chart--topic .mw-dist__icon svg { width: 20px; height: 20px; }
.mw-dist__track { display: block; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, 0.07); overflow: hidden; }
.mw-dist__fill { display: block; width: 0; height: 100%; border-radius: 2px; background: var(--dist); transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
td.mw-dist__n, td.mw-dist__share { color: var(--pure-white); font-size: 0.86rem; text-align: end; }
td.mw-dist__share { color: var(--mw-text-2); }
.mw-dist__table thead .mw-dist__n, .mw-dist__table thead .mw-dist__share, .mw-dist__table thead .mw-dist__spark { text-align: end; }
td.mw-dist__spark { text-align: end; line-height: 0; }
.mw-dist__weeks rect { fill: var(--dist-soft); }
.mw-dist__weeks rect.is-zero { fill: rgba(255, 255, 255, 0.12); }
.mw-dist__table tr.is-on { background: rgba(255, 255, 255, 0.04); box-shadow: inset 2px 0 0 var(--dist); }
.mw-dist__table tr.is-on .mw-dist__name { padding-inline-start: 0.75rem; color: var(--dist); }
.mw-dist__table tr.is-on .mw-dist__weeks rect:not(.is-zero) { fill: var(--dist); }
.mw-dist:not(.has-weeks) .mw-dist__spark { display: none; }
.mw-dist__note, .mw-dist__foot { margin-top: 0.8rem; color: var(--mw-text-3); font-size: 0.76rem; line-height: 1.5; letter-spacing: 0; }
.mw-dist__foot { grid-column: 1 / -1; margin-top: 0; }
@media (max-width: 1023px) {
    .mw-dist { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
}
@media (max-width: 480px) {
    .mw-dist__table thead th:first-child { width: 48%; }
    .mw-dist__table thead .mw-dist__spark, td.mw-dist__spark { display: none; }
    .mw-dist__name { font-size: 0.95rem; gap: 0.55rem; padding-inline-end: 0.6rem; }
}
@media (prefers-reduced-motion: reduce) { .mw-dist__fill, .mw-dist__table tbody tr { transition: none; } }