/* Bring the GPLX pages into the shared light UI without changing their content. */
body.hp-gplx2 {
  --bg-primary: #fbfefe;
  --bg-surface: #f5faff;
  --text-primary: #0d1435;
  --text-secondary: #586579;
  --brand-blue: #0064f5;
  --brand-blue-light: #075ad5;
  --brand-blue-soft: #e8f3ff;
  --accent-amber-soft: #fff8ec;
  --accent-green: #13b79a;
}
.hp-gplx2 .app-subnav {
  background: #f5faff;
}
.hp-gplx2 .app-subnav :where(.brand-link, .nav-links a) {
  color: #37455b;
}
.hp-gplx2 .app-subnav .nav-links a:is(:hover, [aria-current="page"]) {
  color: #0058d6;
  background: #e8f3ff;
}
.hp-gplx2 .hp-page-main :where(h1, h2, h3, h4, .app-identity-title, .release-status-header, .shot-title) {
  color: #0d1435;
}
.hp-gplx2 :where(.app-identity, .release-box, .qr-card, .doc-header, .toc-box, .policy-section, .terms-section, .source-section, .source-card, .shot-card) {
  background: #fff;
  border-color: #dfe8f3;
}
.hp-gplx2 :where(.app-identity, .release-box) {
  background: #f5faff;
}
.hp-gplx2 :where(.badge-blue, .doc-badge, .grade-pill) {
  color: #075ad5;
}
.hp-gplx2 :where(.badge-amber, .callout-amber) {
  color: #775212;
  background: #fff8ec;
}
.hp-gplx2 .btn-google-play {
  border-radius: 24px;
  background: linear-gradient(110deg, #0061f3, #0879ff);
  box-shadow: 0 4px 15px #0064f51a;
  max-width: 100%;
}
.hp-gplx2 .btn-google-play:hover {
  background: #0058d6;
}
.hp-gplx2 .hp-site-footer strong {
  color: #0d1435 !important;
}
.hp-gplx2 .hp-legal-content {
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.hp-gplx2 .hp-legal-content > .container {
  width: 100% !important;
}
.hp-gplx2 .toc-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hp-gplx2 .hp-page-main > .hero {
  width: 100%;
  max-width: none;
  border-radius: 0;
}
.hp-gplx2 .hero-phones > .phone-frame {
  min-width: 0;
}
.hp-gplx2 .skip-link:focus {
  z-index: 1001;
}
@media (max-width: 700px) {
  .hp-gplx2 .toc-list {
    grid-template-columns: minmax(0, 1fr);
  }
  .hp-gplx2 :where(.doc-header, .toc-box, .policy-section, .terms-section, .source-section) {
    padding: 20px;
  }
  .hp-gplx2 .app-subnav .nav-links {
    gap: 4px;
  }
  .hp-gplx2 .app-subnav .nav-links a {
    font-size: 12px;
    padding: 7px 9px;
  }
}