/* collect.quest — the "Learn more" information pages (SEO lane, 2026-10-28).
   One stylesheet for every page the footer's Learn more band links to: a
   readable single column, built on vault.css's tokens so vault-theme.css
   gives it the light skin with nothing extra here. */

.lm{padding:clamp(48px,7vw,88px) var(--pad-x) 0;max-width:820px;margin:0 auto}
.lm-eyebrow{font:500 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}
.lm h1{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.4vw,56px);line-height:1.08;color:var(--text);margin:0 0 22px}
.lm-lede{font-size:clamp(18px,1.6vw,20px);line-height:1.6;color:var(--text-2);margin:0 0 40px;max-width:60ch}
.lm h2{font-family:var(--serif);font-weight:400;font-size:clamp(25px,2.4vw,31px);line-height:1.2;color:var(--text);margin:48px 0 14px}
.lm h3{font-family:var(--sans);font-weight:600;font-size:17px;line-height:1.35;color:var(--text);margin:28px 0 8px}
.lm p,.lm li{font-size:16px;line-height:1.7;color:var(--text-3);max-width:64ch}
.lm p{margin:0 0 14px}
.lm ul{padding-left:20px;margin:0 0 16px}
.lm li{margin:0 0 8px}
.lm a{color:var(--gold-pale);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:3px}
.lm a:hover{color:var(--text)}
.lm-note{border-left:2px solid var(--gold-dim);padding:2px 0 2px 16px;margin:24px 0}
.lm-note p{margin:0;color:var(--text-2)}
.lm-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:44px 0 0;padding:28px 0 0;border-top:1px solid var(--line-2)}
.lm-cta .lm-btn{display:inline-block;padding:13px 22px;border-radius:999px;background:var(--vt-btn);color:var(--vt-btn-text);font:600 15px/1 var(--sans);text-decoration:none}
.lm-cta .lm-btn:hover{background:var(--vt-btn-hover);color:var(--vt-btn-text)}
.lm-sources{margin:48px 0 0;padding:22px 0 0;border-top:1px solid var(--line-2)}
.lm-sources h2{font:500 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-4);margin:0 0 14px}
.lm-sources li,.lm-sources p{font-size:14px;line-height:1.6;color:var(--text-4)}
.lm-sources a{color:var(--text-3)}
.lm-related{margin:36px 0 0}
.lm-related h2{margin-top:0}
.lm .lm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;padding:0;list-style:none}
.lm .lm-grid li{margin:0}
@media (max-width:640px){.lm .lm-grid{grid-template-columns:1fr}}
.lm :focus-visible{outline:2px solid var(--gold);outline-offset:3px}