@font-face { font-family: Inter; src: url('/fonts/inter-latin.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url('/fonts/space-grotesk-latin.woff2') format('woff2'); font-weight: 300 700; font-display: swap; }
:root { color-scheme: light; --font-family: Inter, Arial, sans-serif; --font-size-base: 16px; --font-size-small: 14px; --background: #fff; --foreground: #101418; --card: #fafaf8; --card-foreground: #101418; --primary: #0e7a5f; --primary-foreground: #fff; --secondary: #fafaf8; --secondary-foreground: #3d4450; --muted: #f1f2ee; --muted-foreground: #6b7280; --accent: #e6f4ef; --accent-foreground: #0a5c47; --border: #e8e8e3; --input: #d4d8d2; --ring: #0e7a5f; --popover: #fff; --popover-foreground: #101418; --viz-series-1: #0e7a5f; }
html>body { padding: 20px; font-family: Inter, Arial, sans-serif; background: #fff; }
h2,h3 { font-family: 'Space Grotesk', Arial, sans-serif; font-weight: 700; letter-spacing: -.015em; }
h2 { font-size: 23px; } h3 { font-size: 20px; }
.form-select { border-radius: 8px; font-family: inherit; background-color: #fafaf8; }
.platforms > * { border-radius: 6px; background: #e6f4ef; color: #0a5c47; padding: 6px 2px; font-weight: 600; font-size: 13px; }
a { color: #0e7a5f; }
.selected-detail > span { background: #e6f4ef; border-radius: 6px; color: #0a5c47; padding: 5px 9px; }
.table-responsive { border: 1px solid #e8e8e3; border-radius: 10px; margin: 16px 0; }
.table th { background: #fafaf8; }
#bcn-hotel-ranks { padding-bottom: 0; }
@media(max-width:600px) { html>body { padding: 14px; } .platforms > * { font-size: 12px; } }