/* Adeli v5.63.1 — Safari Planning mobile containment fix.
 * Explore tabs are intentionally untouched.
 * Safari Planning parent tabs use the same mobile geometry as Explore, and
 * the entire Safari Planning section is constrained to the viewport so no
 * tab or active-panel content can create horizontal overflow.
 */
@media (max-width: 767px){
  body.adeli-custom-chrome .adeli-safari-planning-tabs,
  body.adeli-custom-chrome .adeli-safari-planning-tabs > .adeli-container,
  body.adeli-custom-chrome .adeli-safari-planning-tabs__nav,
  body.adeli-custom-chrome .adeli-safari-planning-tabs__panels{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  body.adeli-custom-chrome .adeli-safari-planning-tabs{
    overflow-x:hidden !important;
  }

  body.adeli-custom-chrome .adeli-safari-planning-tabs__nav{
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    overflow:visible !important;
    padding:0 !important;
    margin:0 0 12px !important;
    border:0 !important;
    background:transparent !important;
  }

  body.adeli-custom-chrome .adeli-safari-planning-tabs__nav .adeli-safari-planning-tab{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:54px !important;
    height:auto !important;
    margin:0 !important;
    padding:9px 10px !important;
    box-sizing:border-box !important;
    border:0 !important;
    border-radius:8px !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    text-align:center !important;
  }

  body.adeli-custom-chrome .adeli-safari-planning-tabs__panels{
    overflow:hidden !important;
  }

  body.adeli-custom-chrome .adeli-safari-planning-tabs__panels .adeli-safari-planning-panel{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  body.adeli-custom-chrome .adeli-safari-planning-tabs__panels .adeli-tab-copy{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
}