/* Keep content-sized grid and flex items inside the classified page. */
.classified-cap-page .cap-shell {
    grid-template-columns: minmax(0, 1fr);
}

.classified-cap-page .cap-card,
.classified-cap-page .cap-identity,
.classified-cap-page .cap-related > a,
.classified-cap-page .cap-head-inner > div {
    min-width: 0;
}

.classified-cap-page .cap-head-inner > div {
    width: 100%;
}

.classified-cap-page .cap-related {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.classified-cap-page .cap-about p,
.classified-cap-page .cap-identity,
.classified-cap-page .cap-location {
    overflow-wrap: anywhere;
}

.classified-cap-page .cap-contact-brand img {
    flex-shrink: 0;
}

@media (max-width: 800px) {
    .classified-cap-page .cap-hero {
        grid-template-columns: 165px minmax(0, 1fr);
        padding: 24px;
    }

    .classified-cap-page .cap-side-actions {
        grid-column: 1 / -1;
        display: flex;
    }
}

@media (max-width: 550px) {
    .classified-cap-page .cap-hero {
        display: block;
        padding: 13px;
    }

    .classified-cap-page .cap-classified-avatar {
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 1;
    }

    .classified-cap-page .cap-related {
        grid-template-columns: minmax(0, 1fr);
    }

    .classified-cap-page .cap-head h1 {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .classified-cap-page .cap-section > header {
        flex-wrap: wrap;
        gap: 12px;
    }

    .classified-cap-page .cap-contact-panel {
        box-sizing: border-box;
        max-width: calc(100% - 16px);
    }

    .classified-cap-page .cap-contact-actions > a {
        min-width: 0;
    }
}