/* Reading pages (the marketplace landing page and any like it). Built on the site's own tokens from styles.css, so a page here looks like the home page. */
.rd { max-width: 860px; margin: 0 auto; padding: 72px var(--gutter, 24px) 96px; }
.rd-kick { font: 500 11px/1 ui-monospace, Menlo, monospace; color: #7CE22B; letter-spacing: .5px; }
.rd h1 { margin: 16px 0 0; font: 400 clamp(34px, 5vw, 56px)/1.02 KitSans, sans-serif; letter-spacing: -.5px; }
.rd h2 { margin: 56px 0 0; font: 400 clamp(26px, 3vw, 36px)/1.1 KitSans, sans-serif; letter-spacing: -.3px; }
.rd h3 { margin: 28px 0 0; font: 800 14px/1.3 Manrope, sans-serif; letter-spacing: .6px; text-transform: uppercase; color: #F4F4F5; }
.rd p, .rd li { font: 500 16.5px/1.75 Manrope, sans-serif; color: #C8C8C8; }
.rd p { margin: 16px 0 0; }
.rd .lead { font-size: 19px; color: #F4F4F5; }
.rd ul, .rd ol { margin: 16px 0 0; padding-left: 22px; display: grid; gap: 10px; }
.rd a { color: #7CE22B; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.rd a:hover { color: #F4F4F5; }
.rd .shops { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.rd .shops span { padding: 10px 14px; border: 1px solid #2A2A2A; font: 800 11px/1 Manrope, sans-serif; letter-spacing: 1.3px; color: #C8C8C8; }
.rd .cta { display: inline-flex; align-items: center; gap: 10px; margin-top: 32px; height: 56px; padding: 0 26px; background: #7CE22B; color: #08080A; text-decoration: none; font: 800 11px/1 Manrope, sans-serif; letter-spacing: 1.4px; }
.rd .cta:hover { background: #F4F4F5; color: #08080A; }
.rd .facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; margin-top: 28px; }
.rd .facts div { padding: 18px; border: 1px solid #1F1F24; background: #0B0B0E; }
.rd .facts b { display: block; font: 400 28px/1 Anton, sans-serif; color: #F4F4F5; }
.rd .facts span { display: block; margin-top: 8px; font: 600 12.5px/1.45 Manrope, sans-serif; color: #8E8E8E; }
.rd .fq { margin-top: 12px; }
.rd .crumbs { font: 600 12px/1 Manrope, sans-serif; color: #8E8E8E; }
.rd .crumbs a { color: #8E8E8E; text-decoration: none; }
.rd .crumbs a:hover { color: #F4F4F5; }