/* Карта экранов макета (index.html, T-003) */
@layer screens {
  .map-hero { display: grid; gap: var(--space-4); padding-block: var(--space-6) var(--space-5); }
  .map-hero .logo { justify-self: start; }
  .map-hero .logo__mark { width: 56px; height: 56px; }
  .map-hero .logo__word { font-size: 2.6rem; }
  .map-hero__lead { max-width: 40rem; }
  .map-themes { padding: var(--space-5); margin-bottom: var(--space-6); }
  .map-themes__current { margin-top: var(--space-3); font-size: var(--fs-sm); color: var(--color-ink-muted); }
  .map-section + .map-section { margin-top: var(--space-6); }
  .map-section h2 { margin-bottom: var(--space-3); }
  .map-list { display: grid; gap: var(--space-2); grid-template-columns: minmax(0, 1fr); list-style: none; padding: 0; }
  @media (min-width: 720px) { .map-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .map-item {
    display: flex; align-items: center; gap: var(--space-3);
    min-height: 56px; padding: var(--space-2) var(--space-4);
    background: var(--color-page);
    border: var(--border-width) var(--border-style) var(--color-line);
    border-radius: var(--radius-md);
  }
  .map-item a { flex: 1; min-height: var(--tap); display: flex; align-items: center; font-weight: 600; }
  .map-item__task { font-size: var(--fs-xs); color: var(--color-ink-muted); font-variant-numeric: tabular-nums; }
  .map-item[data-status="wip"] a { color: var(--color-ink-muted); }
  .map-foot { margin-top: var(--space-7); font-size: var(--fs-sm); color: var(--color-ink-muted); }
}