:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #172033; background: #f4f7fb; } * { box-sizing: border-box; } body { margin: 0; } main { max-width: 1080px; margin: auto; padding: 56px 24px 80px; } header { margin-bottom: 28px; } .eyebrow { color: #6d28d9; font-size: .76rem; font-weight: 750; letter-spacing: .12em; margin: 0 0 9px; } h1, h2, p { margin-top: 0; } h1 { font-size: clamp(2rem, 5vw, 3.8rem); letter-spacing: -.055em; margin-bottom: 0; } h2 { font-size: 1.1rem; } .total-card, .panel { background: white; border: 1px solid #e4e9f2; border-radius: 16px; box-shadow: 0 10px 28px #34415f0b; } .total-card { padding: 27px; margin-bottom: 22px; } .total-card p { color: #5c6880; margin-bottom: 6px; } .total-card strong { display: block; font-size: clamp(3rem, 8vw, 5.8rem); letter-spacing: -.07em; line-height: 1; } .total-card span { color: #5c6880; display: inline-block; margin-top: 14px; margin-right: 14px; } #latest-delta { color: #6d28d9; font-weight: 650; } .panel { margin-top: 22px; padding: 24px; overflow: hidden; } #registrations-chart { display: block; width: 100%; min-height: 260px; } .guide { stroke: #e9edf4; stroke-width: 1; } .series { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } .legend { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 9px 18px; font-size: .86rem; } .legend div { display: flex; align-items: center; gap: 7px; } .legend i { width: 11px; height: 11px; border-radius: 50%; } .legend b { margin-left: auto; } .table-wrap { overflow-x: auto; } table { border-collapse: collapse; width: 100%; } th, td { border-bottom: 1px solid #e9edf4; padding: 13px 6px; text-align: left; } th:last-child, td:last-child { text-align: right; font-variant-numeric: tabular-nums; } @media (max-width: 600px) { main { padding: 36px 14px 48px; } .panel, .total-card { padding: 18px; } }