/* The Fated blog: the same calm reading column as How it works and the legal pages (legal.css), plus post cards and a few reading details. */
.lg .kick{display:block;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red-ink);margin-bottom:10px}
.lg .byline{color:var(--muted);font-size:.9rem;margin-top:12px}
.lg article p + p{margin-top:12px}
.lg article section p + p{margin-top:12px}
.lg article ul, .lg article ol{margin-top:10px}
.lg article li + li{margin-top:6px}
.lg article li b{font-weight:700}
.lg .pull{margin:26px 0 4px;padding-left:18px;border-left:3px solid var(--red);font-family:"Fraunces",Georgia,serif;font-style:italic;font-size:1.3rem;line-height:1.4;color:var(--ink)}
.lg .cta{margin-top:40px;padding:20px 20px 22px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);display:grid;gap:10px}
.lg .cta h2{margin:0;font-size:1.3rem}
.lg .cta p{color:var(--muted)}
.lg .cta a.btn{justify-self:start;text-decoration:none}
.lg .next{margin-top:22px;color:var(--muted);font-size:.95rem}

/* the list of posts */
.lg .posts{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:14px}
.lg .posts li{margin:0}
.post-card{display:grid;gap:8px;padding:20px 20px 22px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.post-card:hover{border-color:color-mix(in srgb,var(--ink) 35%,transparent)}
.post-card:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.post-card .meta{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red-ink)}
.post-card h2{margin:0;font-size:1.4rem;line-height:1.2}
.post-card p{color:var(--muted);line-height:1.55}
.post-card .more{font-weight:700;font-size:.9rem;color:var(--red-ink)}
@media (prefers-reduced-motion:no-preference){.post-card:hover{transform:translateY(-2px)}}