/* BlueCredit website: phones and small tablets. Loaded last on every page (after light.css). */
.n-burger{display:none}
@media (max-width: 960px) {
  html, body { overflow-x: hidden; }
  img, video, iframe, svg { max-width: 100%; }
  img { height: auto; }
  /* nav: logo, apps, sign in, menu button; the links open as a panel */
  nav { height: 56px; }
  .pw { padding-top: 56px !important; }
  .n-logo { padding: 0 .9rem; }
  .n-logo img { height: 24px; }
  .n-divider, .n-right-link, .n-search-btn { display: none !important; }
  .n-right { gap: 2px; padding: 0 .4rem; }
  .n-signin { padding: 6px 8px !important; font-size: 0 !important; gap: 0 !important; }
  .n-signin svg { width: 22px; height: 22px; }
  .n-burger { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; background: none; color: var(--gray-700, #3a3a3c); cursor: pointer; border-radius: 8px; }
  .n-burger svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 2; }
  .n-left { display: none !important; }
  nav.m-open .n-left { display: flex !important; flex-direction: column; position: fixed; top: 56px; left: 0; right: 0; bottom: 0; background: #fff; overflow-y: auto; padding: 8px 0 24px; border-top: 1px solid var(--gray-100, #e5e5ea); z-index: 300; }
  nav.m-open .n-left > a, nav.m-open .n-btn { width: 100%; justify-content: space-between; padding: 14px 20px !important; font-size: 1rem !important; height: auto; }
  nav.m-open .n-drop { flex-direction: column; }
  nav.m-open .n-menu, nav.m-open .n-mega { position: static !important; display: none; min-width: 0 !important; box-shadow: none; border: 0; border-left: 2px solid var(--blue, #1252a3); margin: 0 20px 8px; padding: 0; }
  nav.m-open .n-drop.open .n-menu { display: block !important; }
  nav.m-open .n-menu a { white-space: normal; padding: 10px 14px; font-size: .95rem; }
  nav.m-open .m-extra { display: block; padding: 14px 20px; font-size: 1rem; color: var(--gray-700, #3a3a3c); text-decoration: none; border-top: 1px solid var(--gray-100, #e5e5ea); }
  /* sections and heroes */
  section { padding: 52px 1.25rem !important; }
  .hero { min-height: 0 !important; padding: 84px 1.25rem 48px !important; }
  .ph { padding: 84px 1.25rem 44px !important; }
  .hi { grid-template-columns: 1fr !important; gap: 2rem !important; }
  .hero h1, .ph h1 { font-size: clamp(2rem, 9vw, 2.6rem) !important; }
  .hsub, .ph p { font-size: 1rem !important; max-width: none !important; }
  .ha { gap: .6rem; }
  .ha a { flex: 1 1 auto; justify-content: center; }
  .tb { padding: 18px 1.25rem !important; gap: .9rem 1.5rem !important; justify-content: flex-start !important; }
  .ctab, .contact-dark { padding: 52px 1.25rem !important; }
  .page-tabs { width: auto !important; max-width: 100%; overflow-x: auto; flex-wrap: nowrap; }
  .ptab { white-space: nowrap; padding: 8px 14px; }
  /* grids collapse */
  .sg, .dg, .hc, .r-obj-grid, .r-deliv-grid, .ptcard-grid, .cons-grid, .research-stats-grid, .bf-stats, .bf-steps, .inv-grid, .ptiles { grid-template-columns: 1fr 1fr !important; }
  .cap-row, .contact-layout, .form-layout, .ind-row, .pp-card, .r-phase, .research-teaser, .ng { grid-template-columns: 1fr !important; gap: 1.5rem !important; }
  .ptile { aspect-ratio: auto !important; min-height: 0 !important; }
  .ptile h3, .ptile p { position: static !important; opacity: 1 !important; }
  .ptile p { margin-top: .4rem !important; font-size: .85rem !important; }
  [style*="grid-template-columns"] { grid-template-columns: 1fr 1fr !important; }
  [style*="gap:4rem"], [style*="gap: 4rem"], [style*="gap:5rem"], [style*="gap:3rem"] { gap: 1.5rem !important; }
  .fg { grid-template-columns: 1fr 1fr !important; gap: 1.75rem !important; }
  .fb { grid-column: 1 / -1; }
  footer { padding: 44px 1.25rem 28px !important; }
  .fbot { flex-direction: column; gap: .75rem; align-items: flex-start !important; }
  table { display: block; overflow-x: auto; max-width: 100%; }
  pre, code { white-space: pre-wrap; word-break: break-word; }
  section *, footer *, .hero * { min-width: 0; }
  .form-card { padding: 1.4rem !important; }
  .r-stat-row { grid-template-columns: 1fr 1fr !important; }
  .r-stat { flex: 1 1 140px !important; }
  #bc-apps-panel { right: 8px !important; left: auto !important; max-width: calc(100vw - 16px); }
}
@media (max-width: 600px) {
  .sg, .dg, .r-obj-grid, .r-deliv-grid, .ptcard-grid, .cons-grid, .bf-steps, .inv-grid, .ptiles { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  .fg { grid-template-columns: 1fr 1fr !important; }
  .frow, .research-stats-grid { grid-template-columns: 1fr !important; }
  .stitle { font-size: clamp(1.6rem, 7vw, 2rem) !important; }
  .ssub { margin-bottom: 2rem !important; }
}