/* T46 Brand index + T47 Brand page - page layout only; visual tokens come from css/v2 */
.br .psb-hero__title--l { color: var(--text-display); }
.br-list { padding-block: 48px 64px; }
.br-grid { list-style: none; margin: 0 0 16px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.br-card { height: 100%; display: grid; grid-template-columns: 64px 1fr; gap: 10px 14px; align-items: center; padding: 22px; background: var(--bg-surface); border: var(--stroke); border-radius: var(--radius-card); box-shadow: var(--shadow-row); color: var(--text-primary); text-decoration: none; }
a.br-card:hover { transform: translate(-2px, -2px); box-shadow: var(--shadow-card); }
.br-card.is-soon { box-shadow: none; }
.br-disc { display: grid; place-items: center; width: 64px; height: 64px; border: 2px solid var(--ink-900); border-radius: 50%; background: var(--media-bg, var(--cream-0)); color: var(--ink-900); font: 400 20px/1 var(--font-display); }
.br-disc--l { width: 96px; height: 96px; font-size: 32px; box-shadow: 6px 6px 0 0 var(--ink-900); flex: none; }
.br-card__head { display: grid; gap: 2px; }
.br-card__head strong { font: 400 22px/1.15 var(--font-display); }
.br-card__head small { font-size: 12px; color: var(--text-muted); }
.br-card__stat, .br-card__best, .br-card__foot { grid-column: 1 / -1; }
.br-card__stat { font-weight: 700; }
.br-card__best { font-size: var(--fs-body-s); color: var(--text-secondary); }
.br-card__foot { display: flex; justify-content: space-between; align-items: center; }
.br-card__foot b { font-size: 15px; color: var(--text-brand); }
.br-card.is-soon .br-card__foot b { color: var(--text-muted); font-weight: 600; }
.br-tag { padding: 3px 10px; border: 1.5px solid var(--ink-900); border-radius: var(--radius-pill); background: var(--pine-100); color: var(--ink-900); font: 700 12px/1.3 var(--font-body); }
.br-how__row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 24px; }
.br-how h2 { color: var(--butter-500); font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); }
.br-how p { max-width: 820px; color: var(--cream-100); }

.br-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 48px; align-items: center; }
.br .br-hero .psb-hero__title--l { margin: 0; }
.br-hero__name { display: flex; align-items: center; gap: 20px; }
.br-indep { display: inline-flex; gap: 8px; padding: 10px 14px; border: 2px solid var(--ink-900); border-radius: 14px; background: var(--cream-0); color: var(--ink-900); font-size: var(--fs-body-s); }
.br-stats { margin: 0; display: grid; gap: 10px; }
.br-stats div { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; border: 2px solid var(--ink-900); border-radius: 16px; background: var(--cream-0); color: var(--ink-900); }
.br-stats dt { font-size: 15px; color: var(--ink-700); }
.br-stats dd { margin: 0; font: 400 22px/1 var(--font-display); color: var(--pine-700); }
.br-take { padding-block: 48px 24px; }
.br-take__grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: stretch; }
.br-verdict { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; padding: 22px 24px; border: 2px solid var(--ink-900); border-radius: var(--radius-card); background: var(--butter-500); color: var(--ink-900); box-shadow: 6px 6px 0 0 var(--ink-900); }
.br-verdict__score { display: grid; place-items: center; width: 84px; height: 84px; border: 2px solid var(--ink-900); border-radius: 50%; background: var(--cream-0); font: 400 28px/1 var(--font-display); }
.br-verdict .psb-mono { font-size: 12px; text-transform: uppercase; }
.br-fit { gap: 8px; }
.psb .br-fit h2 { font: 700 var(--fs-h5)/1.3 var(--font-body); }
.br-fit ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: var(--fs-body-s); }
.br-fit--yes li::before { content: "✓ "; font-weight: 700; color: var(--pine-500); }
.br-fit--no li::before { content: "✕ "; font-weight: 700; color: var(--tomato-600); }
.br-products { padding-block: 40px 64px; }
.br-c-h { margin: 6px 0 20px; }

@media (max-width: 1100px) {
    .br-grid { grid-template-columns: 1fr 1fr; }
    .br-hero__grid { grid-template-columns: 1fr; }
    .br-stats { grid-template-columns: 1fr 1fr; }
    .br-take__grid { grid-template-columns: 1fr 1fr; }
    .br-verdict { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
    .br-grid, .br-take__grid, .br-stats { grid-template-columns: 1fr; }
    .br-card { padding: 16px; }
    .br-disc--l { width: 64px; height: 64px; font-size: 20px; }
    .br-stats dd { font-size: 18px; }
    .br-verdict { grid-template-columns: 1fr; }
}