/* v5.2.8: overview is a landing page, not a duplicate of each feature. */
body.tt-app-overview #content{display:none!important}
body.tt-app-overview .journal-page-intro:not(.hero),body.tt-app-overview .tt-start-here{display:none!important}
/* Keep all illustration content inside its frame at every breakpoint. */
body.tt-ink-theme .hero.trip-theme-banner{overflow:hidden!important;isolation:isolate}
body.tt-ink-theme .tt-ink-art{width:100%;height:auto;aspect-ratio:800/390;overflow:hidden!important;position:relative;margin:0 0 16px!important}
body.tt-ink-theme .tt-ink-art svg{display:block;width:100%;height:100%!important;min-height:0!important;max-height:none!important;object-fit:contain!important;overflow:hidden}
body.tt-ink-theme .tt-ink-art svg text{font-size:15px}
body.tt-ink-theme .hero.trip-theme-banner .journal-hero-kicker,body.tt-ink-theme .hero.trip-theme-banner h1{position:relative;z-index:1}
@media(max-width:760px){body.tt-ink-theme .tt-ink-art{aspect-ratio:800/390!important;max-height:none!important}body.tt-ink-theme .hero.trip-theme-banner{width:100%;max-width:100%;box-sizing:border-box}body.tt-ink-theme .hero.trip-theme-banner> :not(.tt-ink-art):not(.journal-scene){margin-left:14px!important;margin-right:14px!important}}
/* Make mobile bottom navigation feel like an app, without trapping horizontal swipes. */
@media(max-width:760px){#tt-mobile-bottom{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));touch-action:pan-x;scroll-padding-inline:12px}#tt-mobile-bottom button{flex-basis:70px}body.tt-app-overview .hero.trip-theme-banner{margin-bottom:16px}}