@media (max-width: 1000px) {
    .cc-public-shell { width: min(calc(100% - 40px), var(--cc-brand-shell)); }
    .cc-public-header__cta { display: none; }
    .cc-public-nav-toggle { display: block; }
    .cc-public-nav { position: fixed; inset: 84px 0 auto 0; display: none; margin: 0; padding: 18px 20px 28px; background: #fff; border-bottom: 1px solid #e3e5e8; box-shadow: 0 24px 50px rgba(16,20,27,.12); }
    .cc-public-nav.is-open { display: block; }
    .cc-public-nav > ul, .cc-public-nav ul { display: block; }
    .cc-public-nav li { border-bottom: 1px solid #eceef0; }
    .cc-public-nav a { width: 100%; min-height: 0; padding: 14px 2px; font-size: 16px; }
    .cc-public-nav a::after { display: none; }
    .cc-public-nav ul ul { position: static; display: block; min-width: 0; padding: 0 0 8px 14px; border: 0; box-shadow: none; }
    .cc-public-nav ul ul li { border-bottom: 0; }
    .cc-public-nav ul ul a { color: #626a75; font-size: 14px; }
    .cc-public-builder-content > section > .cc-builder-container,
    .cc-public-builder-content .cc-builder-container { width: min(calc(100% - 40px), var(--cc-brand-shell)); }
    .cc-public-footer__grid { grid-template-columns: 1fr 1fr; }
    .cc-public-footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
    .cc-public-shell { width: min(calc(100% - 30px), var(--cc-brand-shell)); }
    .cc-public-header, .cc-public-header__inner { min-height: 72px; }
    .cc-public-nav { inset: 72px 0 auto 0; }
    .cc-public-logo__mark { width: 25px; height: 42px; }
    .cc-public-logo__word { font-size: 19px; }
    .cc-public-page-hero { padding: 62px 0 48px; }
    .cc-public-page-hero h1 { font-size: clamp(43px, 13vw, 68px); }
    .cc-public-page-hero__editable { font-size: 16px; }
    .cc-public-builder-content > section > .cc-builder-container,
    .cc-public-builder-content .cc-builder-container { width: min(calc(100% - 30px), var(--cc-brand-shell)); }
    .cc-public-builder-content h1 { font-size: clamp(42px, 13vw, 66px); }
    .cc-public-builder-content h2 { font-size: clamp(32px, 10vw, 50px); }
    .cc-public-builder-content p, .cc-public-builder-content li { font-size: 16px; }
    .cc-public-footer__grid { grid-template-columns: 1fr; gap: 34px; padding-bottom: 45px; }
    .cc-public-footer__brand { grid-column: auto; }
    .cc-public-footer__bottom { display: block; padding: 20px 0; line-height: 1.8; }
    .cc-public-footer__bottom small { display: block; }
}