.public-page {
    max-width: 100%;
    overflow-x: hidden;
}

.public-hero__grid > *,
.public-hero__content,
.reputation-stage,
.reputation-preview,
.data-disclosure > * {
    min-width: 0;
}

.public-hero__content > p,
.data-disclosure__intro > p {
    overflow-wrap: anywhere;
}

@media (max-width: 620px) {
    .public-container { width: calc(100% - 28px); }
    .public-header__inner { max-width: 100%; }
    .public-hero h1 { font-size: clamp(2.55rem, 12vw, 3.05rem); }
    .reputation-preview { width: 100%; padding: 18px; }
    .preview-score { gap: 8px; }
    .review-sample { padding: 13px; }
    .ai-reply { grid-template-columns: 34px minmax(0, 1fr); }
}

@media (max-width: 400px) {
    .public-header .brand__name { display: none; }
}