/* GENERATED FILE - do not edit by hand.
 * Structure "reader" landing + chrome rules.
 * Source: landing.css
 * Rebuild: php tools/build-landing-css.php
 */

.ln-reader { background: var(--bsp-bg); }
.ln-reader-hero { max-width: 1080px; margin: 0 auto; padding: 2.2rem 22px .4rem; }
.ln-reader-hero h1 { font-size: 2rem; margin: 0 0 .7rem; line-height: 1.25; }
.ln-reader-hero h1 em { color: var(--bsp-accent); font-style: normal; }
.ln-reader-hero p { color: color-mix(in srgb, currentColor 75%, transparent); max-width: 680px; line-height: 1.65; margin: 0 0 1rem; }
.ln-reader-stats { display: flex; gap: 20px; font-size: .84rem; color: var(--bsp-muted); }
.ln-reader-stats strong { color: var(--bsp-accent-text); }
.ln-reader-cols { display: grid; grid-template-columns: minmax(0, 1.5fr) 310px; gap: 30px; align-items: start; }
.ln-reader-list { list-style: none; margin: 0; padding: 0; }
.ln-reader-list > li { display: flex; gap: 14px; padding: 1.05rem 0; border-bottom: 1px solid var(--bsp-line); }
.ln-reader-n {
	flex: none; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center;
	background: var(--bsp-accent); color: #fff; font-weight: 800; font-size: .85rem; border-radius: 8px; margin-top: .1rem;
}
.ln-reader-list > li:nth-child(n+4) .ln-reader-n { background: var(--bsp-accent-soft); color: var(--bsp-ink); }
.ln-reader-title { font-size: 1.12rem; font-weight: 700; text-decoration: none; color: inherit; line-height: 1.3; }
.ln-reader-title:hover { color: var(--bsp-accent); }
.ln-reader-meta { display: block; color: var(--bsp-muted); font-size: .78rem; margin: .25rem 0 .45rem; }
.ln-reader-blog { color: var(--bsp-accent-text); text-decoration: none; font-weight: 600; }
.ln-reader-item img { width: 100%; max-height: 210px; object-fit: cover; border-radius: 8px; margin: .4rem 0; }
.ln-reader-item p { margin: 0; color: color-mix(in srgb, currentColor 72%, transparent); font-size: .9rem; line-height: 1.6; }
.ln-band-teal { background: var(--bsp-accent-strong, var(--bsp-accent)); }

.lnch-reader-top { display: flex; justify-content: space-between; align-items: center; max-width: 1080px; margin: 0 auto; padding: 14px 22px; background: #fff; border-bottom: 2px solid var(--bsp-accent); }
.lnch-reader-brand { font-family: Georgia, serif; font-weight: 700; font-size: 1.25rem; text-decoration: none; color: inherit; }
.lnch-reader-top nav { display: flex; gap: 14px; align-items: center; }
.lnch-reader-top nav a:not(.lnch-btn-accent) { color: inherit; text-decoration: none; font-size: .88rem; }
.lnch-reader-foot { text-align: center; background: var(--bsp-accent-soft); padding: 2rem 22px 1.4rem; margin-top: 2.4rem; }
.lnch-reader-foot p { color: color-mix(in srgb, currentColor 70%, transparent); font-size: .88rem; margin: .3rem 0 1rem; }
.lnch-reader-foot small { display: block; margin-top: 1rem; color: var(--bsp-muted); font-size: .74rem; }
.lnch-reader-foot .lnf-farms { justify-content: center; }

html[data-bsp-style="reader"] .bsp-card { border-radius: 10px; box-shadow: 0 8px 28px color-mix(in srgb, var(--bsp-ink) 10%, transparent); }
html[data-bsp-style="reader"] .bsp-card h2 { font-family: Georgia, serif; }
html[data-bsp-style="reader"] .btn-primary { border-radius: 8px; }