/* One compact, non-modal panel; the primary action uses the shared Chrome face. */
.regional-welcome[hidden],.regional-eyebrow[hidden]{display:none}
.regional-welcome{
 --regional-edge-inline:max(20px,env(safe-area-inset-right));
 --regional-edge-block:max(20px,env(safe-area-inset-bottom));
 box-sizing:border-box;position:fixed;right:var(--regional-edge-inline);bottom:var(--regional-edge-block);
 z-index:45;width:min(320px,calc(100vw - var(--regional-edge-inline) - 20px));
 max-height:calc(100dvh - var(--regional-edge-block) - 20px);overflow:auto;
 padding:20px;border:1px solid #363636;border-radius:16px;
 background:#191919;color:#eee;box-shadow:0 12px 36px #0005;
 opacity:0;transform:translateY(12px);isolation:isolate;text-align:start;
}
.regional-welcome[data-closing]{pointer-events:none}
.regional-heading{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:start;gap:12px}
.regional-heading-copy{min-width:0;align-self:center}
.regional-welcome h2{margin:0;font-size:22px;line-height:28px;letter-spacing:-.03em;font-weight:500;overflow-wrap:anywhere;text-wrap:balance}
.regional-eyebrow{margin:0 0 4px;color:#aaa;font-size:11px;line-height:16px;letter-spacing:0}
.regional-copy{margin:8px 0 16px;color:#bbb;font-size:13px;line-height:20px;letter-spacing:0;overflow-wrap:anywhere;text-wrap:pretty}
.regional-close{position:relative;display:grid;place-items:center;box-sizing:border-box;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:#aaa;cursor:pointer;transition:background-color 140ms,color 140ms}
.regional-close svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.regional-close:focus-visible{outline:2px solid var(--focus,#c6b9eb);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.regional-close:hover{background:#ffffff0b;color:#fff}}
@media(pointer:coarse){.regional-close::after{content:'';position:absolute;inset:-4px}}
@media(max-width:600px){.regional-welcome{--regional-edge-inline:max(16px,env(safe-area-inset-right));--regional-edge-block:max(16px,env(safe-area-inset-bottom));width:min(320px,calc(100vw - var(--regional-edge-inline) - 16px));max-height:calc(100dvh - var(--regional-edge-block) - 16px)}}
@media(prefers-reduced-motion:reduce){.regional-welcome{transform:none}.regional-close{transition:none}}