/* Landing pages: scoped to body.landing-page only. Palette/type follow style.css. */
.landing-page .landing-hero{display:block;grid-column:1;min-width:0;padding:8px 0 22px;margin-bottom:22px}
.landing-page .landing-hero h1{display:block;white-space:normal;font-size:42px;line-height:1.18;font-weight:400;margin:0 0 14px}
.landing-page .landing-answer{display:block;margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
.landing-page .landing-facts{display:flex;flex-wrap:wrap;gap:2px 12px;margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.landing-page .landing-sections{border-top:1px solid var(--line);margin-top:60px;padding-top:45px;max-width:880px}
.landing-page .landing-intro{font-size:18px;line-height:1.7;max-width:720px;margin:0 0 40px}
.landing-page .landing-block{margin:0 0 48px}
.landing-page .landing-block h2{font-weight:400;font-size:30px;line-height:1.4;margin:0 0 16px}
.landing-page .landing-block p{max-width:720px;line-height:1.7;margin:0 0 14px}
.landing-page .landing-steps ol{margin:0;padding-left:24px;display:grid;gap:18px}
.landing-page .landing-steps strong{display:block;font-size:17px;margin-bottom:4px}
.landing-page .landing-steps p{margin:0}
.landing-page .landing-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:10px 0 14px}
.landing-page .landing-example{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--white)}
.landing-page .landing-example img{display:block;width:100%;height:auto}
.landing-page .landing-example-caption{display:block;padding:10px 12px;font-size:14px;line-height:1.4}
.landing-page .landing-disclaimer,.landing-page .landing-home-note{font-size:14px;color:var(--muted);line-height:1.6}
.landing-page .landing-faq details{border-bottom:1px solid var(--line);padding:12px 0;max-width:720px}
.landing-page .landing-faq summary{cursor:pointer;font-size:17px;line-height:1.5}
.landing-page .landing-faq details p{margin:10px 0 4px;line-height:1.7}
.landing-page .landing-related ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 26px}
.landing-page .landing-related a{color:var(--accent)}
.landing-page .landing-operator{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}
.landing-page .landing-styles{margin:8px 0;padding-left:22px}
@media(max-width:760px){
 .landing-page .landing-hero{padding:4px 0 14px}
 .landing-page .landing-hero h1{font-size:30px}
 .landing-page .landing-answer{font-size:15px}
 .landing-page .landing-block h2{font-size:24px}
 .landing-page .landing-sections{margin-top:40px;padding-top:30px}
}