/* Mobile: drawer available on overview and every other trip page. */
@media(max-width:760px){
 body.handdrawn-trip-theme #app>nav.journal-nav{display:none!important}
 body.handdrawn-trip-theme #app>nav.journal-nav.journal-drawer-open{display:block!important;position:fixed!important;top:60px!important;bottom:12px!important;left:12px!important;right:12px!important;z-index:1190!important;overflow-y:auto!important;max-height:none!important;margin:0!important;box-shadow:0 0 0 200vmax #35291e77,6px 8px 0 #d9c6aa!important;padding:12px!important}
 body.handdrawn-trip-theme #app{display:flex;flex-direction:column}
 body.handdrawn-trip-theme #app>.hero{order:0}
 body.handdrawn-trip-theme #app>.trip-compact-return{order:0}
 body.handdrawn-trip-theme #app>#content{order:1;width:100%}
 body.handdrawn-trip-theme #app>nav.journal-nav{order:2}
 #tt-top-menu[hidden]{display:none!important}
 .tt-start-here{background:#e9efe4;border:2px dashed #b6bfa7;border-radius:22px;padding:18px;margin:14px 0 22px;color:#594c3d;box-shadow:3px 4px 0 #e5d7c4}
 .tt-start-eyebrow{font-size:11px;letter-spacing:2px;color:#947e67}
 .tt-start-here h2{margin:7px 0!important;color:#594c3d!important}
 .tt-start-here p{font-size:13px;color:#766853}
 .tt-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
 .tt-start-grid button{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:82px;justify-content:center;border:1.5px solid #d9c8af;background:#fffdf8;color:#5d4e3d;border-radius:18px;font-size:23px;cursor:pointer}
 .tt-start-grid button span{font-size:13px;font-weight:700}
}
.tt-overview-themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px;margin-top:14px}
.tt-overview-themes button{display:flex;flex-direction:column;gap:9px;text-align:left;background:#fffaf0;border:2px solid #dac5a8;border-radius:18px;padding:18px;color:#564635;cursor:pointer;font-size:22px}
.tt-overview-themes button small{font-size:12px;line-height:1.5}
.tt-overview-themes button.chosen{border-color:#65937c;box-shadow:0 0 0 2px #65937c44}

/* v5.2.2: safe mobile drawer geometry, no clipped right edge. */
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:clip}
 body.handdrawn-trip-theme #app>nav.journal-nav.journal-drawer-open{
  box-sizing:border-box!important;
  width:calc(100vw - 24px)!important;
  max-width:calc(100vw - 24px)!important;
  left:12px!important;right:auto!important;
  padding:12px!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  box-shadow:0 0 0 200vmax #35291e77!important;
 }
 body.handdrawn-trip-theme #app>nav.journal-nav.journal-drawer-open *,
 body.handdrawn-trip-theme #app>nav.journal-nav.journal-drawer-open *::before,
 body.handdrawn-trip-theme #app>nav.journal-nav.journal-drawer-open *::after{box-sizing:border-box;max-width:100%}
 body.handdrawn-trip-theme #app>nav.journal-nav.journal-drawer-open .journal-nav-links{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
 body.handdrawn-trip-theme #app>nav.journal-nav.journal-drawer-open button{min-width:0;overflow-wrap:anywhere}
}