/* Typography for the static content pages (about, privacy, terms, contact) */
.page-content { max-width: 52rem; margin: 0 auto 3rem; font-size: 1rem; line-height: 1.85; color: #333; }
.page-content h3 { margin: 2rem 0 .75rem; padding-left: .75rem; border-left: 4px solid #2f6db5; font-size: 1.25rem; line-height: 1.5; color: #1f3d63; }
.page-content p { margin: 0 0 1rem; }
.page-content ul { margin: 0 0 1rem 1.5rem; }
.page-content ul li { list-style: disc; margin-bottom: .4rem; }
.page-content ul.contact-list { margin-left: 0; }
.page-content ul.contact-list li { list-style: none; padding: .6rem 0; border-bottom: 1px solid #e5e5e5; }
.page-content a { color: #2f6db5; text-decoration: underline; word-break: break-word; }
@media (max-width: 767px) {
    .page-content { padding: 0 16px; font-size: .95rem; }
    .page-content h3 { font-size: 1.1rem; }
}

/* Legal links bar shown at the bottom of every page */
.site-legal { background: #303030; padding: 12px 16px; text-align: center; font-size: 14px; line-height: 2; }
.site-legal a, .site-legal a:link, .site-legal a:visited { color: #fff !important; margin: 0 .6rem; white-space: nowrap; text-decoration: none; }
.site-legal a:hover, .site-legal a:focus { text-decoration: underline; }

/* Footer on small screens: the original sized the service-centre block for desktop */
@media (max-width: 979px) {
    #foot .footer-R > .footer-item7 p { font-size: 1.1rem; line-height: 1.6; margin: .5rem 1rem; }
}
@media (max-width: 767px) {
    #foot .main-footer .container { width: auto; padding: 0 16px; }
    #foot .footer-L > .footer-item { width: calc(50% - 20px); margin: 0 10px 1rem; }
    #foot .footer-R { flex-wrap: wrap; justify-content: center; text-align: center; }
    #foot .footer-R > .footer-item6 { width: 140px; max-width: 45%; margin: 0 auto 1rem; }
    #foot .footer-R > .footer-item7 { width: 100%; }
    #foot .footer-item7 p, #foot .footer-item7 p span { word-break: break-word; }
}

/* #wrap keeps a -90px bottom margin from the old sticky-footer layout; it would hide the legal bar */
#wrap.navbar-wrapper { margin-bottom: 0; }

/* 活動列表 */
.page-content ul.event-list { margin: 0 0 1.5rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1rem; }
.page-content ul.event-list li { list-style: none; margin: 0; }
.event-item a { display: block; height: 100%; border: 1px solid #e5e5e5; border-radius: 6px; overflow: hidden; text-decoration: none !important; color: #333 !important; background: #fff; }
.event-item a:hover, .event-item a:focus { border-color: #2f6db5; }
.event-item img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: #f2f2f2; }
.event-item .event-title { display: block; padding: .6rem .75rem .25rem; font-weight: bold; line-height: 1.5; }
.event-item .event-date { display: block; padding: 0 .75rem .75rem; font-size: .85rem; color: #777; }