.about-map-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:28px;align-items:center;margin:20px 0}
.about-map-canvas{position:relative;min-width:0}
.about-india-map .about-map-canvas>img{display:block;width:100%;max-width:none;margin:0;border-radius:8px;pointer-events:none}
.about-map-marker{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:#e52136;box-shadow:0 0 0 6px #e5213620;cursor:pointer;transition:box-shadow .2s,background .2s;display:grid;place-items:center;padding:0;z-index:2}
.about-map-marker:before{content:'';width:7px;height:7px;border-radius:50%;background:white}
.about-map-marker:hover,.about-map-marker[aria-pressed="true"]{background:#34267f;box-shadow:0 0 0 10px #34267f24}
.about-map-marker:focus-visible{outline:3px solid #08a4dc;outline-offset:7px}
.about-map-marker[aria-pressed="true"]:after{content:'';position:absolute;inset:-7px;border:1px solid #34267f70;border-radius:50%;animation:map-pulse 2s ease-out infinite;pointer-events:none}
.about-map-detail{padding:28px;border:1px solid #e0e7f0;border-radius:12px;background:linear-gradient(145deg,#f8faff,#edf3f9);min-height:270px}
.about-map-detail .about-map-region{font-size:10px;color:#e52136;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.about-map-detail h3{font:600 30px/1.15 var(--sans);letter-spacing:-.04em;color:#081a36;margin:12px 0 20px}
.about-map-detail h4{font:600 18px/1.35 var(--sans);color:#34267f;margin:0 0 12px}
.about-map-detail p{font:400 13px/1.8 var(--sans);color:#64748b;margin:0 0 18px}
.about-map-detail .about-map-focus{border-top:1px solid #dce4ef;padding-top:16px;margin-bottom:0;font-size:11px;color:#334963}
.about-map-detail.is-changing{animation:map-detail-in .25s ease-out}
.about-location[role="button"]{cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.about-location[role="button"]:hover,.about-location[aria-pressed="true"]{border-color:#34267f;box-shadow:0 8px 24px #34267f12;transform:translateY(-2px)}
.about-location[role="button"]:focus-visible{outline:3px solid #08a4dc;outline-offset:3px}
.about-map-hint{color:#64748b;font-size:11px;margin:12px 0 0}
@keyframes map-pulse{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.6);opacity:0}}
@keyframes map-detail-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.about-map-layout{grid-template-columns:1fr;gap:18px}.about-map-detail{min-height:0;padding:24px}.about-map-canvas{max-width:700px;width:100%;margin:auto}}
@media(max-width:500px){.about-map-marker{width:24px;height:24px;border-width:2px;box-shadow:0 0 0 3px #e5213620}.about-map-marker:before{width:5px;height:5px}.about-map-detail{padding:20px}.about-map-detail h3{font-size:26px}.about-map-detail h4{font-size:17px}.about-map-header{flex-wrap:wrap}.about-map-marker:hover,.about-map-marker[aria-pressed="true"]{box-shadow:0 0 0 5px #34267f24}}
@media(prefers-reduced-motion:reduce){.about-map-marker,.about-location[role="button"]{transition:none}.about-map-marker:after,.about-map-detail.is-changing{animation:none}}