/* Читацький розділ «Розбори». Одна колонка й вузька міра рядка: тут читають, а не
   сканують, і 68 символів — та ширина, після якої око губить початок наступного. */

.nw-list { display: flex; flex-direction: column; gap: 28px; margin: 8px 0 32px; }

.nw-card {
  padding-bottom: 26px;
  border-bottom: 1px solid var(--border-gold);
}
.nw-list > .nw-card:last-child { border-bottom: 0; padding-bottom: 0; }

.nw-when { margin: 0 0 4px; font-size: var(--fs-small); color: var(--hint); }

.nw-title { margin: 0 0 10px; max-width: 34ch; }
.nw-card .nw-title { font-size: 1.35rem; }
.nw-title a { color: inherit; text-decoration: none; }
.nw-title a:hover { color: var(--green); text-decoration: underline; }

/* Фабула — чуже. Тому вона й виглядає як цитата: злегка втоплена, з лінією збоку.
   Читач мусить бачити, де закінчується факт і починається наше. */
.nw-fab {
  margin: 0 0 14px;
  padding: 10px 0 10px 16px;
  border-left: 3px solid var(--border-gold);
  max-width: 68ch;
}
.nw-fab-h {
  margin: 0 0 4px;
  font-size: var(--fs-caption); font-weight: 600; letter-spacing: .09em;
  text-transform: uppercase; color: var(--hint);
}
.nw-fab-t { margin: 0; }
.nw-fab-src { margin: 6px 0 0; font-size: var(--fs-small); color: var(--hint); }

.nw-more { margin: 0; }
.nw-more a { font-weight: 600; text-decoration: none; }
.nw-more a:hover { text-decoration: underline; }

.nw-article { max-width: 68ch; }
.nw-article .nw-title { font-size: 1.9rem; }

/* Наш текст. Інтервал більший за типовий: розбір читають підряд, а не вихоплюють
   очима, і 1.7 тут відчутно легше за 1.5. */
.nw-body { line-height: 1.7; }
.nw-body h2 { margin: 30px 0 10px; font-size: 1.25rem; }
.nw-body h3 { margin: 22px 0 8px; font-size: 1.08rem; }
.nw-body p, .nw-body ul, .nw-body ol { margin: 0 0 16px; }
.nw-body li { margin-bottom: 6px; }
.nw-body blockquote {
  margin: 0 0 16px; padding: 2px 0 2px 16px;
  border-left: 3px solid var(--gold); color: var(--hint);
}
.nw-body code { font-size: .92em; }
.nw-body img { max-width: 100%; height: auto; border-radius: var(--radius-sm); }
.nw-body table { width: 100%; border-collapse: collapse; margin: 0 0 16px; }
.nw-body th, .nw-body td { padding: 7px 10px; border-bottom: 1px solid var(--border-gold); text-align: left; }

.nw-back { margin: 34px 0 0; }

.nw-empty { max-width: 68ch; color: var(--hint); }

.nw-pager { display: flex; align-items: center; gap: 14px; margin: 8px 0 0; }
.nw-page { font-size: var(--fs-small); color: var(--hint); font-variant-numeric: tabular-nums; }