.region-directory{display:grid;gap:12px;min-width:0;margin-top:24px}
.region-directory-item{position:relative;min-width:0;background:#fff;border:1px solid #d6e4ec;border-radius:16px;overflow:hidden;box-shadow:0 3px 12px rgba(8,42,77,.025);transition:border-color .28s ease,box-shadow .35s ease}
.region-directory-item:before{content:"";position:absolute;z-index:1;top:16px;bottom:16px;left:0;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--blue-700),var(--teal));opacity:0;transition:opacity .3s ease,top .35s ease,bottom .35s ease;pointer-events:none}
.region-directory-item summary{position:relative;display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 20px;list-style:none;cursor:pointer;color:var(--navy-900);font-family:"DM Sans",sans-serif;isolation:isolate;-webkit-tap-highlight-color:transparent}
.region-directory-item summary::-webkit-details-marker{display:none}
.region-directory-item summary:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,#082a4d,#0b435d 78%,#11696c);opacity:0;transition:opacity .36s ease}
.region-directory-item summary:focus-visible{outline:3px solid var(--teal);outline-offset:-5px;border-radius:15px}
.region-directory-index{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid #dfebf0;border-radius:11px;background:linear-gradient(145deg,#f1f7fb,#eaf5f5);color:#20637f;font:700 .76rem/1 "DM Sans",sans-serif;letter-spacing:.03em;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .4s cubic-bezier(.22,1,.36,1)}
.region-directory-label{display:grid;gap:3px;flex:1;min-width:0}
.region-directory-name{font:700 1rem/1.35 "Manrope",sans-serif;transition:color .3s ease}
.region-directory-count{color:#587184;font-size:.78rem;font-weight:500;line-height:1.35;transition:color .3s ease}
.region-directory-indicator{position:relative;display:block;width:34px;height:34px;flex:0 0 34px;border:1px solid #d5e6ed;border-radius:50%;background:#f7fbfd;color:var(--blue-700);transition:transform .48s cubic-bezier(.22,1,.36,1),background .3s ease,color .3s ease,border-color .3s ease}
.region-directory-indicator:before,.region-directory-indicator:after{content:"";position:absolute;left:10px;top:15px;width:12px;height:2px;background:currentColor;border-radius:2px;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .25s ease}
.region-directory-indicator:after{transform:rotate(90deg)}
.region-directory-item:is([data-expanded="true"],[open]:not([data-expanded])){border-color:#a9cdd6;box-shadow:0 12px 30px rgba(8,42,77,.085)}
.region-directory-item:is([data-expanded="true"],[open]:not([data-expanded])):before{opacity:1;top:0;bottom:0}
.region-directory-item:is([data-expanded="true"],[open]:not([data-expanded])) summary:before{opacity:1}
.region-directory-item:is([data-expanded="true"],[open]:not([data-expanded])) .region-directory-name{color:#fff}
.region-directory-item:is([data-expanded="true"],[open]:not([data-expanded])) .region-directory-count{color:#d3e9ef}
.region-directory-item:is([data-expanded="true"],[open]:not([data-expanded])) .region-directory-index{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}
.region-directory-item:is([data-expanded="true"],[open]:not([data-expanded])) .region-directory-indicator{transform:rotate(180deg);background:#fff;color:#176e75;border-color:#fff}
.region-directory-item:is([data-expanded="true"],[open]:not([data-expanded])) .region-directory-indicator:after{transform:rotate(90deg) scaleX(0);opacity:0}
.region-directory-panel{overflow:hidden}
.region-directory-content{padding:0}
.region-directory-cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:18px 20px 20px;color:var(--navy-900);font-size:.94rem;line-height:1.45}
.region-directory-cities li{position:relative;min-width:0;display:flex;align-items:center;padding:9px 12px;border:1px solid #e2ecf2;border-radius:9px;background:#f4f8fb;overflow-wrap:anywhere}
.region-directory-note{margin:0;padding:20px;font-size:.94rem}
.as-region-grid>.region-directory,.ih-footprint .region-directory{margin-top:0}
.as-region .region-directory-cities{grid-template-columns:repeat(2,minmax(0,1fr))}
.ih-footprint .ih-text-link{margin-top:16px}
.network-footprint>p{margin-bottom:0}
@media(hover:hover){.region-directory-item:hover{border-color:#a9cdd6;box-shadow:0 8px 24px rgba(8,42,77,.07)}.region-directory-item:hover:before{opacity:1}.region-directory-item:not([open]) summary:hover .region-directory-index{transform:translateY(-1px);border-color:#bfdbdf}.region-directory-item:not([open]) summary:hover .region-directory-indicator{transform:rotate(90deg);border-color:#83bec7;background:#eaf5f6;color:#176e75}}
@media(max-width:760px){.region-directory{gap:10px}.region-directory-item{border-radius:14px}.region-directory-item summary{padding:13px 16px;min-height:68px;gap:12px}.region-directory-index{flex-basis:34px;height:34px;border-radius:10px}.region-directory-name{font-size:.94rem}.region-directory-indicator{width:32px;height:32px;flex-basis:32px}.region-directory-indicator:before,.region-directory-indicator:after{left:9px;top:14px}.region-directory-cities,.as-region .region-directory-cities{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:7px;font-size:.9rem}.region-directory-cities li{padding:8px 10px}}
@media(max-width:360px){.region-directory-item summary{gap:10px;padding-inline:14px}.region-directory-cities,.as-region .region-directory-cities{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.region-directory-item,.region-directory-item:before,.region-directory-item summary:before,.region-directory-index,.region-directory-name,.region-directory-count,.region-directory-indicator,.region-directory-indicator:before,.region-directory-indicator:after{transition:none;animation:none}}