/* Article styling */
.article { padding: 70px 0 90px; }
.article__head { text-align: center; max-width: 760px; margin: 0 auto 50px; }
.article__meta { font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold); margin-bottom: 14px; display: inline-block; }
.article__body { max-width: 720px; margin: 0 auto; font-size: 17px; }
.article__body h2 { margin-top: 44px; }
.article__body h3 { margin-top: 28px; }
.article__body p { color: rgba(30,30,30,0.78); margin-bottom: 18px; line-height: 1.75; }
.article__body ul { padding-left: 22px; margin-bottom: 18px; color: rgba(30,30,30,0.78); }
.article__body li { margin-bottom: 8px; }
.article__cta {
  margin: 60px auto 0;
  max-width: 720px;
  background: var(--beige);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 32px;
  text-align: center;
}
.article__cta h3 { margin-bottom: 8px; }
.article__cta p { color: rgba(30,30,30,0.7); margin-bottom: 18px; }
.related { margin-top: 70px; }
.related h3 { text-align: center; margin-bottom: 24px; }
.related__list { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); max-width: 980px; margin: 0 auto; }
.related a {
  background: var(--white); border: 1px solid rgba(11,31,58,0.08);
  border-radius: var(--radius); padding: 20px 22px;
  display: block; transition: border-color .25s var(--ease);
}
.related a:hover { border-color: var(--gold); }
.related strong { display: block; color: var(--navy); font-family: "Cormorant Garamond", serif; font-size: 1.15rem; margin-bottom: 4px; }
.related span { font-size: 12px; color: rgba(30,30,30,0.55); letter-spacing: 0.12em; text-transform: uppercase; }