/* Plant Finder page /find-your-plant/ ([etree_finder], etree-finder.php, E2). Loaded on that page only, after
   Foundation's ui.css (tokens, buttons, accordion). Phone first; scoped to .etf-land. The four route photos are the
   homepage's own scene photos (spaces, never next to a price). The drawn seedling is an illustration. */
.etf-landing .page-wrapper,.etf-landing #content{padding-top:0;padding-bottom:0}
.e3.etf-land{background:var(--paper)}
.e3.etf-land h1{font-size:clamp(2.125rem,1.6rem + 2.4vw,3.5rem);line-height:1.02;letter-spacing:-.025em;max-width:16ch}
.etf-land .etf-land-head>div{min-width:0}
.e3.etf-land h2{font-size:clamp(1.5rem,1.25rem + 1.1vw,2.25rem);line-height:1.08;letter-spacing:-.02em}
.e3.etf-land small{display:block;font-size:14px;line-height:1.4;color:var(--muted)}

/* First screen: the seedling and the title, then the four ways in */
.etf-land .etf-land-hero{padding:28px 0 40px}
.etf-land .etf-land-head{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:start}
.etf-land .etf-land-sprout{display:grid;place-items:end center;width:64px;height:64px;margin-top:4px;border-radius:50%;background:var(--sage);overflow:hidden}
.etf-land .etf-land-sprout svg{width:38px;height:54px}
.etf-land .etf-land-lead{margin-top:12px;max-width:46ch;font-size:var(--fs-lead);line-height:1.5;color:var(--text)}
.e3.etf-land .etf-land-q{margin-top:32px;font-size:clamp(1.25rem,1.1rem + .7vw,1.75rem)}
.etf-land .etf-land-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 0;padding:0;list-style:none}
.etf-land .etf-land-routes li{margin:0;list-style:none}
.etf-land .etf-land-tile{display:flex;flex-direction:column;height:100%;border-radius:var(--r-tile);background:#fff;color:var(--text)!important;text-decoration:none!important;overflow:hidden;transition:scale .15s var(--ease)}
.etf-land .etf-land-tile:active{scale:.98}
.etf-land .etf-land-pic{display:block;aspect-ratio:4/3;background:var(--stone);overflow:hidden}
.etf-land .etf-land-pic img{display:block;width:100%;height:100%;object-fit:cover}
.etf-land .etf-land-lbl{display:block;padding:12px 12px 14px}
.etf-land .etf-land-lbl b{display:block;font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--forest)}
.etf-land .etf-land-lbl small{margin-top:4px;font-size:13px}
.etf-land .etf-land-care{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;gap:12px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:var(--r-tile);background:var(--stone);color:var(--text)!important;text-decoration:none!important}
.etf-land .etf-land-care>.e3-ico:first-child{width:44px;height:44px;padding:9px;border-radius:12px;background:var(--sage);color:var(--forest)}
.etf-land .etf-land-care b{display:block;font-size:16px;color:var(--forest)}
.etf-land .etf-land-care>.e3-ico:last-child{width:20px;height:20px;color:var(--forest)}
.etf-land .etf-land-note{display:flex;gap:8px;align-items:flex-start;margin-top:16px;font-size:15px;line-height:1.45}
.etf-land .etf-land-note .e3-ico{flex:0 0 20px;width:20px;height:20px;margin-top:1px;color:var(--wa)}
.etf-land .etf-land-note a{color:var(--forest)!important;font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* How it works: a field of sage, three lines with their drawn icons, one action */
.etf-land .etf-land-how{padding:44px 0 48px;background:var(--sage)}
.etf-land .etf-land-how ul{display:grid;gap:18px;margin:22px 0 26px;padding:0;list-style:none}
.etf-land .etf-land-how li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;margin:0}
.etf-land .etf-land-how li>.e3-ico{width:48px;height:48px;padding:10px;border-radius:50%;background:#fff;color:var(--forest)}
.etf-land .etf-land-how b{display:block;font-size:18px;line-height:1.3;color:var(--forest)}
.etf-land .etf-land-how small{margin-top:3px;font-size:15px;color:var(--text)}

/* Shop with confidence */
.etf-land .etf-land-trust{padding:44px 0 20px}
.etf-land .etf-land-trust ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;margin:20px 0 0;padding:0;list-style:none}
.etf-land .etf-land-trust li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;margin:0;font-size:15px;line-height:1.4}
.etf-land .etf-land-trust .e3-ico{width:28px;height:28px;color:var(--forest)}
.etf-land .etf-land-trust b{display:block;font-size:16px;color:var(--forest)}

.etf-land .etf-land-faq{padding:36px 0 56px}
.etf-land .etf-land-faq .k-faq{margin-top:18px}
.etf-land .etf-land-faq .k-qa-a{color:var(--text)}

@media (min-width:700px){
  .etf-land .etf-land-routes{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .etf-land .etf-land-care{max-width:none} /* fix round 1: the bar spans the row of route tiles above it */
  .etf-land .etf-land-how ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .etf-land .etf-land-trust ul{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1024px){
  .etf-land .etf-land-hero{padding:56px 0 72px}
  .etf-land .etf-land-head{grid-template-columns:96px minmax(0,1fr);gap:24px;align-items:center}
  .e3.etf-land h1{max-width:none}
  .etf-land .etf-land-sprout{width:96px;height:96px}
  .etf-land .etf-land-sprout svg{width:56px;height:80px}
  .etf-land .etf-land-lbl{padding:16px 16px 18px}
  .etf-land .etf-land-lbl b{font-size:22px}
  .etf-land .etf-land-how{padding:80px 0}
  .etf-land .etf-land-trust{padding:80px 0 24px}
  .etf-land .etf-land-faq{padding:56px 0 96px}
  .etf-land .etf-land-faq .e3-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;align-items:start}
  .etf-land .etf-land-faq .k-faq{margin-top:0}
}
@media (hover:hover){
  .etf-land .etf-land-tile:hover{scale:1.015}
  .etf-land .etf-land-care:hover{background:var(--stone-2)}
}
@media (prefers-reduced-motion:reduce){.etf-land-tile{transition:none}}