/* ════════════════════════════════════════════════════════════════════════
   Lease & Operate — cinematic scroll-snap pages (Views/lease.php,
   content/lease-beats.php). The shared scroll-snap scaffold lives in app.css
   (.cine-*), applied alongside the .lease-* hooks initCineFilm('lease') queries.
   This file keeps only Lease-specific structure: the feature-set "jump" link
   (paired with the standard link), the two-column feature list, and the corridor
   tiers. The accent swaps via [data-accent] (tokens.css). ═══════════════════ */

/* "Jump to feature set" link, paired with the standard explore link (its base
   matches the .cine-link defaults but adds a down-arrow nudge + right margin). */
.lease-jump,.lease-link{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s-5);
  font:600 var(--t-body)/1 var(--font-text);color:var(--accent);text-decoration:none;}
.lease-jump{margin-right:var(--s-6);}
.lease-jump span,.lease-link span{transition:transform var(--dur) var(--ease-standard);}
.lease-link:hover span{transform:translateX(4px);}
.lease-jump:hover span{transform:translateY(3px);}

/* ── Feature set ────────────────────────────────────────────────────────── */
.lease-features{columns:2;column-gap:var(--s-8);list-style:none;padding:0;margin:var(--s-5) 0 0;max-width:72ch;}
.lease-features li{break-inside:avoid;position:relative;padding:7px 0 7px 18px;color:var(--on-ink-mid);font-size:.95rem;line-height:1.4;}
.lease-features li::before{content:"";position:absolute;left:0;top:14px;width:9px;height:1px;background:var(--accent);}

/* ── Corridor tiers (Charging Network) ──────────────────────────────────── */
.lease-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-5);margin-top:var(--s-6);}
.lease-tier{border:var(--b-hairline) solid var(--ink-700);border-radius:var(--r-md);padding:var(--s-5);background:rgba(18,21,25,.5);}
.lease-tier-name{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;}
.lease-tier-intro{color:var(--on-ink-mid);font-size:.9rem;line-height:1.45;margin:0 0 10px;}
.lease-tier ul{list-style:none;padding:0;margin:0;}
.lease-tier li{position:relative;padding:5px 0 5px 14px;color:var(--on-ink-mid);font-size:.85rem;line-height:1.4;}
.lease-tier li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:1px;background:var(--accent);}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width:880px){
  .lease-features{columns:1;}
}