html { font-family: 'Noto Sans TC','Noto Sans JP','sans-serif'; color: #36383b; }

/* Tailwind font-sf-compressed sets font-family; this adds what Tailwind can't: font-stretch */
.font-sf-compressed { font-stretch: condensed; }

/* No Tailwind equivalent for hiding scrollbars */
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }

/* Nav brand logo (layered main / sub / award + "Presented by")
   Too complex for Tailwind utilities — used in partials/nav.js */
.header-brand { display: inline-flex; align-items: center; gap: 14px; height: 56px; text-decoration: none; }
.header-brand-logo { position: relative; display: block; height: 56px; width: auto; flex: 0 0 auto; }
.header-brand-logo > img { display: block; height: 100%; width: auto; }
.header-brand-logo-layer { position: absolute; inset: 0; }
.header-brand-logo-layer img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: left center; }
.header-brand-presented { display: flex; flex-direction: column; justify-content: center; gap: 1px; font-family: 'Inter', sans-serif; font-size: 8px; line-height: 1.1; color: #a2a2a2; white-space: nowrap; }

/* Footer brand logo (single white SVG on dark background) — used in partials/footer.js */
.footer-brand-logo { display: block; height: 48px; width: auto; }
.footer-brand-logo > img { display: block; height: 100%; width: auto; }