:root{color-scheme:light;--navy:#142238;--green:#2f8f52;--muted:#6b7280;--sheet:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--sheet);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[hidden]{display:none!important}
a{color:var(--navy)}a:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
main[data-view]{position:relative!important;inset:auto!important;min-height:100vh;min-height:100svh;padding:calc(20px + env(safe-area-inset-top)) 24px calc(20px + env(safe-area-inset-bottom))!important}
main[data-view]>div{flex:1}
main[data-view=L2]{padding-top:calc(14px + env(safe-area-inset-top))!important;padding-bottom:calc(58px + env(safe-area-inset-bottom))!important}
main[data-view=L4]{padding:44px 40px 36px!important}
a[data-store]:not([target]):hover{background:#24324a!important;border-color:#24324a!important}
a[data-home]:hover{background:#e9ecf0!important;border-color:#e9ecf0!important}
a[target]:hover{color:var(--green)!important}
.qr-frame{margin-top:28px;width:184px;height:184px;border-radius:16px;border:1.4px solid #e3e5e9;background:#fff;display:flex;align-items:center;justify-content:center;padding:0}
.qr-frame img{width:174px;height:174px;display:block;image-rendering:pixelated}
@media(max-width:420px){main[data-view=L4]{padding:28px 24px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}