/* "Keep reading" cards for the curated guides (single.php, original layout).
   The standard posts get the same rules from article.css; these guides skip
   that file because their own layouts style everything else. */
.ratahome-article-shell { width: min(100% - 80px, 1316px); margin-inline: auto; }
.ratahome-article-related { padding: 90px 0; background: #f2eee6; color: #121110; font-family: var(--font-sans, Arial, sans-serif); }
.ratahome-article-related header { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 38px; }
.ratahome-article-related header span { color: #b5451b; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.ratahome-article-related h2 { margin: 8px 0 0; font-size: 44px; font-weight: 500; line-height: 1.1; letter-spacing: -.035em; color: #121110; }
.ratahome-article-related header > a { color: #b5451b; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.ratahome-article-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.ratahome-article-related__grid article { overflow: hidden; border: 1px solid #d8d1c6; border-radius: 2px; background: #faf8f4; }
.ratahome-article-related__image { display: block; height: 220px; }
.ratahome-article-related__image img { width: 100%; height: 100%; object-fit: cover; }
.ratahome-article-related__grid article > div { padding: 24px; }
.ratahome-article-related__grid article span { color: #b5451b; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.ratahome-article-related__grid h3 { margin: 12px 0 10px; font-size: 21px; font-weight: 500; line-height: 1.3; }
.ratahome-article-related__grid a { color: #121110; text-decoration: none; }
.ratahome-article-related__grid h3 a:hover { color: #b5451b; }
.ratahome-article-related__grid p { color: #716b64; font-size: 13px; line-height: 1.6; }
.ratahome-article-related__grid article > div > a { color: #b5451b; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 900px) {
  .ratahome-article-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .ratahome-article-shell { width: min(100% - 40px, 1316px); }
  .ratahome-article-related { padding: 64px 0; }
  .ratahome-article-related header { align-items: flex-start; flex-direction: column; }
  .ratahome-article-related h2 { font-size: 32px; }
  .ratahome-article-related__grid { grid-template-columns: 1fr; }
}