/**
 * Domino 2026 — editorial. Reading measure, article rhythm, quotes, tables,
 * captions. Same tokens as hotel pages; narrower measure + calmer headings
 * for long-form comfort on desktop, tablet and mobile.
 */

.article__head { display: grid; gap: var(--s16); margin-bottom: var(--s24); }
.article__deck { font-size: 1.25rem; line-height: 1.55; color: var(--domino-muted); }
.article__hero { margin: var(--s24) 0 var(--s32); }
.article__hero img { border-radius: var(--radius-card); }
.article__hero figcaption, .wp-caption-text {
  font-size: 0.875rem; color: var(--domino-muted); margin-top: var(--s8);
}

.article__body { font-size: 1.125rem; line-height: 1.8; }
.article__body > * + * { margin-top: 1.5em; }
.article__body h2 { font-size: 1.75rem; margin-top: 2em; }
.article__body h3 { font-size: 1.375rem; margin-top: 1.75em; }
.article__body h4 { font-size: 1.125rem; margin-top: 1.5em; }
@media (min-width: 64rem) {
  .article__body h2 { font-size: 2rem; }
}
.article__body blockquote {
  border-left: 3px solid var(--domino-gold);
  padding-left: var(--s24);
  font-family: var(--font-display);
  font-size: 1.375rem; line-height: 1.45;
  color: var(--domino-sea);
}
.article__body ul, .article__body ol { padding-left: 1.5em; }
.article__body li + li { margin-top: 0.5em; }
.article__body table { width: 100%; border-collapse: collapse; font-size: 1rem; }
.article__body th, .article__body td {
  border: 1px solid var(--domino-line); padding: var(--s8) var(--s12); text-align: left;
}
.article__body th { background: var(--domino-sand); }
.article__body .wp-block-image { margin-block: var(--s32); }
.article__body .wp-block-image img { border-radius: var(--radius-card); }

.related { margin-top: var(--s64); }
.related__title { margin-bottom: var(--s24); }

.journal-hub { display: grid; gap: var(--s48); padding-block: var(--s48); }
.journal-hub__featured { display: grid; gap: var(--s24); }
@media (min-width: 64rem) {
  .journal-hub__featured { grid-template-columns: 1.4fr 1fr; }
  .journal-hub__featured .article-card--featured { grid-row: span 2; }
}
.archive-shell { display: grid; gap: var(--s32); padding-block: var(--s48); }