body.rhema-design-system header ul,
body.rhema-design-system nav ul,
body.rhema-design-system footer ul {
    max-width: none;
    margin-block: 0;
}

body.rhema-design-system header li,
body.rhema-design-system nav li,
body.rhema-design-system footer li {
    font-size: inherit;
    line-height: inherit;
}

body.rhema-design-system header li + li,
body.rhema-design-system nav li + li,
body.rhema-design-system footer li + li {
    margin-top: 0;
}

body.rhema-design-system .wp-block-cover {
    min-height: clamp(380px, 58vw, 680px);
    margin-block: clamp(36px, 6vw, 72px);
    overflow: hidden;
    border-radius: var(--rhema-radius-lg);
    box-shadow: var(--rhema-shadow-lg);
}

body.rhema-design-system details {
    margin-bottom: 14px;
    padding: 20px 22px;
    border: 1px solid var(--rhema-border);
    border-radius: var(--rhema-radius-sm);
    background: rgba(255,255,255,.95);
    box-shadow: var(--rhema-shadow-sm);
}

body.rhema-design-system summary {
    cursor: pointer;
    color: var(--rhema-ink);
    font-weight: 700;
}

body.rhema-design-system.rhema-js .rhema-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 560ms ease, transform 560ms ease;
}

body.rhema-design-system.rhema-js .rhema-reveal.is-visible {
    opacity: 1;
    transform: none;
}

@media (max-width: 700px) {
    body.rhema-design-system .wp-block-post-title,
    body.rhema-design-system .entry-title {
        width: min(100% - 24px, var(--rhema-container));
        margin-top: 20px;
        margin-bottom: 32px;
        padding: 34px 24px;
        border-radius: 22px;
        font-size: clamp(36px, 12vw, 54px);
    }

    body.rhema-design-system .wp-block-group {
        padding: 24px;
        border-radius: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.rhema-design-system *,
    body.rhema-design-system *::before,
    body.rhema-design-system *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }

    body.rhema-design-system.rhema-js .rhema-reveal {
        opacity: 1;
        transform: none;
    }
}