/* The header section supplies its own clearance, like the existing interior pages. */
#regional-page {
    padding-top: 0;
    color: #553b45;
    background: #fff;
}
#regional-page .regional-hero { padding: 14rem 0 5rem; background: #fff4ea; }
#regional-page .regional-hero h1 { max-width: 95rem; margin: 0 0 2.4rem; font-size: clamp(3.6rem, 4.2vw, 5.6rem); line-height: 1.12; color: #553b45; }
#regional-page .regional-subtitle { max-width: 85rem; margin: 0 0 2.6rem; color: #238888; font-size: clamp(2rem, 2.5vw, 2.8rem); font-weight: 500; line-height: 1.4; }
#regional-page .regional-intro { max-width: 84rem; font-size: 1.8rem; line-height: 1.75; }
#regional-page .regional-intro p { margin: 0 0 1.6rem; }
#regional-page .regional-intro p:last-child { margin-bottom: 0; }
#regional-page .regional-layout { display: grid; grid-template-columns: minmax(0, 1fr) 25rem; gap: 7rem; align-items: start; padding-top: 6rem; padding-bottom: 7rem; }
#regional-page .regional-layout::before, #regional-page .regional-layout::after { display: none; }
#regional-page .regional-copy { min-width: 0; font-size: 1.7rem; line-height: 1.85; }
#regional-page .regional-copy h2 { margin: 4.8rem 0 2rem; padding-top: 2.8rem; border-top: 1px solid #d6ccc8; font-size: 3rem; line-height: 1.25; color: #553b45; }
#regional-page .regional-copy > h2:first-child { margin-top: 0; padding-top: 0; border: 0; }
#regional-page .regional-copy h3 { margin: 2.4rem 0 1.6rem; font-size: 2.2rem; line-height: 1.4; color: #238888; }
#regional-page .regional-copy p { margin: 0 0 2rem; }
#regional-page .regional-copy ul, #regional-page .regional-copy ol { padding-left: 2.4rem; margin: 2rem 0 2.8rem; }
#regional-page .regional-copy li { padding-left: .5rem; margin-bottom: 1.5rem; }
#regional-page .regional-copy a { color: #237b7b; text-decoration: underline; text-underline-offset: .2em; overflow-wrap: anywhere; }
#regional-page .regional-related { position: sticky; top: 3rem; padding: 2.6rem; background: #fff4ea; border-top: .4rem solid #40bfbf; border-radius: 0 0 1.2rem 1.2rem; }
#regional-page .regional-related h2 { margin: 0 0 1.8rem; font-size: 2rem; line-height: 1.3; }
#regional-page .regional-related ul { list-style: none; padding: 0; margin: 0; }
#regional-page .regional-related li + li { margin-top: 1.5rem; }
#regional-page .regional-related a { display: block; color: #553b45; font-size: 1.6rem; line-height: 1.5; text-decoration: underline; text-underline-offset: .2em; }
#regional-page .regional-related a[aria-current] { font-weight: 600; color: #237b7b; }
#regional-page .regional-contact { padding: 5rem 0; background: #553b45; color: #fff; }
#regional-page .regional-contact h2 { margin: 0 0 1.5rem; font-size: 3rem; }
#regional-page .regional-contact p { margin: 0; font-size: 1.7rem; line-height: 1.7; }
#regional-page .regional-contact a { color: #fff; text-decoration: underline; overflow-wrap: anywhere; }
#regional-page a:focus-visible { outline: 3px solid #238888; outline-offset: 5px; }
@media (max-width: 1350px) {
    #regional-page .regional-hero { padding-top: 18rem; }
}
@media (max-width: 991px) {
    #regional-page .regional-layout { grid-template-columns: minmax(0, 1fr); gap: 4rem; }
    #regional-page .regional-related { position: static; }
}
@media (max-width: 767px) {
    #regional-page .regional-hero { padding-top: 17rem; padding-bottom: 4rem; }
    #regional-page .regional-hero h1 { font-size: 3.5rem; overflow-wrap: break-word; }
    #regional-page .regional-layout { padding-top: 4rem; padding-bottom: 4rem; }
    #regional-page .regional-copy h2 { font-size: 2.6rem; }
    #regional-page .regional-copy, #regional-page .regional-intro { font-size: 1.6rem; }
}