.app-install{padding:clamp(32px,5vw,72px) var(--pad-x);background:var(--navy);color:#fff;display:flex;align-items:center;gap:28px;border-bottom:1px solid #ffffff26}
.app-install>img{border-radius:22px;flex-shrink:0}
.app-install>div{flex:1}
.app-install__eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}
.app-install h2{font-family:var(--font-display);font-size:clamp(26px,3vw,42px);line-height:1.15;margin:0 0 12px}
.app-install p:not(.app-install__eyebrow){line-height:1.6;margin-bottom:0}
.app-install .button{flex-shrink:0}
.app-dialog{width:min(520px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:40px 28px;border:0;border-radius:20px;background:#faf8f5;color:#071c3a;box-shadow:0 24px 80px #050d184d}
.app-dialog::backdrop{background:#050d18bf}
.app-dialog h2{font-family:var(--font-display);font-size:32px;line-height:1.2;margin:0 0 24px}
.app-dialog li{margin:12px 0;line-height:1.6}
.app-dialog ol{padding-left:24px}
.app-dialog__close{position:absolute;right:12px;top:8px;width:44px;height:44px;border:0;background:transparent;font-size:30px;cursor:pointer}
.app-dialog__note{font-size:14px;line-height:1.6;margin:24px 0}
@media(max-width:760px){.app-install{flex-wrap:wrap;gap:20px}.app-install>div{flex-basis:calc(100% - 108px)}.app-install .button{justify-content:center;width:100%}}
.app-install[hidden],.app-install button[hidden]{display:none}

/* Keep installation within reach above the navigation on every screen. */
:root{--nav-h:128px}
.nav__row{min-height:calc(var(--nav-h) - 40px + env(safe-area-inset-top))}
.app-install-bar{height:40px;padding:0 var(--pad-x);display:flex;align-items:center;justify-content:flex-end;background:var(--navy-deep);border-bottom:1px solid #ffffff26}
.app-install-bar__button{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 14px;border:1px solid #ffffff70;border-radius:var(--pill);background:transparent;color:#fff;font:700 12px/1 var(--font-sans);cursor:pointer}
.app-install-bar__button:hover{background:#ffffff18;border-color:#fff}
.app-install-bar__button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.app-install-bar__button[hidden],.app-install-bar[hidden]{display:none}
html.app-is-installed{--nav-h:88px}
.app-is-installed .nav__row{min-height:calc(var(--nav-h) + env(safe-area-inset-top))}
@media(max-width:980px){:root{--nav-h:112px}html.app-is-installed{--nav-h:72px}}
@media print{.app-install-bar,.app-dialog{display:none}}