/* Public DevMuse site integration. Admin views retain the original Signal shell. */
.dms-page--public {
    background: var(--ivory);
}

.dms-page--public::before {
    background-image:
        linear-gradient(rgba(7, 24, 39, 0.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(7, 24, 39, 0.024) 1px, transparent 1px);
    background-size: 64px 64px;
}

.dms-page--public .dms-shell {
    width: min(820px, calc(100% - 36px));
    padding: clamp(54px, 7vw, 92px) 0 clamp(64px, 8vw, 108px);
}

.dms-page--public .dms-panel {
    background: rgba(251, 248, 241, 0.9);
    border-color: var(--line);
    box-shadow: 18px 22px 0 rgba(7, 24, 39, 0.045);
}

.dms-page--public .dms-heading h1 {
    color: var(--navy);
    font-family: var(--serif);
}

.dms-page--public .dms-eyebrow {
    color: #6b4920;
}

.dms-page--public .dms-lede,
.dms-page--public .dms-form-note {
    color: var(--muted);
}

.dms-page--public .site-header a,
.dms-page--public .site-footer a {
    color: inherit;
}

.dms-page--public .site-header .nav-cta {
    color: var(--paper);
}

.dms-page--public .site-header .nav-cta:hover {
    color: var(--navy);
}

.dms-page--public .site-footer {
    color: rgba(245, 240, 231, 0.78);
}

.dms-page--public .site-footer .footer-lockup span,
.dms-page--public .site-footer .footer-column h2 {
    color: var(--paper);
}

@media (max-width: 560px) {
    .dms-page--public .dms-shell {
        width: min(100% - 20px, 820px);
        padding-top: 36px;
    }
}