.verse-text {
    display: none;
}

@media (max-width: 575px) {
    .navbar-toggler,
    button.navbar-toggler {
        display: block !important;
    }
}

@media (max-width: 700px) {
    body::before {
        background-size: 84px 84px;
    }

    header {
        gap: 0.75rem;
        padding: 0.85rem 1rem;
        align-items: center;
    }

    #topLogo {
        display: none;
    }

    .topText {
        margin: 0;
        font-size: 1.35rem;
        line-height: 1;
    }

    .header-toggler {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 2rem;
        height: 2rem;
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        flex: 0 0 auto;
    }

    .header-toggler:focus,
    .header-toggler:active,
    .navbar-toggler:focus,
    .navbar-toggler:active {
        box-shadow: none;
        outline: none;
    }

    .header-toggler .navbar-toggler-icon,
    .navbar-toggler-icon {
        width: 1.7rem;
        height: 1.7rem;
        background-size: 100% 100%;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(248,251,255,0.95)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    nav {
        position: relative;
        z-index: 1040;
        overflow: visible;
        padding: 0.65rem 0.9rem;
    }

    .main-nav,
    .main-nav .container-fluid,
    .navbar {
        position: relative;
        overflow: visible;
    }

    .navbar-collapse {
        position: absolute;
        top: calc(100% + 0.35rem);
        left: 0;
        right: 0;
        z-index: 1065;
        padding: 0.8rem;
        border: 1px solid var(--border);
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(10, 14, 18, 0.98), rgba(5, 8, 11, 0.98));
        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34);
    }

    .navbar-nav {
        flex-direction: column;
    }

    .nav-item {
        flex: none;
    }

    .nav-link {
        justify-content: flex-start;
        margin: 0;
        font-size: 1rem !important;
    }

    .page {
        width: calc(100% - 1rem);
        padding-bottom: 2.2rem;
    }

    .page-hero,
    .page-panel,
    .list-item,
    .card,
    .devotional-item,
    .error-shell {
        border-radius: 20px;
        padding: 1rem;
    }

    .search-container {
        grid-template-columns: 1fr;
    }

    .page-actions,
    .link-row {
        flex-direction: column;
        align-items: stretch;
    }

    .page-actions > .btn,
    .link-row > .btn,
    .page-actions > a.btn,
    .link-row > a.btn,
    .page-actions > button,
    .link-row > button {
        width: 100%;
    }

    .copy-notice-root {
        top: 0.5rem;
        width: calc(100vw - 1rem);
    }

    .copy-notice {
        align-items: flex-start;
        padding: 0.75rem 0.8rem;
    }
}