/* PBRP mobile friendliness + lite mode. Loaded on every page after the page's own CSS. */

/* ---- lite mode switch ---- */
.lite-note { margin: 0; padding: 18px 16px 30px; text-align: center; }
.lite-toggle { padding: 8px 4px; font: inherit; font-size: 13px; color: var(--muted); background: none; border: 0; cursor: pointer; min-height: 36px; }
.lite-toggle:hover, .lite-toggle:focus-visible { color: var(--bright); }
.lp-motion .lite-toggle { margin-left: 16px; }

/* ---- lite mode: no heavy effects, no video ---- */
.lite *, .lite *::before, .lite *::after { animation: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; text-shadow: none !important; }
.lite .site-header { background: #171a16 !important; }
.lite .lp-vid { display: none !important; }
.lite .pc-watermark { display: none !important; }
.lite .sp-maint-body { filter: none !important; transform: none !important; opacity: .25 !important; }
.lite .sp-maint-card, .lite .pg-overall, .lite #pbrp-gate .g-card { box-shadow: none !important; }
.lite .pg-bar i { transition: none !important; }
.lite .pg-bar-lg i::after { display: none !important; }

/* ---- inner-page menu button (added by nav.js) ---- */
.wiki-menu-btn { display: none; }

/* ---- phones and small tablets ---- */
@media (max-width: 860px) {
  .nav-links a { min-height: 44px; display: flex; align-items: center; }
  input, select, textarea { font-size: 16px !important; }            /* stops iPhones zooming in on focus */

  .wiki-menu-btn { display: block; width: 100%; margin: 0 0 12px; padding: 12px 16px; text-align: left; font: inherit; font-size: 15px; font-weight: 600; color: var(--bright); background: var(--gold-dim); border: 1px solid var(--accent-border); border-radius: var(--r-sm); cursor: pointer; }
  .wiki-menu-btn::after { content: ''; float: right; width: 8px; height: 8px; margin-top: 5px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
  .wiki-menu-btn[aria-expanded="true"]::after { transform: rotate(-135deg); margin-top: 9px; }
  .wiki-side.folded #wiki-nav { display: none; }
  .wiki-brand { margin-bottom: 10px; }
  #wiki-nav a, #wiki-nav .wiki-sub > summary { padding-top: 11px; padding-bottom: 11px; }
  #wiki-nav .wiki-catnav > summary { padding: 12px 0; margin: 6px 0 2px; }

  .pc-chipbtn, .pg-chipbtn { min-height: 40px; }
  .pc-btn, .pg-btn { min-height: 42px; }
  .pc-item summary, .pg-item summary { min-height: 52px; }
  .pc-link { min-height: 40px; padding: 10px 0; display: block; }

  /* home page: comfortable thumb targets for stand-alone links and buttons */
  .lp-link, .lp-start-note { display: inline-block; padding: 10px 2px; }
  .footer-links a { display: inline-block; padding: 10px 8px; }
  .btn-copy { min-height: 40px; padding: 8px 14px; }
  .lp-motion button, .lite-toggle { min-height: 40px; padding: 10px 6px; }
}

@media (max-width: 480px) {
  .wiki-layout, .pc-wrap, .pg-wrap { width: calc(100% - 28px); }
  #wiki-main table, .wiki-table { font-size: 14px; }
}

/* the soft glow behind the intro text is wider than a phone; keep it from creating sideways scroll */
.lp-intro { overflow-x: clip; }