.p229-panel .pg-install-menu-link,
#pg351-explore .pg-install-menu-link {
  display:flex;
  align-items:center;
  gap:.6rem;
  padding:.6rem .8rem;
  border:1px solid var(--ui-line,#dbe4f4);
  border-radius:.65rem;
  color:inherit;
  text-decoration:none;
  font:inherit;
  font-size:.875rem;
}
.p229-panel .pg-install-menu-link:hover,
#pg351-explore .pg-install-menu-link:hover { background:var(--ui-panel2,#eaf0ff); color:#2554bc; }
.p229-panel .pg-install-menu-link svg,
#pg351-explore .pg-install-menu-link svg { flex:none; }
.pg-install-menu-link[hidden],
.pg-install-guide [hidden] { display:none!important; }
.pg-install-guide {
  color-scheme:light dark;
  --page:#f4f7ff;
  --card:#fff;
  --ink:#13203b;
  --muted:#455774;
  --line:#dbe4f4;
  margin:0;
  background:var(--page);
  color:var(--ink);
  font:16px/1.55 system-ui,sans-serif;
}
@media (prefers-color-scheme:dark) {
  .pg-install-guide {
    --page:#101827; --card:#19243a; --ink:#f2f5ff; --muted:#c1cce1; --line:#31425e;
  }
}
.pg-install-guide main { box-sizing:border-box; max-width:42rem; margin:auto; padding:1.25rem; }
.pg-install-guide .pg-install-back { color:inherit; }
.pg-install-guide header { margin:1.5rem 0; }
.pg-install-guide h1 { margin:.2rem 0; font-size:clamp(2rem,8vw,3rem); line-height:1.15; }
.pg-install-guide section { margin:0 0 .8rem; padding:.9rem 1.1rem; border:1px solid var(--line); border-radius:.85rem; background:var(--card); }
.pg-install-guide h2 { margin:0; font-size:1.12rem; }
.pg-install-guide p { margin:.35rem 0; color:var(--muted); }
.pg-install-guide button { margin-top:.7rem; padding:.7rem 1rem; border:0; border-radius:.65rem; background:#244dc1; color:#fff; font:inherit; font-weight:650; cursor:pointer; }
.pg-install-guide .pg-install-footnote { font-size:.88rem; }

.pg-install-invite {
  box-sizing:border-box;
  position:fixed;
  inset-block-start:max(72px, calc(env(safe-area-inset-top) + 64px));
  inset-inline-end:12px;
  z-index:1000;
  width:min(320px, calc(100vw - 24px));
  padding:12px 14px;
  border:1px solid var(--ui-line,#dbe4f4);
  border-radius:14px;
  background:#fff;
  color:#13203b;
  box-shadow:0 8px 24px #13203b30;
  font:14px/1.45 system-ui,sans-serif;
}
.pg-install-invite[hidden] { display:none!important; }
[data-theme="dark"] .pg-install-invite { background:#19243a; color:#f2f5ff; border-color:#31425e; }
.pg-install-invite-title { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.pg-install-invite-title button {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:inherit;
  font:24px/1 system-ui,sans-serif;
  cursor:pointer;
}
.pg-install-invite p { margin:0 0 10px; color:inherit; }
.pg-install-invite a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 12px;
  border-radius:8px;
  background:#244dc1;
  color:#fff!important;
  text-decoration:none;
  font-weight:650;
}

/* Home-screen shortcuts can open the homepage in a regular browser tab. */
@media (max-width: 700px) {
  html:has(> body.pg-home-navigation),
  body.pg-home-navigation,
  body.pg-home-navigation .p205-hero {
    overflow-x: clip;
  }
  body.pg-home-navigation .p205-hero-grid > * {
    min-width: 0;
  }
}

@media (display-mode: standalone) and (max-width: 700px) {
  body.pg-home-navigation {
    box-sizing: border-box;
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
}