/* Desktop only: center the block under the aspect table.
   REVERT: delete this file and its <link> in templates/index.html and templates/composite.html. */

@media (min-width: 769px) {
    .chart-container #result .natal-positions-wrap:not(.natal-positions-wrap--transit) {
        margin-left: auto;
        margin-right: auto;
    }

    .chart-container #result .natal-positions-wrap.natal-positions-wrap--transit {
        margin-left: auto;
        margin-right: auto;
    }

    .chart-container #result .natal-elements-cusps-row {
        width: fit-content;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }

    .chart-container #result .natal-house-cusps-plain > .syn-section-title {
        margin-top: 0;
        margin-bottom: 30px;
        font-size: 14px;
        font-weight: 700;
        font-family: 'Montserrat', sans-serif;
    }

    .chart-container #aspectLists .natal-aspect-lists-filters {
        flex-wrap: nowrap;
        justify-content: flex-end;
        width: 100%;
        max-width: 100%;
        margin-bottom: 22px;
    }

    .chart-container #aspectLists:not(.natal-aspect-lists--dual) {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }

    .chart-container #aspectLists:not(.natal-aspect-lists--dual) .natal-aspect-lists-body {
        max-width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .chart-container #aspectLists.natal-aspect-lists--dual {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }

    .chart-container #aspectLists.natal-aspect-lists--dual .natal-aspect-lists-body {
        max-width: min(56rem, 96%);
        margin-left: auto;
        margin-right: auto;
    }

    /* Match Natal positions (18px). Fold matches Minor aspects (16px). */
    .chart-container #aspectLists .syn-section-title,
    .chart-container #aspectLists h3.syn-section-title,
    .chart-container #aspectLists h3 {
        font-size: 18px;
    }

    .chart-container #natalNatalAspectsFoldDetails > summary {
        font-size: 16px;
        margin-top: 0;
    }
}