/* =========================================================
   EntryLap V24 — mobile horizontal rail edge alignment
   Keeps every horizontal swipe interaction and scroll-snap
   behavior, but stops rails from bleeding into the right
   viewport edge. Desktop and tablet layouts remain unchanged.
   ========================================================= */

@media (max-width: 820px) {
  /*
   * Homepage card rails shown in Value, Benefits, Modules,
   * Trust and Impact. Their containing sections already own
   * the correct mobile side padding, so the rail must stay at
   * 100% instead of extending one gutter beyond the section.
   */
  .value-grid,
  .benefit-grid,
  .module-grid,
  .trust-grid,
  .impact-metrics {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    scroll-padding-left: 0 !important;
    scroll-padding-right: 0 !important;
  }

  /* Tab rails use the same inset as the content beneath them. */
  .story-nav,
  .impact-tabs,
  .question-pills,
  .evidence-row,
  .el-ai-suggestions,
  .pi-trust-pills,
  .bot-trust-pills,
  .legal-toc {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .story-nav {
    margin-bottom: 18px !important;
    padding-bottom: 4px !important;
  }

  .impact-tabs {
    margin-bottom: 14px !important;
    padding-bottom: 3px !important;
  }

  .question-pills,
  .evidence-row,
  .el-ai-suggestions,
  .legal-toc {
    padding-bottom: 5px !important;
  }

  /* Product, bot, legal and resource swipe-card groups. */
  .pi-feature-grid,
  .pi-usecase-grid,
  .product-usecases,
  .product-mini-grid,
  .bot-signal-grid,
  .bot-explain-grid,
  .flow-grid,
  .definition-grid,
  .setup-guides,
  .faq-intro-grid,
  .proof-case-grid,
  .proof-difference-grid,
  .tech-stack-grid,
  .compliance-grid,
  .resource-grid,
  .contact-route-grid {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Verified Purchase Signals rails follow the same content edge. */
  .signals-page .impact-filter-context,
  .signals-page .micro-trust,
  .signals-page .growth-commitments {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .signals-page .growth-commitments {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }

  /* Keep native momentum scrolling and the hidden-scrollbar behavior. */
  .value-grid,
  .benefit-grid,
  .module-grid,
  .trust-grid,
  .impact-metrics,
  .story-nav,
  .impact-tabs,
  .question-pills,
  .evidence-row,
  .el-ai-suggestions,
  .pi-trust-pills,
  .bot-trust-pills,
  .legal-toc,
  .pi-feature-grid,
  .pi-usecase-grid,
  .product-usecases,
  .product-mini-grid,
  .bot-signal-grid,
  .bot-explain-grid,
  .flow-grid,
  .definition-grid,
  .setup-guides,
  .faq-intro-grid,
  .proof-case-grid,
  .proof-difference-grid,
  .tech-stack-grid,
  .compliance-grid,
  .resource-grid,
  .contact-route-grid,
  .signals-page .impact-filter-context,
  .signals-page .micro-trust,
  .signals-page .growth-commitments {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    scrollbar-width: none !important;
  }

  .value-grid::-webkit-scrollbar,
  .benefit-grid::-webkit-scrollbar,
  .module-grid::-webkit-scrollbar,
  .trust-grid::-webkit-scrollbar,
  .impact-metrics::-webkit-scrollbar,
  .story-nav::-webkit-scrollbar,
  .impact-tabs::-webkit-scrollbar,
  .question-pills::-webkit-scrollbar,
  .evidence-row::-webkit-scrollbar,
  .el-ai-suggestions::-webkit-scrollbar,
  .pi-trust-pills::-webkit-scrollbar,
  .bot-trust-pills::-webkit-scrollbar,
  .legal-toc::-webkit-scrollbar,
  .pi-feature-grid::-webkit-scrollbar,
  .pi-usecase-grid::-webkit-scrollbar,
  .product-usecases::-webkit-scrollbar,
  .product-mini-grid::-webkit-scrollbar,
  .bot-signal-grid::-webkit-scrollbar,
  .bot-explain-grid::-webkit-scrollbar,
  .flow-grid::-webkit-scrollbar,
  .definition-grid::-webkit-scrollbar,
  .setup-guides::-webkit-scrollbar,
  .faq-intro-grid::-webkit-scrollbar,
  .proof-case-grid::-webkit-scrollbar,
  .proof-difference-grid::-webkit-scrollbar,
  .tech-stack-grid::-webkit-scrollbar,
  .compliance-grid::-webkit-scrollbar,
  .resource-grid::-webkit-scrollbar,
  .contact-route-grid::-webkit-scrollbar,
  .signals-page .impact-filter-context::-webkit-scrollbar,
  .signals-page .micro-trust::-webkit-scrollbar,
  .signals-page .growth-commitments::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}