/* Aspect-list extras only. Button order is the original markup.
   REVERT: delete this file and its <link> in templates/composite.html. */

@media (min-width: 769px) {
    .chart-container #aspectLists .natal-aspect-lists-filters {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .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;
    }
}