/* The landing pages in /markdown/. Adds to ../style.css, which every page shares. */
.doc .lede{font-size:20px;line-height:1.5;color:var(--ink-soft)}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:1.8em 0 2.2em}
.doc main a.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;background:var(--ink);color:#F8F3EA;border-radius:10px;font-weight:500;font-size:15px;text-decoration:none;transition:background .2s ease}
.doc main a.btn:hover,.doc main a.btn:focus-visible{background:#4A4038;color:#F8F3EA}
.terms{font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--ink-faint)}
.get{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:3.2em 0 2.4em;padding:30px 28px 32px;border-radius:12px;background:var(--paper-light);box-shadow:0 0 0 1px rgba(42,37,32,.10)}
.doc .get h2{margin:0;font-size:34px}
.doc .get p{margin:0;color:var(--ink-soft)}
.doc .pages{list-style:none;padding:0}
.doc .pages li{margin:0 0 1em}
.doc .pages a{font-weight:600}
.doc .pages span{display:block;color:var(--ink-soft)}
@media (min-width:1100px){.doc p.figure.wide{margin-left:-8rem;margin-right:-8rem}}
@media (prefers-reduced-motion:reduce){.doc main a.btn{transition:none}}