.pwa-actions { display:flex; flex:none; gap:8px; align-items:center; }
#pwa-install { padding:10px 12px; white-space:nowrap; }
#pwa-install[hidden], #pwa-offline[hidden] { display:none; }
#pwa-offline { max-width:1124px; margin:0 auto 12px; padding:10px 14px; border:1px solid #d6c4a1; background:#fffaf0; border-radius:5px; font-size:14px; line-height:1.45; }
#pwa-dialog { width:min(420px, calc(100% - 32px)); border:1px solid #d6c4a1; border-radius:12px; padding:24px; color:var(--green); background:var(--cream); }
#pwa-dialog::backdrop { background:#0b2522aa; }
#pwa-dialog h2 { margin:0 0 12px; font-size:26px; }
#pwa-dialog p { line-height:1.55; }
@media (max-width:700px) {
  #pwa-offline { margin-inline:20px; }
}
@media (max-width:375px) {
  header { padding-inline:12px; gap:8px; }
  .brand { gap:6px; }
  .brand small { letter-spacing:1.3px; }
  .seal { width:34px; height:34px; font-size:24px; flex:none; }
  .pwa-actions { gap:5px; }
  #pwa-install, #language { padding-inline:8px; }
}