/* ============================================================
   Журнал — article (reading view) component
   Reuses the shared .read__* header styles; adds body typography.
   ============================================================ */

.art__body { padding-top: 0.4rem; }
.art__body p {
  font-size: 1.14rem; line-height: 1.72; color: var(--ink);
  margin: 0 0 1.35rem; text-wrap: pretty;
}
.art__body p:first-of-type::first-letter {
  float: left; font-family: var(--serif); font-weight: 600;
  font-size: 3.6rem; line-height: 0.84; padding: 0.1rem 0.55rem 0 0;
  color: var(--accent-deep);
}

.pullq {
  font-family: var(--serif); font-weight: 500;
  font-size: clamp(1.5rem, 2.6vw, 2.1rem); line-height: 1.22;
  color: var(--ink); margin: 2rem 0; padding: 0.2rem 0 0.2rem 1.5rem;
  border-left: 3px solid var(--accent); text-wrap: balance;
}

.art__end { margin: 2rem 0 0; font-family: var(--mono); font-size: var(--t-small); color: var(--ink-faint); }
.art__end::before { content: "✶  "; color: var(--accent); }

/* related */
.art__rel { max-width: 1100px; margin: clamp(2.4rem, 5vw, 4rem) auto 0; }
.art__rel-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--col); }
.art__rel-grid > .story { min-width: 0; }
@media (max-width: 760px) { .art__rel-grid { grid-template-columns: 1fr; } }