/* LPI service-area map, productionised 2026-09-29 from premium-library/_review/lpi-service-areas-2026-09-29 */
.sa{--primary:var(--lpi-navy,#062b58);--primary-2:var(--lpi-navy-mid,#0a3d7a);--accent:#ffbe01;--accent-l:#fff5d6;--bg:#eef2f8;--surface:#fff;--surface-2:#e3e9f3;--border:#cdd7e6;--text:#0f1b2d;--muted:#4a5a70;--sea:#dfe8f4;--off:#f4f7fb;--off-s:#c7d3e4;--on:var(--lpi-navy-mid,#0a3d7a);--on-h:var(--lpi-navy,#062b58);--on-s:#fff;--lbl:#fff}[data-theme="dark"] .sa{--primary:color-mix(in srgb, var(--lpi-navy-mid) 35%, #5b9bd5 65%);--primary-2:#79b0e2;--accent:#ffbe01;--accent-l:rgba(255,190,1,.1);--bg:#0d1117;--surface:#161b22;--surface-2:#1c2333;--border:#30363d;--text:#e6edf3;--muted:#9aa7b6;--sea:#0f1a2a;--off:#1a2230;--off-s:#2b3647;--on:var(--lpi-navy-mid,#0a3d7a);--on-h:color-mix(in srgb, var(--lpi-navy-mid) 40%, #79b0e2 60%);--on-s:#0d1117;--lbl:#fff}.sa *{box-sizing:border-box}.sa{max-width:1240px;margin:0 auto;padding:72px 24px 40px}.sa .eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 13px/1 Satoshi,'Helvetica Neue',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-2)}.sa .eyebrow:before{content:"";width:28px;height:3px;border-radius:2px;background:var(--accent)}.sa h2{font:800 clamp(30px,4vw,46px)/1.08 'Cabinet Grotesk',Arial,sans-serif;color:var(--primary);margin:14px 0 14px;letter-spacing:-.01em;max-width:16ch}[data-theme="dark"] .sa h2{color:var(--text)}.sa .lede{color:var(--muted);max-width:52ch;margin:0 0 32px}.sa .grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;align-items:start}.sa .areas{display:flex;flex-direction:column;gap:10px}.sa .area{background:var(--surface);border:1px solid var(--border);border-radius:var(--lpi-radius-lg,18px);transition:border-color .2s,box-shadow .2s}.sa .area[open],.sa .area.hl{border-color:var(--primary-2);box-shadow:0 6px 24px -12px rgba(6,43,88,.35)}.sa summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:16px 18px;cursor:pointer}.sa summary::-webkit-details-marker{display:none}.sa .mark{grid-row:1/3;width:38px;height:38px;border-radius:10px;background:var(--surface-2);position:relative}.sa .mark:before{content:"";position:absolute;inset:11px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--primary-2)}.sa .mark:after{content:"";position:absolute;right:-3px;top:-3px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--surface)}.sa .nm{font:700 19px/1.2 'Cabinet Grotesk',Arial;color:var(--text)}.sa .nt{grid-column:2;font-size:14px;color:var(--muted)}.sa .ct{grid-row:1/3;grid-column:3;font:700 13px Satoshi,'Helvetica Neue',Arial,sans-serif;min-width:30px;height:30px;display:grid;place-items:center;border-radius:99px;background:var(--accent-l);color:var(--text)}.sa .chips{list-style:none;margin:0;padding:0 18px 4px 70px;display:flex;flex-wrap:wrap;gap:8px}.sa .chips a{display:inline-block;padding:6px 12px;border-radius:99px;background:var(--surface-2);color:var(--text);text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,color .15s}.sa .chips a:hover,.sa .chips a:focus-visible{background:var(--primary);color:#fff}.sa .more{display:inline-block;margin:10px 18px 16px 70px;font-weight:700;font-size:15px;color:var(--primary-2);text-decoration:none}.sa .more:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:4px}.sa .mapcard{position:sticky;top:24px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:14px;overflow:hidden}.sa .mapcard svg{display:block;width:100%;height:auto;border-radius:12px}.sa .sea{fill:var(--sea)}.sa .lga.off{fill:var(--off);stroke:var(--off-s);stroke-width:1}.sa .lga.on path{fill:var(--on);stroke:var(--on-s);stroke-width:2;transition:fill .2s}.sa .lga.on:hover path,.sa .lga.on:focus path,.sa .lga.on.hl path{fill:var(--on-h)}.sa .lga.on:focus{outline:none}.sa .lga.on:focus-visible path{stroke:var(--accent);stroke-width:4}.sa .lbl{pointer-events:none;font-family:var(--font-display),Arial}.sa .on-l,.sa .on-l text{fill:var(--lbl);font-weight:800;font-size:22px}.sa g.on-l text{fill:var(--text)}.sa g.on-l line{stroke:var(--text);stroke-width:1.5}.sa .off-l{fill:var(--muted);font-size:19px;font-weight:700;opacity:.7}.sa .base .dot{fill:var(--accent);stroke:var(--lpi-navy,#062b58);stroke-width:3}.sa .base .pulse{fill:var(--accent);opacity:.5;animation:p 2.4s ease-out infinite;transform-origin:center;transform-box:fill-box}.sa .base text{fill:var(--text);font:700 21px Satoshi,'Helvetica Neue',Arial,sans-serif;paint-order:stroke;stroke:var(--surface);stroke-width:5px}@keyframes p{0%{transform:scale(1);opacity:.55}100%{transform:scale(3.2);opacity:0}}@media (prefers-reduced-motion:reduce){.sa .base .pulse{animation:none}}.sa .legend{display:flex;gap:18px;flex-wrap:wrap;padding:12px 6px 2px;font-size:13px;color:var(--muted)}.sa .legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}.sa .credit{font-size:11px;color:var(--muted);padding:4px 6px 0;opacity:.8}[data-theme="dark"] .sa .trust ul{background:var(--surface-2)}.sa .ic{flex:none;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;position:relative}.sa .ic svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sa .ic .g{fill:var(--accent);stroke:none}@media (max-width:900px){.sa .grid{grid-template-columns:1fr}.sa .mapcard{position:static;order:-1}}@media (max-width:520px){.sa{padding:48px 16px 28px}.sa .chips,.sa .more{padding-left:18px;margin-left:18px}.sa .chips{padding-left:18px}.sa .more{margin-left:18px}}.sa .finder{max-width:620px;margin:0 0 28px}.sa .finder label{display:block;font:700 15px Satoshi,'Helvetica Neue',Arial,sans-serif;margin-bottom:8px}.sa .fwrap{position:relative}.sa .fwrap>svg{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);stroke:var(--muted);fill:none;stroke-width:2;stroke-linecap:round}.sa #sub{width:100%;font:500 17px Satoshi,'Helvetica Neue',Arial,sans-serif;padding:15px 16px 15px 46px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s}.sa #sub:focus{outline:none;border-color:var(--primary-2);box-shadow:0 0 0 4px var(--accent-l)}.sa #sugg{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 40px -18px rgba(6,43,88,.45)}.sa #sugg li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer}.sa #sugg li small{color:var(--muted)}.sa #sugg li[aria-selected=true],.sa #sugg li:hover{background:var(--surface-2)}.sa .fres{min-height:1.6em;margin:10px 2px 0;font-size:15px;color:var(--muted)}.sa .fres b{color:var(--text)}.sa .fres a{color:var(--primary-2);font-weight:700}.sa .fres .yes:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:1px}.sa .tip{position:absolute;z-index:4;pointer-events:none;background:var(--primary);color:#fff;padding:8px 12px;border-radius:10px;font:600 14px/1.3 Satoshi,'Helvetica Neue',Arial,sans-serif;box-shadow:0 10px 24px -10px rgba(0,0,0,.5);transform:translate(-50%,calc(-100% - 14px));white-space:nowrap}.sa .tip small{display:block;font-weight:500;opacity:.8}.sa .lga.on{cursor:pointer}.sa .lga.on.sel path{fill:var(--on-h);stroke:var(--accent);stroke-width:3.5}.sa.js-on .lga.on path{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1),fill .2s}.sa.js-on .in .lga.on path{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.sa.js-on .lga.on path{opacity:1;transform:none;transition:fill .2s}}.sa .area.hl .mark:before,.sa .area[open] .mark:before{background:var(--primary)}.sa .grp{font:700 12px Satoshi,'Helvetica Neue',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:14px 2px 2px}.sa .grp:first-child{margin-top:0}.sa .chips span{display:inline-block;padding:6px 12px;border-radius:99px;background:var(--surface-2);font-size:14px;font-weight:500}.sa .lead line{stroke:var(--text);stroke-width:1.3;opacity:.75}.sa .lead circle{fill:var(--accent);stroke:var(--on-s);stroke-width:1.5}.sa .lead text{fill:var(--text);font-weight:800;font-size:22px;paint-order:stroke;stroke:var(--sea);stroke-width:5px}.sa .on-l{font-size:26px!important}.sa .route{fill:none;stroke:var(--accent);stroke-width:3;stroke-dasharray:2 9;stroke-linecap:round;opacity:.95;animation:dash 30s linear infinite}@keyframes dash{to{stroke-dashoffset:-440}}@media (prefers-reduced-motion:reduce){.sa .route{animation:none}}.sa .town circle{fill:var(--surface);stroke:var(--primary);stroke-width:3}.sa .town text{fill:var(--text);font:700 19px Satoshi,'Helvetica Neue',Arial,sans-serif;paint-order:stroke;stroke:var(--surface);stroke-width:5px}.sa .lga.plan path{fill:var(--primary-2)}.sa .head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:36px}.sa .head .lede{margin:0}.sa .finder{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:22px 22px 18px;box-shadow:0 20px 50px -30px rgba(6,43,88,.5)}.sa .fres{margin-top:14px}.sa .ticket{display:block;border-top:1px dashed var(--border);padding-top:14px}.sa .ticket .facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0}.sa .ticket .facts li{font-size:13px;font-weight:700;padding:5px 10px 5px 26px;border-radius:8px;background:var(--surface-2);color:var(--text);position:relative}.sa .ticket .facts li:before{content:"";position:absolute;left:10px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:2px;background:var(--accent)}.sa .ring circle{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-dasharray:6 8;opacity:.75}.sa .ring text{fill:var(--text);font:700 17px Satoshi,'Helvetica Neue',Arial,sans-serif;opacity:.8;paint-order:stroke;stroke:var(--sea);stroke-width:5px}.sa .mapcard{top:16px}@media (max-width:900px){.sa .head{grid-template-columns:1fr;gap:24px}}.sa .subs{display:none}.sa .loupe .subs{display:block}.sa .sb circle{fill:var(--accent);stroke:var(--lpi-navy,#062b58);stroke-width:1}.sa .sb text{font:700 7px Satoshi,'Helvetica Neue',Arial,sans-serif;fill:#fff;paint-order:stroke;stroke:var(--lpi-navy,#062b58);stroke-width:2.2px}.sa .mapcard{position:relative}.sa .mapcard.lensing svg{cursor:none}.sa .loupe{position:absolute;left:0;top:0;width:210px;height:210px;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .2s,transform .25s cubic-bezier(.2,.9,.3,1.3);z-index:6}.sa .mapcard.lensing .loupe{opacity:1;transform:translate(-50%,-50%) scale(1)}.sa .lens{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:9px solid var(--lpi-navy,#062b58);box-shadow:0 0 0 3px #fff,0 18px 40px -12px rgba(6,43,88,.6),inset 0 0 30px rgba(25,195,201,.45);background:var(--sea)}.sa .lens:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.45),transparent 38%),linear-gradient(to top,rgba(25,195,201,.22),transparent 45%)}.sa .lens svg{width:100%;height:100%;display:block}.sa .handle{position:absolute;width:22px;height:78px;left:168px;top:174px;border-radius:12px;background:var(--lpi-navy,#062b58);border:3px solid #fff;transform:rotate(-45deg);transform-origin:top center}.sa .hint{position:absolute;left:24px;top:24px;margin:0;padding:6px 12px;border-radius:99px;background:var(--surface);border:1px solid var(--border);font:600 13px Satoshi,'Helvetica Neue',Arial,sans-serif;color:var(--muted);transition:opacity .3s}.sa .mapcard.lensing .hint,.sa .mapcard.used .hint{opacity:0}@media (hover:none),(pointer:coarse){.sa .loupe,.sa .hint{display:none}}.sa .ripple{fill:none;stroke:#19c3c9;stroke-width:3;pointer-events:none}.sa .ic{width:30px;height:30px;flex:none}.sa .sic{position:absolute;left:10px;top:50%;width:30px;height:30px;transform:translateY(-50%)}.sa #sub{padding-left:50px}.sa .ticket .facts li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px}.sa .ticket .facts li:before{display:none}.sa .ticket .facts .ic{width:26px;height:26px}.sa .mark{grid-row:1/3;width:44px;height:44px;background:none!important}.sa .mark:before,.sa .mark:after{display:none!important}.sa .mark svg{width:44px;height:44px;display:block;transition:transform .35s cubic-bezier(.2,.9,.3,1.3)}.sa .area[open] .mark svg,.sa .area.hl .mark svg{transform:rotate(-12deg) scale(1.06)}.sa .wf,.sa .chips a{position:relative;overflow:hidden;isolation:isolate}.sa .wf:before,.sa .chips a:before{content:"";position:absolute;left:0;right:0;top:-7px;bottom:0;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 8'%3E%3Cpath d='M0 8Q10 0 20 4T40 4V8Z' fill='%2319c3c9'/%3E%3C/svg%3E") 0 0/40px 8px repeat-x,linear-gradient(#19c3c9,#0a6fd6) 0 7px/100% 100% no-repeat;transform:translateY(102%);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.sa .wf:hover:before,.sa .wf:focus-visible:before,.sa .chips a:hover:before,.sa .chips a:focus-visible:before{transform:translateY(0)}.sa .chips a:hover,.sa .chips a:focus-visible{background:var(--surface-2)!important;color:#fff!important}.sa .btn{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:12px 20px;border-radius:99px;font:700 15px Satoshi,'Helvetica Neue',Arial,sans-serif;text-decoration:none;color:var(--lpi-navy,#062b58);background:#ffbe01;border:2px solid var(--lpi-navy,#062b58);transition:color .3s}.sa .btn.wf:hover,.sa .btn.wf:focus-visible{color:#fff}.sa .caus{opacity:.18;pointer-events:none}.sa .loupe .sea{fill:url(#wgv)}.sa .loupe .caus{opacity:.6}.sa .loupe .lga.off{fill:var(--off);opacity:.92}.sa .loupe .lga.on path{opacity:1!important;transform:none!important;transition:none!important}.sa .loupe .lbl,.sa .loupe .ring,.sa .loupe .bp text{display:none}.sa .lens{border-color:var(--lpi-navy,#062b58)}.sa .bp .rp{fill:none;stroke:#19c3c9;stroke-width:2.5;transform-box:fill-box;transform-origin:center;animation:rp 3s ease-out infinite}.sa .bp .rp:nth-of-type(2){animation-delay:1s}.sa .bp .rp:nth-of-type(3){animation-delay:2s}@keyframes rp{0%{transform:scale(.35);opacity:.9}100%{transform:scale(1.4);opacity:0}}.sa .bp text{fill:var(--text);font:800 21px Satoshi,'Helvetica Neue',Arial,sans-serif;paint-order:stroke;stroke:var(--surface);stroke-width:6px}.sa .waterline{position:relative;height:116px;margin:40px -24px 0;overflow:hidden}.sa .wl{position:absolute;left:0;top:46px;width:200%;height:70px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 44%,transparent 50%);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 44%,transparent 50%)}.sa .wlw{animation:wl 24s linear infinite}@keyframes wl{to{transform:translateX(-600px)}}.sa .wl-lens{position:absolute;left:50%;top:0;width:112px;height:112px;margin-left:-56px;filter:drop-shadow(0 12px 18px rgba(6,43,88,.35))}.sa .wlz{animation:wlz 6s ease-in-out infinite alternate}@keyframes wlz{to{transform:translateX(75px)}}.sa .paused *,.sa .paused{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.sa .bp .rp,.sa .wlw,.sa .wlz{animation:none}.sa .wf:before,.sa .chips a:before{transition:none}}.sa .mapcard .sa-map{display:block;width:100%;aspect-ratio:1000/1024}.sa .mapcard .sa-map img{width:100%;height:auto;display:block}.sa-kicker{display:block}

/* ========== GROK MAP POLISH 2026-09-29 ========== */
.sa{--sea:#d4e2f4;--off:#eef3fa;--off-s:#c2d0e4;--on:var(--lpi-navy-mid,#0a3d7a);--on-h:var(--lpi-navy,#062b58)}
[data-theme="dark"] .sa{--sea:#0a1628;--off:#152033;--off-s:#2a3648;--on:var(--lpi-navy-mid,#0a3d7a);--on-h:color-mix(in srgb, var(--lpi-navy-mid) 40%, #79b0e2 60%);--surface:#141a24;--surface-2:#1a2333;--border:#2c3544}
.sa .mapcard{border-radius:22px;border-color:color-mix(in srgb,var(--border) 80%, var(--lpi-navy,#062b58) 20%);box-shadow:0 22px 50px -28px rgba(6,43,88,.45), inset 0 1px 0 rgba(255,255,255,.06);padding:16px}
[data-theme="dark"] .sa .mapcard{box-shadow:0 24px 56px -28px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.05)}
.sa .area{border-radius:16px;transition:border-color .2s,box-shadow .2s,transform .2s cubic-bezier(.16,1,.3,1)}
.sa .area:hover{transform:translateY(-1px)}
.sa .area[open],.sa .area.hl{border-color:var(--accent);box-shadow:0 10px 28px -14px rgba(255,190,1,.35),0 6px 20px -12px rgba(6,43,88,.3)}
.sa .chips a{border:1px solid transparent;letter-spacing:.01em}
.sa .chips a:hover,.sa .chips a:focus-visible{border-color:rgba(255,190,1,.35);box-shadow:0 6px 16px -10px rgba(6,43,88,.4)}
.sa .base .dot{filter:drop-shadow(0 0 6px rgba(255,190,1,.55))}
.sa .finder{border-radius:22px;box-shadow:0 22px 50px -30px rgba(6,43,88,.45)}
.sa #sub:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-l)}
.sa .btn{box-shadow:0 8px 20px -10px rgba(255,190,1,.55), inset 0 1px 0 rgba(255,255,255,.3)}
.sa .eyebrow:before{height:3px;border-radius:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.sa .legend i{border-radius:3px;box-shadow:inset 0 0 0 1px rgba(6,43,88,.12)}
@media (prefers-reduced-motion:reduce){.sa .area:hover{transform:none}}

/* ========== LOOP 2 MAP CONSISTENCY ========== */
.sa .area{border-radius:18px;border-color:color-mix(in srgb,var(--border) 85%, var(--lpi-navy,#062b58) 15%)}
.sa .mapcard,.sa .finder{border-radius:22px;border-color:color-mix(in srgb,var(--border) 80%, var(--lpi-navy,#062b58) 20%)}
.sa .chips a,.sa .chips span{border-radius:999px;border:1px solid transparent}
.sa .chips a:hover,.sa .chips a:focus-visible{border-color:color-mix(in srgb,var(--accent) 40%, transparent)}
.sa #sub,#sugg{border-radius:14px}
.sa #sugg li{border-radius:10px}
.sa .btn{border-radius:999px}
.sa .mark{border-radius:12px}
html[data-theme="light"] .sa .area,
html[data-theme="light"] .sa .mapcard,
html[data-theme="light"] .sa .finder{background:#fff;box-shadow:0 1px 2px rgba(6,43,88,.05),0 12px 32px -18px rgba(6,43,88,.18)}
html[data-theme="dark"] .sa .area{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.sa .area[open],.sa .area.hl{border-color:var(--accent)}
.sa .finder #sub:focus,.sa #sub:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-l)}

/* ========== LOOP 3 MAP / AREA CHROME ========== */
.sa .area,
.sa .mapcard,
.sa .finder {
  border-width: 1px;
  border-style: solid;
  border-color: color-mix(in srgb, var(--border) 78%, var(--lpi-navy,#062b58) 22%);
}
.sa .area {
  border-radius: 18px;
  transition: border-color .2s, box-shadow .2s, transform .2s cubic-bezier(.16,1,.3,1);
}
.sa .mapcard,
.sa .finder {
  border-radius: 22px;
}
html[data-theme="light"] .sa .area,
html[data-theme="light"] .sa .mapcard,
html[data-theme="light"] .sa .finder {
  background: #fff;
  box-shadow: 0 1px 2px rgba(6, 43, 88, 0.055), 0 12px 32px -16px rgba(6, 43, 88, 0.18);
}
html[data-theme="dark"] .sa .area {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 22px -16px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .sa .mapcard,
html[data-theme="dark"] .sa .finder {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 22px 50px -28px rgba(0, 0, 0, 0.65);
}
.sa .area[open],
.sa .area.hl {
  border-color: var(--accent);
  box-shadow: 0 10px 28px -14px rgba(255, 190, 1, 0.38), 0 8px 24px -14px rgba(6, 43, 88, 0.28);
}
.sa .area:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--accent) 35%, var(--border));
}
.sa .area:active {
  transform: translateY(0);
}
.sa .chips a,
.sa .chips span {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 999px;
  transition: border-color .15s, background .15s, transform .15s, box-shadow .15s;
}
.sa .chips a:hover,
.sa .chips a:focus-visible {
  border-color: color-mix(in srgb, var(--accent) 42%, transparent);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px -10px rgba(6, 43, 88, 0.4);
}
.sa #sub {
  border-width: 1.5px;
  border-style: solid;
  border-radius: 14px;
}
.sa #sub:focus,
.sa .finder #sub:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px var(--accent-l);
}
.sa #sugg {
  border-width: 1px;
  border-style: solid;
  border-color: color-mix(in srgb, var(--border) 78%, var(--lpi-navy,#062b58) 22%);
  border-radius: 14px;
  box-shadow: 0 18px 40px -18px rgba(6, 43, 88, 0.45);
}
.sa .hint {
  border-width: 1px;
  border-style: solid;
  border-color: color-mix(in srgb, var(--border) 80%, var(--lpi-navy,#062b58) 20%);
  border-radius: 999px;
}
.sa .btn:active {
  transform: translateY(0);
  filter: brightness(0.97);
}
@media (max-width: 420px) {
  .sa {
    padding-left: max(1.125rem, env(safe-area-inset-left, 0px) + 0.85rem);
    padding-right: max(1.125rem, env(safe-area-inset-right, 0px) + 0.85rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  .sa .area:hover,
  .sa .area:active,
  .sa .chips a:hover {
    transform: none;
  }
}

/* ========== LOOP 6 — areas stays the showcase (stronger than site echoes) ========== */
.sa .mapcard,
.sa .finder {
  border-radius: 22px;
  border-color: color-mix(in srgb, var(--border) 75%, var(--lpi-navy,#062b58) 25%);
}
.sa .chips a,
.sa .chips span {
  border-width: 1px;
  border-style: solid;
  border-color: color-mix(in srgb, var(--border) 88%, var(--lpi-navy,#062b58) 12%);
}
.sa .chips a:hover,
.sa .chips a:focus-visible {
  border-color: color-mix(in srgb, var(--accent) 48%, transparent);
}
.sa .eyebrow:before {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);
}
html[data-theme="light"] .sa .mapcard,
html[data-theme="light"] .sa .finder {
  box-shadow: 0 1px 2px rgba(6, 43, 88, 0.055), 0 16px 40px -18px rgba(6, 43, 88, 0.22);
}

/* 2026-10-12 areas: centre the "Don't see your suburb listed?" card content (flex column left-aligned its text blocks) and align its gutters with the prose panels and keep it on the same measure as the prose panels */
body .lpi__post-body.lpi__post-body--areas > .lpi-cta{align-items:center;text-align:center;width:100%;max-width:960px;margin-inline:auto;box-sizing:border-box}
body .lpi__post-body.lpi__post-body--areas > .lpi-cta > p{max-width:62ch;text-align:center}
@media (max-width:1040px){body .lpi__post-body.lpi__post-body--areas > .lpi-cta{width:auto;margin-inline:32px}}
@media (max-width:640px){body .lpi__post-body.lpi__post-body--areas > .lpi-cta{margin-inline:20px}}