.earlier{margin-top:54px}.earlier-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;display:grid}.earlier-card{text-align:left;background:var(--surface);border:1px solid var(--hairline);cursor:pointer;font-family:var(--sans);border-radius:12px;flex-direction:column;padding:24px 24px 22px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.earlier-card:hover{box-shadow:var(--shadow-lift);border-color:#d9cfbc;transform:translateY(-3px)}.ec-date{letter-spacing:.15em;color:var(--brass-text);font-size:11px;font-weight:600;display:block}.ec-title{font-family:var(--serif);color:var(--ink);margin:10px 0 0;font-size:22px;font-weight:600;line-height:1.15}.ec-scripture{font-family:var(--serif);color:var(--slate);margin:6px 0 0;font-size:15px;font-style:italic}.ec-preview{font-family:var(--serif);color:#3c4853;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:14px 0 0;font-size:16px;line-height:1.6;display:-webkit-box;overflow:hidden}.ec-more{color:var(--navy);align-items:center;gap:6px;margin-top:18px;font-size:13.5px;font-weight:600;display:inline-flex}.ec-more:after{content:"→";transition:transform .18s}.earlier-card:hover .ec-more:after{transform:translate(4px)}@media (max-width:760px){.earlier-grid{grid-template-columns:1fr}}