/* T21 About · How we test */
.ht-process { list-style: none; margin: 0; padding: 0; }
.ht-process .psb-box { gap: 6px; padding: 22px 22px 24px; }
.ht-num { font: 400 34px/1 var(--font-display); color: var(--tomato-600); }
.ht-process h3 { font: 700 var(--fs-h5)/1.4 var(--font-body); }
.ht-process p { font-size: var(--fs-body-s); color: var(--text-secondary); }

.ht-score { display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); gap: 56px; align-items: start; }
.ht-bars { list-style: none; margin: 8px 0 0; padding: 0; gap: 14px; }
.ht-bars .psb-bar { grid-template-columns: 220px 1fr 44px; gap: 16px; }
.ht-bars .psb-bar > span:first-child { font-weight: 600; color: var(--text-primary); }
.ht-bars .psb-bar__track { height: 14px; background: var(--cream-200); }
:root[data-theme="dark"] .ht-bars .psb-bar__fill { background: var(--pine-300); }
:root[data-theme="dark"] .ht-bars .psb-bar__track { background: var(--pine-700); }
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .ht-bars .psb-bar__fill { background: var(--pine-300); }
    :root:not([data-theme="light"]) .ht-bars .psb-bar__track { background: var(--pine-700); }
}
.ht-bars .psb-mono { font-size: 13px; text-align: right; }

.ht-money { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.ht-money h2 { color: var(--cream-50); }
.ht-money__over { color: var(--butter-500); }
.ht-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; color: var(--cream-100); }
.ht-checks li { display: flex; gap: 10px; }
.ht-checks li::before { content: "✓"; color: var(--cream-50); font-weight: 700; }

.ht-team { list-style: none; margin: 0; padding: 0; }
.ht-team .psb-box { position: relative; justify-items: center; gap: 6px; padding: 20px 20px 24px; text-align: center; }
.ht-face { display: block; width: 90px; height: 90px; margin-bottom: 8px; border: var(--stroke); border-radius: 50%; background: var(--media-bg); }
.ht-team h3 { font-size: var(--fs-h4); }
.ht-team p { font-size: var(--fs-body-s); color: var(--text-secondary); }
.ht-ph { position: absolute; top: 12px; right: 12px; padding: 2px 8px; border-radius: 6px; background: var(--butter-100); color: var(--butter-800); font: 500 10px/1.5 var(--font-mono); text-transform: uppercase; letter-spacing: .04em; }
.ht-team__note { margin-top: 24px !important; }

.ht-fix { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; }
.ht-fix h2 { font-size: var(--fs-h3); }

@media (max-width: 900px) {
    .ht-score, .ht-money { grid-template-columns: 1fr; gap: 28px; }
    .ht-bars .psb-bar { grid-template-columns: 1fr 44px; row-gap: 6px; }
    .ht-bars .psb-bar > span:first-child { grid-column: 1 / -1; }
}
.psb .psb-hero h1.psb-hero__title { font-size: clamp(2.75rem, 1.5rem + 5vw, 5.5rem); line-height: 1.02; }