/* Shared reading sizes for every public event layout. */
:root {
    --event-title-size: 24px;
    --event-text-size: 14px;
}

.public-site :is(.promo-event-detail, .lottery-modern, #roulette-event, .event-popup) {
    font-size: var(--event-text-size);
    line-height: 1.8;
}

.public-site :is(.promo-event-detail, .lottery-modern, #roulette-event, .event-popup) :is(h1, h2, h3, h4) {
    font-size: var(--event-title-size) !important;
    line-height: 1.4;
    overflow-wrap: break-word;
}

.public-site :is(.promo-event-detail, .lottery-modern, #roulette-event, .event-popup) :is(p:not(.promo-event-dates-detail), li, small, label, summary, dt, dd, td, th) {
    font-size: var(--event-text-size) !important;
    line-height: 1.8;
}

.public-site :is(.promo-event-detail, .lottery-modern, #roulette-event, .event-popup) :is(p:not(.promo-event-dates-detail), li, small) {
    color: #d4c5af;
}

.public-site :is(.promo-event-detail, .lottery-modern, #roulette-event) :is(nav a, .promo-back-link, .btn, .speed-event-cta) {
    font-size: var(--event-text-size);
    line-height: 1.6;
}

.public-site :is(.monster-bonus-heading > span, .monster-bonus-kicker, .monster-bonus-stat div > span,
    .speed-event-kicker, .speed-event-state, .speed-event-section-heading > span,
    .speed-reward-range > span, .speed-reward-options, .speed-reward-duration,
    .promo-event-detail .promo-event-badge, .golden-invocation-number, .golden-step-number,
    .lottery-eyebrow, .lottery-facts span, .roulette-eyebrow) {
    font-size: var(--event-text-size);
    line-height: 1.7;
}

.public-site .promo-event-dates-detail {
    font-size: 18px;
    text-align: center;
}

@media (max-width: 600px) {
    .public-site .promo-event-dates-detail { font-size: 16px; }
}