/* Compact pages (16 Oct): every page except the homepage loads this after blog.css, which supplies the compact sections,
   the calculator prompt and the closing panel buttons. These rules tighten the cards, steps and questions so each page
   needs less scrolling. The homepage loads it for its steps and questions, with its own section spacing in examples.css. */
#lnv-landing .page-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
/* News (16 Oct): the date and vendor line on each card, and the sources list at the end of a post. */
#lnv-landing .news-meta{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
#lnv-landing .news-card .text-link{margin-top:16px}
#lnv-landing .news-sources{margin-top:26px;font-size:.95rem}
/* Statistic cards (AI advisory page, 17 Oct): a large figure, what it measured, and its source. */
#lnv-landing .stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px}
#lnv-landing .stat-card{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 22px 18px;min-width:0}
#lnv-landing .stat-card .stat-figure{font-family:var(--serif);font-size:clamp(2.2rem,3.4vw,2.9rem);line-height:1;color:var(--accent)}
#lnv-landing .stat-card p{margin:0;color:var(--text-2)}
#lnv-landing .stat-card .stat-source{margin-top:auto;padding-top:6px;font-size:.82rem}
#lnv-landing .stat-source a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
#lnv-landing .stat-note{margin-top:22px}
#lnv-landing .stat-card cite{font-style:italic}
@media (max-width:1000px){#lnv-landing .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){#lnv-landing .stat-grid{grid-template-columns:1fr;gap:12px}#lnv-landing .stat-card{padding:18px 20px}}
/* Thank-you page: the email address in the dark intro. */
#lnv-landing .page-hero .thanks-email{color:var(--on-dark);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
#lnv-landing .content-card{padding:26px}
#lnv-landing .content-card h3{font-size:1.35rem;margin-bottom:10px}
#lnv-landing .prose p+p{margin-top:16px}
#lnv-landing .section-note{margin-top:18px}
#lnv-landing .process-list{gap:24px 28px}
#lnv-landing .process-list li{padding-top:18px}
#lnv-landing .process-list h3{font-size:1.3rem;line-height:1.25;margin:10px 0 8px}
/* Two white sections in a row (the steps or notes, then the questions) share one gap rather than two. */
#lnv-landing main>.content-section:not(.soft-section)+.content-section:not(.soft-section){padding-top:0}
#lnv-landing .faq-list details{padding:16px 0}
#lnv-landing .faq-list p{margin-top:10px}
/* The steps sit on one row on wider screens: three across, or four when a list has exactly four (five go three and two). */
@media (min-width:1000px){#lnv-landing .process-list{grid-template-columns:repeat(3,minmax(0,1fr))}#lnv-landing .process-list:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Phones: slimmer cards, and each step's number beside its title rather than above it. */
@media (max-width:600px){#lnv-landing .page-actions .btn{width:100%}#lnv-landing .content-grid{gap:12px}#lnv-landing .content-card{padding:20px 22px}#lnv-landing .content-card h3{font-size:1.25rem;margin-bottom:6px}
#lnv-landing .process-list{gap:18px}#lnv-landing .process-list li{display:grid;grid-template-columns:2.2em minmax(0,1fr);padding-top:14px}#lnv-landing .process-list li::before{grid-row:span 2;font-size:1.1rem;line-height:1.35}#lnv-landing .process-list h3{font-size:1.2rem;margin:0 0 6px}}