/* patch: fix main element layout on 4K (3840x2160) displays
 * Root cause: main { max-width: 160rem (2560px) } causes main to be narrower than
 * the viewport at 4K, resulting in left-shift or side whitespace.
 * Fix: override max-width to 100% so main always fills the full viewport width,
 * same as behavior at 1920px. Individual sections inside main already have their
 * own max-width: 1260px + margin: auto constraints for content width control.
 */
main {
    max-width: 100% !important;
}

span.collection-card-label {
    color: var(--color-gray-900) !important;
}

/* 諮詢清單副標題：置中，縮減 section-title padding-bottom 造成的過大間距 */
.section-sub-title {
    text-align: center;
    margin-top: -2rem;
    margin-bottom: 1.5rem;
    color: var(--color-gray-900);
}
