:root {
    color-scheme: light dark;
}

.site-container {
    max-width: 72rem;
}

.content-column {
    max-width: 52rem;
}

.skip-link {
    position: fixed;
    z-index: 1100;
    margin: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.rosary-title {
    font-size: clamp(2.75rem, 9vw, 5rem);
}

.mystery-button {
    flex: 0 1 8rem;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-border-color: var(--bs-body-color);
    --bs-btn-hover-color: var(--bs-body-bg);
    --bs-btn-hover-bg: var(--bs-body-color);
    --bs-btn-hover-border-color: var(--bs-body-color);
    --bs-btn-focus-shadow-rgb: var(--bs-body-color-rgb);
    --bs-btn-active-color: var(--bs-body-bg);
    --bs-btn-active-bg: var(--bs-body-color);
    --bs-btn-active-border-color: var(--bs-body-color);
}

.pre-wrap {
    white-space: pre-wrap;
}

.rosary-tabs .nav-link {
    white-space: nowrap;
}

html.hide-hail-marys .hail-mary-prayer {
    display: none;
}

@media print {
    .print-page-before {
        break-before: page;
    }

    .print-page-after {
        break-after: page;
    }
}