/* /lead-feed on the design system. Styles the class names in Mill's lead-feed page (re-rendered by tools/build_site.py). */
.lf-main>*{padding:var(--s-8) max(var(--s-3),calc((100% - var(--maxw))/2 + var(--s-3)));border-bottom:1px solid var(--line);margin:0}
.lf-main>*:nth-child(even){background:var(--surface)}
.lf-main>.page-intro{background:var(--ink);color:var(--on-ink);border:0;padding-top:var(--s-10)}
.lf-main>.page-intro h1{color:#fff;max-width:22ch}.lf-main>.page-intro h1 em{color:#fff;box-shadow:inset 0 -.16em 0 var(--accent)}
.lf-main>.page-intro p{color:var(--on-ink);font-size:var(--fs-md);max-width:var(--maxw-text)}
.lf-main>.page-intro .kicker{color:var(--on-ink-muted);font-size:var(--fs-xs)}
.lf-main .kicker,.lf-main .catalog-kicker{font:700 var(--fs-xs)/1.3 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--s-1)}
.lf-main h2{max-width:28ch}.lf-main h2 em,.lf-main h3 em{font-style:normal;color:var(--accent)}
.lf-main .catalog-heading{margin-bottom:var(--s-3)}
.two-up{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-top:var(--s-3)}
.side,.lead-card,.price-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-3);box-shadow:var(--shadow);min-width:0}
.lf-main>*:nth-child(even) .side,.lf-main>*:nth-child(even) .lead-card,.lf-main>*:nth-child(even) .price-card{background:var(--paper)}
.side.on,.lead-card{border-left:4px solid var(--accent)}
.side p,.lead-card p{color:var(--muted);margin:4px 0}
.lead-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}
.lead-card h3{font-size:var(--fs-md);margin:var(--s-1) 0 4px}
.tag{display:inline-block;font:700 11px/1 var(--font-body);letter-spacing:.06em;padding:5px 7px;border-radius:3px;border:1px solid var(--line);background:var(--paper);color:var(--text)}
.tag.awd{background:var(--accent);border-color:var(--accent);color:#fff}.tag.pre{background:var(--ink);border-color:var(--ink);color:#fff}
.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-3)}
.price-card{position:relative;display:flex;flex-direction:column}
.price-card.featured-card{border:2px solid var(--accent)}
.card-badge{position:absolute;top:-12px;left:var(--s-2);background:var(--accent);color:#fff;font:700 11px/1 var(--font-body);letter-spacing:.06em;padding:6px 8px;border-radius:3px}
.product-details{display:flex;flex-direction:column;flex:1}
.product-details .btn{margin-top:auto}
.price strong{font:700 var(--fs-xl)/1 var(--font-head);color:var(--ink)}.price span{color:var(--muted);font-size:var(--fs-sm)}
.product-specs{padding-left:1.2em;font-size:var(--fs-sm);margin:var(--s-2) 0}
.lf-main .how-list li{padding-left:var(--s-3)}
.lf-main .fine{margin-top:var(--s-2)}
@media(max-width:1000px){.price-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.two-up,.lead-grid,.price-grid{grid-template-columns:1fr}.lf-main>*{padding-top:var(--s-6);padding-bottom:var(--s-6)}}