/* The Listing Kit page. Built on the site tokens and existing classes.
   Only what the shared templates do not already give us lives here. */

/* hero: keep the lede readable, no new structure */
.lk-sentence .lk-big{max-width:22ch}
@media (min-width:64em){.lk-sentence .lk-big{max-width:26ch}}

/* two column body copy, used three times */
.lk-two{display:grid;gap:2rem}
@media (min-width:56em){.lk-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}}
.lk-two>*{min-width:0}
.lk-two .d{max-width:18ch;margin:0}
.lk-two p{max-width:52ch}

/* small aside inside body copy */
.lk-note{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line);font-size:1rem;line-height:1.45;color:var(--ink-70);max-width:52ch}
.lk-lede-dark{color:var(--paper)}
.lk-strong-dark{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line-d);font-weight:700;max-width:52ch}

/* the nine pieces */
.lk-nine{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:0;counter-reset:none}
@media (min-width:48em){.lk-nine{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,4vw,4rem)}}
@media (min-width:72em){.lk-nine{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lk-nine>li{padding:1.5rem 0;border-top:1px solid var(--line-d)}
.lk-nine h3{font-size:clamp(1.25rem,1rem + .7vw,1.6rem);font-stretch:112%;line-height:1.05;margin:.9rem 0 .6rem}
.lk-nine p{margin:0;font-size:1.0625rem;line-height:1.45;color:var(--paper);max-width:34ch;opacity:.88}

/* guardrail facts */
.lk-facts{list-style:none;margin:3rem 0 0;padding:0;display:grid;gap:1rem}
@media (min-width:48em){.lk-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 3rem}}
.lk-facts li{border-top:1px solid var(--line-d);padding-top:.9rem;font-size:1.0625rem;line-height:1.45;max-width:44ch}
.lk-facts b{display:block;font-family:var(--f-display);font-size:1rem;letter-spacing:.02em;margin-bottom:.3rem}

/* before and after: two panels, form on the left, copy on the right */
.lk-ba{display:grid;gap:2.5rem;margin-top:2.5rem}
@media (min-width:60em){.lk-ba{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,4vw,4rem);align-items:start}}
.lk-ba>*{min-width:0}
.lk-ba-col{min-width:0}
.lk-form{border:2px solid var(--ink);border-radius:var(--r);padding:clamp(1.1rem,2.5vw,1.75rem);background:var(--paper-3)}
.lk-form dl{margin:0;display:grid;grid-template-columns:1fr;gap:0}
.lk-form dt{font-family:var(--f-display);font-weight:800;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-60);margin-top:.9rem}
.lk-form dt:first-of-type{margin-top:0}
.lk-form dd{margin:.25rem 0 0;font-size:1rem;line-height:1.4;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
.lk-form dd:last-of-type{border-bottom:0;padding-bottom:0}
.lk-out{border:2px solid var(--ink);border-radius:var(--r);padding:clamp(1.25rem,3vw,2.25rem);background:var(--paper)}
.lk-out p{margin:0 0 .9em;font-size:1.0625rem;line-height:1.55;max-width:52ch}
.lk-out p:last-child{margin-bottom:0}
.lk-credit{margin:1.25rem 0 0 !important;padding-top:1rem;border-top:1px solid var(--line);font-size:.9375rem;color:var(--ink-60);font-style:italic}

/* the quote band */
.lk-quote-band{background:var(--paper-2);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.lk-quote{margin:0;max-width:56ch}
.lk-quote p{font-size:clamp(1.25rem,1.05rem + .9vw,1.7rem);line-height:1.4;font-weight:600;margin:0 0 1.25rem;max-width:56ch}
.lk-quote p+p{font-size:clamp(1.05rem,.95rem + .5vw,1.25rem);font-weight:500}
.lk-quote cite{display:block;font-style:normal;font-family:var(--f-display);font-weight:800;font-size:.9375rem;letter-spacing:.06em;text-transform:uppercase}
.lk-quote-note{margin:1.75rem 0 0;padding-top:1rem;border-top:1px solid var(--line);font-size:1rem;line-height:1.45;color:var(--ink-70);max-width:56ch}

/* pricing */
.lk-price{display:grid;gap:1.25rem;margin-top:2.5rem}
@media (min-width:60em){.lk-price{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:stretch}}
.lk-price>*{min-width:0}
.lk-card{border:2px solid var(--ink);border-radius:var(--r);padding:clamp(1.35rem,3vw,2rem);background:var(--paper);display:flex;flex-direction:column}
.lk-card-ink{background:var(--ink);color:var(--paper)}
.lk-card-ink .btn{background:var(--paper);color:var(--ink)}
.lk-card-ink .btn::after{background:var(--y)}
.lk-kicker{margin:0;font-family:var(--f-display);font-weight:800;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60)}
.lk-card-ink .lk-kicker{color:var(--paper-60)}
.lk-amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .7rem;margin:.6rem 0 .9rem;font-family:var(--f-display);font-weight:900;letter-spacing:-.04em;line-height:.9}
.lk-amount span{font-size:clamp(2.6rem,2rem + 2.5vw,3.6rem)}
.lk-amount small{font-size:.9375rem;font-weight:700;letter-spacing:.02em;color:var(--ink-60);text-transform:uppercase}
.lk-card-ink .lk-amount small{color:var(--paper-60)}
.lk-card-lede{margin:0 0 1.25rem;font-size:1.0625rem;line-height:1.45;max-width:32ch;min-height:3.2em}
.lk-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.lk-list li{position:relative;padding-left:1.1rem;font-size:1rem;line-height:1.4}
.lk-list li::before{content:"";position:absolute;left:0;top:.55em;width:.4rem;height:.4rem;background:var(--y);outline:1px solid var(--ink)}
.lk-card-ink .lk-list li::before{outline-color:var(--paper)}
.lk-card-cta{margin:auto 0 0;padding-top:1.5rem}
.lk-card-cta .btn{width:100%}

/* tighten the faq answer width to match the rest of the page */
.lk-faq-tight{max-width:none}