/* Lift Finder (assets/js/lift-finder.js). Shared by teclifts.com and YUG — copied
   to the YUG theme as tec-lift-finder.css by bin/make_lift_finder.py. Everything
   is scoped under .lf so neither site's own styles leak in or out. */
.lf{--lf-red:#B81412;--lf-red-dark:#990F0D;--lf-ink:#12110A;--lf-muted:#5A5A5A;--lf-line:#E4E4E4;--lf-bg:#F8F8F8;
  font-family:Montserrat,system-ui,sans-serif;color:var(--lf-ink);max-width:980px;margin:0 auto}
.lf *,.lf *::before,.lf *::after{box-sizing:border-box}
.lf-stage{background:#fff;border:1px solid var(--lf-line);border-radius:12px;padding:32px 36px 28px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.lf-progress{height:6px;background:var(--lf-bg);border-radius:99px;overflow:hidden;margin-bottom:18px}
.lf-progress span{display:block;height:100%;background:var(--lf-red);border-radius:99px;transition:width .3s}
.lf-step{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lf-red)}
.lf-q,.lf-rq{margin:0 0 22px;font-size:clamp(22px,3vw,30px);font-weight:900;line-height:1.15;text-transform:none;color:var(--lf-ink);outline:none}
.lf-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.lf-card{display:flex;flex-direction:column;gap:6px;text-align:left;font:inherit;color:inherit;background:#fff;border:2px solid var(--lf-line);
  border-radius:10px;padding:18px 18px 16px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.lf-card strong{font-size:17px;font-weight:800}
.lf-card span{font-size:14px;line-height:1.45;color:var(--lf-muted)}
.lf-card:hover{border-color:var(--lf-red);box-shadow:0 8px 22px rgba(0,0,0,.08);transform:translateY(-2px)}
.lf-card:focus-visible{outline:3px solid var(--lf-red);outline-offset:2px}
.lf-card.is-on{border-color:var(--lf-red);background:#FFF6F5}
.lf-garage{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.lf-field{display:flex;flex-direction:column;gap:8px}
.lf-label{font-weight:800;font-size:15px}
.lf-field select{font:inherit;font-size:16px;padding:12px 14px;border:2px solid var(--lf-line);border-radius:8px;background:#fff;color:var(--lf-ink);min-height:48px}
.lf-field select:focus{border-color:var(--lf-red);outline:none}
.lf-help,.lf-hint{font-size:13px;line-height:1.5;color:var(--lf-muted)}
.lf-hint{margin:16px 0 0}
.lf-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:26px}
.lf-back,.lf-restart{font:inherit;font-size:14px;font-weight:700;background:none;border:0;padding:8px 0;color:var(--lf-muted);cursor:pointer}
.lf-back:hover,.lf-restart:hover{color:var(--lf-ink)}
.lf-next,.lf-btn--red{font:inherit;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--lf-red);color:#fff;
  border:0;border-radius:6px;padding:14px 24px;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.2}
.lf-next{margin-left:auto}
.lf-next:hover,.lf-btn--red:hover{background:var(--lf-red-dark);color:#fff}
.lf-btn--line{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--lf-ink);color:var(--lf-ink);
  border-radius:6px;padding:12px 18px;text-decoration:none;display:inline-block;line-height:1.2}
.lf-btn--line:hover{background:var(--lf-ink);color:#fff}
.lf-link{font-size:14px;font-weight:700;color:var(--lf-red);text-decoration:none}
.lf-link:hover{text-decoration:underline}
.lf-summary{margin:-10px 0 22px;color:var(--lf-muted);font-size:14px;line-height:1.5}
.lf-list{display:grid;gap:16px}
.lf-res{position:relative;display:grid;grid-template-columns:220px 1fr;gap:22px;border:1px solid var(--lf-line);border-radius:10px;padding:18px;background:#fff}
.lf-res.is-best{border:2px solid var(--lf-red);box-shadow:0 10px 26px rgba(184,20,18,.12)}
.lf-badge{position:absolute;top:-12px;left:18px;margin:0;background:var(--lf-red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;padding:5px 12px;border-radius:99px}
.lf-res__img{background:var(--lf-bg);border-radius:8px;aspect-ratio:4/3;position:relative}
.lf-res__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px}
.lf-res__brand{margin:0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lf-red)}
.lf-res__name{margin:2px 0 4px;font-size:24px;font-weight:900;line-height:1.1;color:var(--lf-ink)}
.lf-res__price{margin:0 0 6px;font-weight:800;font-size:16px}
.lf-res__why{margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--lf-muted)}
.lf-res__ok{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}
.lf-res__ok li{position:relative;padding-left:24px;font-size:14px;line-height:1.45}
.lf-res__ok li::before{content:"";position:absolute;left:2px;top:4px;width:12px;height:7px;border-left:3px solid #2E8B3D;border-bottom:3px solid #2E8B3D;transform:rotate(-45deg)}
.lf-res__cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.lf-miss{margin-top:22px;border-top:1px solid var(--lf-line);padding-top:14px}
.lf-miss summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--lf-muted)}
.lf-miss ul{margin:12px 0 0;padding-left:18px;display:grid;gap:8px}
.lf-miss li{font-size:14px;line-height:1.5;color:var(--lf-muted)}
.lf-miss strong{color:var(--lf-ink)}
.lf-fine{margin:20px 0 0;font-size:12px;line-height:1.5;color:var(--lf-muted)}
.lf-nav--end{border-top:1px solid var(--lf-line);padding-top:16px}
.lf-nojs{text-align:center;color:var(--lf-muted)}
@media (max-width:700px){
  .lf-stage{padding:22px 18px 20px;border-radius:10px}
  .lf-garage{grid-template-columns:1fr}
  .lf-res{grid-template-columns:1fr;gap:14px}
  .lf-res__img{max-width:320px}
  .lf-next{margin-left:0;width:100%}
}
/* TEC page: a compact hero with a one-line intro, finder pulled up close beneath it. */
.page-hero.lf-hero{padding-top:36px;padding-bottom:30px}
.lf-hero-intro{max-width:640px;margin:10px 0 0;color:#d6d6d6;line-height:1.55}
.lf-section{background:#F8F8F8;padding-top:22px}
.lf-stage:empty{min-height:340px}
@media (max-width:700px){.page-hero.lf-hero{padding-top:26px;padding-bottom:22px}.lf-section{padding-top:14px}}
