/* Approved logo rollout. All symbols use the approved SVG without distortion. */
.brand-with-symbol { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; }
.brand-with-symbol img { display: block; width: 65px; height: auto; }
.brand-with-symbol .brand-name { font: inherit; letter-spacing: inherit; margin: 0; }
footer .brand-with-symbol { align-self: center; }
.card { container-type: inline-size; }
.card-front { align-items: center; justify-content: center; gap: 3cqw; }
.card-logo { display: block; width: 59%; height: auto; }
.card-front .front-line { font-size: 2.1cqw; letter-spacing: .2em; }
.card-label { font-size: 2.3cqw; }
.contact-block { font-size: 2.6cqw; }
.back-question { font-size: 10cqw; }
.poster-brand { display: flex; align-items: center; gap: 1.5cqw; }
.poster-brand img { width: 13cqw; height: auto; display: block; }
.poster-brand .wordmark { font-size: 4.1cqw; }
/* Reserve footer breathing room within the fixed A5 proportions. */
:root .poster .court { height: 11cqw; }
:root .poster .headline { margin-top: 6cqw; }
@media (min-width: 701px) and (max-width: 950px) {
  .site-nav { gap: 15px; font-size: 10px; }
}
@media (max-width: 700px) {
  .brand-with-symbol img { width: 54px; }
  .brand-with-symbol { gap: 7px; }
}
@media print {
  .card { print-color-adjust: exact; -webkit-print-color-adjust: exact; padding: 6mm; }
  .card-front { gap: 2mm; }
  .card-label { font-size: 6.5pt; }
  .contact-block { font-size: 7pt; }
  .back-question { font-size: 22pt; }
  .card-front .front-line { font-size: 6pt; }
}