/* Home Screen installation help stays in the footer, outside photos and header controls. */
.pwa-install [hidden]{display:none!important}
.pwa-install{margin-top:24px;padding-top:18px;border-top:1px solid #ffffff30;text-align:center}
.pwa-install-toggle,.pwa-native-install{position:relative;display:flex;align-items:center;justify-content:center;width:164px;max-width:100%;height:52px;margin:0 auto;border:2px solid #e9ac66;border-radius:12px;background:#fffaf2;color:#481b2c;padding:5px 24px 5px 8px;font:750 13px/1.2 system-ui;text-align:center;cursor:pointer}
.pwa-install-toggle>span{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:18px}
html[data-city="okc"] :is(.pwa-install-toggle,.pwa-native-install){color:#002d62;border-color:#ff9a66}
.pwa-install-panel{max-width:600px;margin:14px auto 0;padding:18px;border:1px solid #ffffff40;border-radius:16px;background:#ffffff0b;text-align:left;color:#fffaf2}
.pwa-install-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}.pwa-install-heading img{display:block;width:64px;height:64px;border-radius:14px;flex:none}.pwa-install-heading h2{font:400 24px/1.15 Georgia,serif;color:#fffaf2;margin:0 0 5px}.footer .pwa-install-heading p{margin:0;font-size:12px;color:#f2c879}
.footer .pwa-install-panel>p{font-size:14px;line-height:1.65;margin:12px 0;color:#fffaf2}.footer .pwa-install-panel .pwa-install-note{font-size:12px;color:#ded9d5;margin-bottom:0}
.pwa-native-install{padding:5px 8px;margin-top:14px}
.pwa-install :is(button):focus-visible{outline:3px solid #f2c879;outline-offset:4px}
.pwa-install-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pwa-install-actions>.pwa-install-toggle{margin:0}
.pwa-share-button{display:flex;align-items:center;justify-content:center;width:164px;max-width:100%;height:52px;margin:0;border:2px solid #e9ac66;border-radius:12px;background:#fffaf2;color:#481b2c;padding:5px 8px;font:750 13px/1.2 system-ui;text-align:center;cursor:pointer}
html[data-city="okc"] .pwa-share-button{color:#002d62;border-color:#ff9a66}
.footer .pwa-share-status{flex-basis:100%;margin:8px 0 0;font-size:13px;color:#fffaf2;text-align:center}
.pwa-share-only>.pwa-share-button{margin:0 auto}
@media(max-width:380px){.pwa-install-actions>:is(.pwa-share-button,.pwa-install-toggle){width:calc((100% - 8px)/2);padding-left:5px;padding-right:18px;font-size:12px}.pwa-install-actions>.pwa-share-button{padding-right:5px}}
/* Sharing and installation live with the guide's chapter buttons. */
.browse-nav .pwa-menu-help{width:100%;margin:0;padding:0;border:0}
.browse-nav .pwa-install-toggle,.browse-nav .pwa-share-button{margin:0;height:52px;min-height:52px;border:2px solid #e9ac66!important;white-space:normal}
.browse-nav .pwa-install-toggle>span{display:none}
.browse-nav .pwa-install-panel{margin:14px auto 0;color:#fffaf2}
.browse-nav .pwa-install-panel>p{font-size:14px;line-height:1.65;margin:12px 0;color:#fffaf2}
.browse-nav .pwa-install-heading p{margin:0;font-size:12px;color:#f2c879}
.browse-nav .pwa-install-panel .pwa-install-note{font-size:12px;color:#ded9d5}
.browse-nav>.pwa-share-status{width:100%;margin:12px 0 0;color:#fffaf2;text-align:center;font-size:13px}
/* Installation help opens from Menu without a second navigation section. */
.pwa-help-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(580px,calc(100% - 24px));max-height:calc(100dvh - 32px);margin:0;padding:0;overflow:auto;border:1px solid #e9ac66;border-radius:16px;background:#361824;color:#fffaf2;box-shadow:0 16px 60px #0005;overscroll-behavior:contain}
html[data-city="okc"] .pwa-help-dialog{background:#002d62;border-color:#ff9a66}
.pwa-help-dialog::backdrop{background:#0006}
.pwa-help-dialog .pwa-install-panel{margin:0;border:0;background:transparent;max-width:none}
.pwa-help-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.pwa-help-top h2{font:750 21px/1.2 system-ui;margin:0;color:#fffaf2}
.pwa-help-close{width:44px;height:44px;flex:none;border:1px solid #f2c879;border-radius:10px;background:transparent;color:#fffaf2;font:28px/1 system-ui;cursor:pointer}
.pwa-help-dialog .pwa-install-heading h3{font:400 23px/1.15 Georgia,serif;margin:0 0 5px;color:#fffaf2}
.pwa-help-dialog .pwa-install-heading p{margin:0;color:#f2c879;font-size:12px}
.pwa-help-dialog .pwa-install-panel>p{font-size:14px;line-height:1.6;margin:14px 0;color:#fffaf2}
.pwa-help-dialog .pwa-install-panel .pwa-install-note{font-size:12px;color:#ded9d5}
.pwa-help-dialog :focus-visible{outline:3px solid #f2c879;outline-offset:3px}