/* Regional navigation and pages. site.css supplies the shared brand tokens. */
.coverage-strip>.wrap:has(.region-picker){flex-wrap:wrap;position:relative}
.coverage-strip>.wrap:has(.region-picker)>span{flex:1;min-width:0}
.region-picker{position:relative;margin-left:auto;flex:0 1 auto;min-width:0}
.region-picker>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:40px;max-width:100%;padding:8px 13px;border:1px solid #c8c8c2;border-radius:7px;list-style:none;cursor:pointer;background:#fff;line-height:1.5}
.region-picker>summary::-webkit-details-marker{display:none}
.region-picker>summary>span:first-child{min-width:0;overflow-wrap:anywhere}
.region-picker[open]>summary{border-color:var(--orange-dark);color:var(--orange-dark)}
.region-picker[open]>summary .chevron{transform:rotate(225deg);margin-top:2px}
.region-picker-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:min(620px,calc(100vw - 40px));padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 14px 32px #00000018;max-height:min(590px,65vh);overflow:auto;overscroll-behavior:contain}
.region-all{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:6px 10px 16px;border-bottom:1px solid var(--line);font-size:15px;font-weight:600}
.region-picker-panel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;list-style:none;margin:12px 0 0;padding:0}
.region-picker-panel li{min-width:0}
.region-picker-panel li a{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:6px;min-height:65px;overflow-wrap:anywhere}
.region-picker-panel li a>span{font-size:15px;font-weight:550}
.region-picker-panel small{font-size:12px;color:var(--muted);line-height:1.4}
.region-picker-panel a:hover,.region-picker-panel a[aria-current]{background:var(--paper);color:var(--orange-dark)}
.region-hero{padding-block:46px 58px;max-width:var(--wrap)}
.region-hero h1{max-width:1020px;font-size:clamp(34px,4vw,55px);overflow-wrap:break-word}
.region-hero .lead{max-width:850px;font-size:20px}
.region-hero .actions{margin-top:28px}
.region-directory{padding-bottom:24px}
.region-directory>h2{margin-bottom:19px}
.region-directory>p{max-width:850px;margin-bottom:30px}
.region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.region-card{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;border:1px solid var(--line);border-radius:15px;padding:25px;min-height:122px;background:#fff;transition:border-color .15s,background .15s}
.region-card>span:first-child{min-width:0}
.region-card strong{display:block;font-size:24px;font-weight:550;line-height:1.3;overflow-wrap:anywhere}
.region-card small{display:block;color:var(--muted);font-size:14px;line-height:1.5;margin-top:7px;overflow-wrap:anywhere}
.region-card-arrow{flex:none;font-size:26px;color:var(--orange-dark)}
.region-card:hover{border-color:var(--orange-dark);background:#fff9f4}
.region-services .section-heading p{margin-top:20px;max-width:740px}
.region-services .related-grid a{overflow-wrap:anywhere}
.region-editorial .editorial-body p{max-width:760px}
.region-office-note{padding:20px 24px;border-left:3px solid var(--orange);background:var(--paper);font-size:16px;line-height:1.65;color:var(--ink)}
html[lang^=hy] .region-hero h1{font-size:clamp(30px,3.4vw,47px);line-height:1.28}
html[lang^=hy] .region-hero .lead{font-size:18px}
@media(max-width:960px){.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.region-card{padding:22px}.region-hero{padding-block:38px 48px}}
@media(max-width:720px){.coverage-strip>.wrap:has(.region-picker){gap:8px}.region-picker{flex-basis:100%;margin-left:0}.region-picker>summary{justify-content:flex-start;width:fit-content;max-width:100%;font-size:13px}.region-picker-panel{position:static;width:100%;margin-top:9px;max-height:58vh;box-shadow:none;padding:12px}.region-picker-panel ul{grid-template-columns:1fr;gap:0}.region-picker-panel li a{min-height:63px}.region-hero{padding-block:30px 40px}.region-hero h1{font-size:36px}.region-hero .lead{font-size:17px}.region-grid{gap:13px}.region-card{padding:20px;min-height:112px}.region-card strong{font-size:22px}.region-card small{font-size:13px}html[lang^=hy] .region-hero h1{font-size:30px}html[lang^=hy] .region-hero .lead{font-size:16px}}
@media(max-width:520px){.region-grid{grid-template-columns:1fr}.region-card{min-height:105px}.region-hero .actions{align-items:stretch;flex-direction:column}.region-hero .button{width:100%}.region-hero h1{font-size:32px}.region-directory>h2{font-size:29px}html[lang^=hy] .region-hero h1{font-size:28px}}
