/*
 * eko-world-landing-paths.v2.css - the "two ways to play" block on the landing (#eko-l-paths).
 * Pure layout on top of the existing landing components (.eko-l-two, .eko-l-panel, .eko-l-leafs, .eko-l-slab):
 * two equal panels, the wooden plank buttons aligned on one line at the bottom, 44px tap targets, one column on phones.
 * Loaded after eko-world-landing.v12.css and eko-world-entry-clean.v5.css.
 */
#eko-landing .eko-l-paths .eko-l-two { align-items: stretch; }
#eko-landing .eko-l-path { display: flex; flex-direction: column; align-items: stretch; }
#eko-landing .eko-l-path h3 { margin: 0 0 8px; font-size: clamp(19px, 2vw, 22px); line-height: 1.3; text-wrap: balance; }
#eko-landing .eko-l-path > p { margin: 0 0 14px; line-height: 1.55; text-wrap: pretty; }
#eko-landing .eko-l-path .eko-l-leafs { flex: 1 1 auto; margin-bottom: 18px; }
#eko-landing .eko-l-path .eko-l-leafs li { margin-bottom: 8px; line-height: 1.5; }
#eko-landing .eko-l-path .eko-l-slab { align-self: center; width: 100%; max-width: 320px; min-height: 60px; font-size: 24px; text-align: center; }
#eko-landing .eko-l-path__more { display: flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 6px; text-align: center; }
#eko-launch .eko-hero__have + .eko-hero__have { margin-top: 2px; }
#eko-launch .eko-hero__have a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 760px) {
  #eko-landing .eko-l-path .eko-l-slab { font-size: 20px; max-width: none; padding-inline: 14px; }
}