/* Example cards (owner's chosen style, 15 Oct): what AI does on the left, the AI automation figures on a navy panel on the
   right. Used on the Blogs page and for the three featured examples on the homepage. */
#lnv-landing .ex-list{display:grid;gap:20px}
#lnv-landing .ex-card{display:grid;grid-template-columns:1.55fr 1fr;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;scroll-margin-top:110px}
#lnv-landing .ex-copy{padding:26px 30px;display:flex;flex-direction:column;align-items:flex-start}
#lnv-landing .ex-category{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--accent)}
#lnv-landing .ex-card h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.65rem,2.6vw,2.15rem);line-height:1.15;margin:16px 0 18px;max-width:28ch}
#lnv-landing .ex-copy ul{padding-left:20px;margin:0 0 20px;color:var(--text-2);font-size:1rem;line-height:1.6}
#lnv-landing .ex-copy li+li{margin-top:8px}
#lnv-landing .ex-read{margin-top:auto;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:5px;padding:10px 0 0;min-height:44px}
#lnv-landing .ex-numbers{background:var(--ink);color:var(--on-dark);padding:24px 30px;display:flex;flex-direction:column}
#lnv-landing .ex-metric{padding:0 0 14px}
#lnv-landing .ex-metric+.ex-metric{border-top:1px solid #34405b;padding-top:14px}
#lnv-landing .ex-label{display:block;font-size:.9rem;color:#c3c7d1}
#lnv-landing .ex-metric strong{display:block;font:400 clamp(1.8rem,2.6vw,2.3rem)/1.15 var(--serif);margin-top:6px;color:var(--on-dark)}
#lnv-landing .ex-metric:last-of-type strong{color:#f4c84f}
#lnv-landing .ex-metric small{display:block;font-size:.85rem;color:#c3c7d1;margin-top:6px}
#lnv-landing .ex-running{font-size:.85rem;color:#c3c7d1;border-top:1px solid #34405b;padding-top:14px;margin:auto 0 0;line-height:1.7}
#lnv-landing .ex-running strong{color:#fff;font-weight:600}
@media (max-width:850px){#lnv-landing .ex-card{grid-template-columns:1.3fr 1fr}#lnv-landing .ex-copy,#lnv-landing .ex-numbers{padding:24px}}
@media (max-width:640px){#lnv-landing .ex-card{grid-template-columns:1fr;min-height:0}#lnv-landing .ex-card h3{font-size:1.6rem}
#lnv-landing .ex-metric{display:grid;grid-template-columns:1fr auto;column-gap:14px;padding-bottom:14px}#lnv-landing .ex-metric+.ex-metric{padding-top:14px}
#lnv-landing .ex-label{grid-column:1;grid-row:1}#lnv-landing .ex-metric small{grid-column:1;font-size:.78rem}
#lnv-landing .ex-metric strong{grid-column:2;grid-row:1/3;text-align:right;align-self:center;font-size:1.6rem;margin:0;white-space:nowrap}
#lnv-landing .ex-running{margin-top:6px}}
/* On phones the example cards keep the headline, figures and link; the three detail lines are in each post. */
@media (max-width:640px){#lnv-landing .ex-copy ul{display:none}#lnv-landing .ex-copy{padding:22px}#lnv-landing .ex-card h3{margin-bottom:14px}}