/* install.css — the card of install.js (Safari steps, other browsers' hint, already installed).
   version: 0.2.0 · created 2026-11-02 by Pascal Ehlig, ITS · edited 2026-11-02 by Pascal Ehlig, ITS */
.gw-install{position:fixed;inset:0;z-index:2147483200;display:flex;align-items:flex-end;justify-content:center;padding:16px;
  padding-bottom:max(16px,env(safe-area-inset-bottom));background:color-mix(in srgb,#000 35%,transparent)}
.gw-install-box{width:min(440px,100%);box-sizing:border-box;padding:20px 22px;border-radius:22px;background:var(--surface,#fff);color:var(--text,#102a43);
  box-shadow:0 12px 40px rgb(0 0 0 / .25)}
.gw-install-box h2{margin:0 0 10px;font-size:1.15rem}
.gw-install-box ol{margin:0 0 16px;padding-left:1.3em;line-height:1.5}
.gw-install-box li+li{margin-top:6px}
.gw-install-ok{display:block;width:100%;min-height:44px;border:0;border-radius:14px;background:var(--action,#fb683e);color:var(--on-action,#102a43);
  font:inherit;font-weight:600;cursor:pointer}
.gw-install-ok:focus-visible{outline:3px solid var(--focus,#2563eb);outline-offset:2px}
.gw-install-row svg{width:22px;height:22px}
@media (min-width:601px){.gw-install{align-items:center}}
/* 0.2.0: the head with the usual „?“ of an object */
.gw-install-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.gw-install-q{flex:none;width:40px;height:40px;margin:-6px -8px 0 0;border:1px solid var(--border,#d9e2ec);border-radius:50%;background:transparent;
  color:var(--muted,#486581);font:700 1.05rem/1 var(--sans,system-ui);cursor:pointer}
.gw-install-q:hover,.gw-install-q:focus-visible{border-color:var(--accent,#fb683e);color:var(--accent,#fb683e);outline:none}
.gw-install-q:focus-visible{box-shadow:0 0 0 3px var(--focus,#2563eb)}