/* Account settings responsive reset */
@media (max-width: 1180px) {
    .profile-page .profile-settings-header,
    .profile-page .profile-settings-layout,
    .profile-page .settings-theme-layout,
    .profile-page .starter-settings-header,
    .profile-page .starter-settings-layout {
        grid-template-columns: 1fr;
        grid-template-areas: none;
    }

    .profile-page .profile-settings-side,
    .profile-page .profile-settings-main {
        grid-area: auto;
    }

    .profile-page .profile-settings-sections {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .profile-page .settings-tabs {
        padding-bottom: clamp(240px, 30vh, 340px);
    }

    .profile-page .profile-settings-header,
    .profile-page .profile-settings-main,
    .profile-page .profile-preview-card,
    .profile-page .profile-share-card,
    .profile-page .profile-quick-stats,
    .profile-page .profile-settings-row,
    .profile-page .starter-settings-header,
    .profile-page .starter-settings-card,
    .profile-page .starter-settings-side > section,
    .profile-page .settings-theme-layout > .panel,
    .profile-page .profile-privacy-panel,
    .profile-page [data-settings-panel="achievements"].padded-panel {
        padding: 16px;
    }

    .profile-page .profile-settings-main .settings-form,
    .profile-page .profile-status-strip,
    .profile-page .profile-settings-sections,
    .profile-page .profile-privacy-grid,
    .profile-page .profile-starter-empty-full.starter-empty-state,
    .profile-page .profile-starter-empty-full .starter-empty-actions {
        grid-template-columns: 1fr;
    }

    .profile-page .settings-tab-list {
        display: grid;
        width: 100%;
        max-width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        overflow: visible;
        scrollbar-width: thin;
    }

    .profile-page .settings-tab-list label {
        min-width: 0;
        min-height: 44px;
        padding-inline: 10px;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 430px) {
    .profile-page .profile-settings-header h1,
    .profile-page .starter-settings-header h2 {
        font-size: 1.72rem;
    }

    .profile-page .avatar-upload-card {
        grid-template-columns: 1fr;
    }

    .profile-page .profile-preview-card-heading,
    .profile-page .share-link-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .profile-page .profile-quick-stats dl div,
    .profile-page .profile-settings-row dl div,
    .profile-page .starter-settings-side dl div {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
        padding: 8px 0;
    }
}