/* release 373 (design review): fixes from checking the evidence, company and legal pages against the designer's pages
   (How it works, Forecast record, Research, Worked example, Simulator versions, About, Team, Support, Contact, the legal pages,
   Coaches, Coaching lab, Team Scout, Archive). Loaded only by those templates, after b371_p5.css / b371_p6.css. */

/* release 373 (design review): page frame. The old light theme gave Worked example and Simulator versions an 8px body margin
   (a white strip down both sides and an inset title band) and a grey #fafafa page behind every page. */
html:not(#r3a):not(#r3b) { background: #fff !important; }
html:not(#r3a):not(#r3b) body { margin: 0 !important; }

/* release 373 (design review): Worked example's "Try your own change" sat on the old theme's grey gradient box; white like
   the designer's sections, the card keeps its shadow */
html:not(#r3a):not(#r3b) body.p5-page .we-cta { background: #fff !important; background-image: none !important; border: 0 !important; }

/* release 373 (design review): no text under 12px */
html:not(#r3a) .rt-sport-overview-table td small { font-size: 12px; }
html:not(#r3a) body.p5-page .we-main table th { font-size: 12px !important; }
html:not(#r3a) .p5 :is(.spc-grid i, .spc-end, .spc-x, .spc-x *, .spc-end *) { font-size: 12px !important; }
html:not(#r3a) .p6-scout :is(.scout-tab span, .scout-result-line, .scout-result-line span, .scout-group-label, .scout-team-meta,
  .scout-style small, .scout-rating-title, .scout-rating-title span, dt, dd strong, .scout-card-details summary,
  .scout-hooks summary, .scout-hooks strong, p strong, .scout-group-label span, .report-footer, .report-footer *) { font-size: 12px !important; }
html:not(#r3a) .cf-page :is(.cf-tag, .cf-badge, .cf-tac dt, .cf-feat small, .cf-vis small) { font-size: 12px !important; }

/* release 373 (design review): phone tap targets 44px (Simulator versions jump tabs, Coaches and Team Scout band buttons) */
@media (max-width: 767px) {
  html:not(#r3a) main :is(.b-btn, .b-btn-secondary, .b-btn-light) { min-height: 44px; }
  html:not(#r3a) .csv-jump a { min-height: 44px; display: inline-flex; align-items: center; }
  html:not(#r3a) .p6-scout .report-link, html:not(#r3a) .cf-page .cf-mini-a { min-height: 44px; display: inline-flex; align-items: center; }
}

/* release 373 (design review): Support on a phone had ~120px of empty space between the search and "Browse by category" */
.p6-search-note:empty { margin: 0 !important; }
@media (max-width: 767px) {
  html:not(#r3a) body.p6 main > .b-section.is-small:has(.p6-sup-head) { padding-bottom: 0; }
}

/* release 373 (design review): Team Scout's source note now sits above the closing band */
html:not(#r3a) .p6-scout .report-footer { margin: 0 0 8px; }

/* release 373 (design review): Research "Read more" cards carry a photo across the top, like the designer's article cards */
a.b-card.r3-photo-card { padding-top: 0; overflow: hidden; }
.r3-thumb { display: block; margin: 0 -24px 20px; aspect-ratio: 3 / 2; overflow: hidden; background: var(--b-soft); }
.r3-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--b-ease); }
a.r3-photo-card:hover .r3-thumb img { transform: scale(1.03); }
@media (prefers-reduced-motion: reduce) { a.r3-photo-card:hover .r3-thumb img { transform: none; } }

/* release 373 (design review): Privacy: the paper padlock photo beside the policy on wide screens only */
.r3-legal-photo { display: none; }
@media (min-width: 992px) {
  .r3-legal-grid { display: grid; grid-template-columns: minmax(0, 820px) 300px; justify-content: space-between; gap: 64px; align-items: start; }
  .r3-legal-photo { display: block; position: sticky; top: 120px; margin-top: 56px; padding: 0 24px 0 0; }
}

/* release 373 (design review): Contact's clubs-and-partners photo split */
.r3-partners .b-stack > .b-h2 { margin: 0; }