/* ══════════════════════════════════════════════════════════════════
   Единая система десктопных отступов для /, /Prompt/, /news/ (>900px).
   Все числа — из согласованной схемы:
     ① Top → hero            = 40px
     ② Hero → heading        = 80px
     ③ Heading → grid        = 20px
     ④ Gap карточек          = 14px
     ⑤ Внутри карточки       = 10px (image → title)
     ⑥ Между секциями        = 80px
     ⑦ Footer padding-top    = 40px (в footer-big.css)
     ⑧ Padding-x             = var(--pad) (уже одинаково)
   ══════════════════════════════════════════════════════════════════ */

@media (min-width: 901px) {

  /* ── ① Top → hero: main/content padding-top ── */
  main { padding-top: 10px !important; }
  .content { padding: 10px var(--pad) 64px !important; }

  /* ── ② Hero → heading: и ⑥ Между секциями ── */
  .hero { margin-bottom: 80px !important; }
  section { margin-bottom: 80px !important; }
  /* /Prompt/ и /news/ используют flex-column с gap на .content */
  .content { gap: 80px !important; }

  /* ── ③ Heading → grid ── */
  .section-head { margin-bottom: 20px !important; }
  .feed-head { margin-bottom: 20px !important; }
  /* /Prompt/ .feed — flex-column с gap */
  .feed { gap: 20px !important; }

  /* ── ④ Gap карточек ── */
  .grid { gap: 14px !important; }
  /* /Prompt/ masonry — flex + внутренние колонки */
  .grid-col { gap: 14px !important; }
  /* /news/ CSS-columns */
  .news-grid { column-gap: 14px !important; }
  .news-card { margin: 0 0 14px !important; }

  /* ── ⑤ Внутри карточки: image → title ── */
  .card { gap: 10px !important; }

  /* ═══════════════════════════════════════════════════════════════
     ТИПОГРАФИКА — единая на /, /Prompt/, /news/
     ① Base           400 15px/1.5           -0.005em
     ② Hero h1        800 44px/1.1           -0.02em
     ③ Hero p         400 16px/1.55
     ④ Section h2     700 28px/1.2           -0.02em
     ⑤ Card title     600 15px/1.25          -0.015em
     ⑥ News title     700 22px/1.25          -0.02em
     ⑦ News excerpt   400 14px/1.55
     ⑧ Tag            600 11px mono UPPER    +0.1em
     ⑨ Date           500 11px mono          +0.02em
     ═══════════════════════════════════════════════════════════════ */

  /* ① */
  body { font: 400 15px/1.5 var(--font) !important; letter-spacing: -0.005em !important; }

  /* ② */
  .hero h1 { font: 800 44px/1.1 var(--font) !important; letter-spacing: -0.02em !important; color: var(--ink) !important; }
  .hero h1 em { color: var(--ink) !important; }
  /* ③ */
  .hero p  { font: 400 16px/1.55 var(--font) !important; }

  /* ④ — все варианты заголовков секции унифицируем */
  .section-head h2,
  .feed-head h2,
  .trend-head h2 {
    font: 700 28px/1.2 var(--font) !important;
    letter-spacing: -0.02em !important;
    color: var(--ink) !important;
    margin: 0 !important;
  }

  /* ⑤ Card title (карточки на /) */
  .card-title {
    font: 600 15px/1.25 var(--font) !important;
    letter-spacing: -0.015em !important;
  }

  /* ⑥⑦⑧⑨ News-card */
  .nc-title   { font: 700 22px/1.25 var(--font) !important; letter-spacing: -0.02em !important; }
  .nc-excerpt { font: 400 14px/1.55 var(--font) !important; }
  .nc-tag     { font: 600 11px var(--mono) !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; }
  .nc-date    { font: 500 11px var(--mono) !important; letter-spacing: 0.02em !important; }
}