.region-page .service-cover { background: #16181c; border-bottom: 4px solid #fbc904; }
.region-page .service-cover h1 { font-size: clamp(2.2rem,5vw,4.4rem); }
.region-crumb { margin-block: 1.25rem; font-size: .9rem; }
.region-page a:not(.btn):hover { text-decoration: underline; }
.region-panel { padding-block: clamp(1.5rem,4vw,3rem); }
.region-panel p { max-width: 78ch; }
.region-panel details { border: 1px solid #d9dbe1; border-radius: .6rem; margin-block: .6rem; background: #f6f7f8; }
.region-panel summary { padding: .85rem 1rem; cursor: pointer; font-weight: 800; }
.region-panel details[open] summary { background: #fff1b4; }
.region-panel details > p { margin: .75rem 1rem; }
.region-links { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: .5rem 1.2rem; margin: .8rem 1rem; padding-left: 1.2rem; }
.region-featured { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,230px),1fr)); gap: 1rem; margin: 1rem 0 2rem; }
.region-featured a { border: 1px solid #d9dbe1; border-radius: .75rem; overflow: hidden; display: grid; }
.region-featured img { display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; }
.region-featured strong,.region-featured span { margin: .4rem .8rem; }
.region-featured strong { font-size: 1.25rem; }