/* Standard sieci 1.0. Wspolne wartosci dla obecnych i nowych stron.
 * !important w warstwie migracyjnej celowo wygrywa ze starszymi motywami.
 * Nowe komponenty korzystaja z tokenow, bez kolejnych nadpisan.
 */
:root {
  --np-font-heading: Georgia, 'Times New Roman', serif;
  --np-font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --np-h1: 48px;
  --np-h2: 32px;
  --np-h3: 24px;
  --np-h4: 20px;
  --np-h5: 18px;
  --np-h6: 16px;
  --np-body: 18px;
  --np-lead: 19px;
  --np-card: 16px;
  --np-meta: 13px;
  --np-menu: 14px;
  --np-space-1: 8px;
  --np-space-2: 16px;
  --np-space-3: 24px;
  --np-space-4: 32px;
  --np-space-6: 48px;
  --np-reading-width: 760px;
  --serif: var(--np-font-heading);
  --sans: var(--np-font-body);
}
@media (max-width: 767px) {
  :root {
    --np-h1: 34px;
    --np-h2: 28px;
    --np-h3: 22px;
    --np-h4: 19px;
    --np-body: 17px;
    --np-lead: 17px;
  }
}
@media screen {
  body.np-visual-standard { font-family: var(--np-font-body); }
  .np-visual-standard :is(main, #main) { min-width: 0; }
  .np-visual-standard :is(h1, h2, h3) {
    font-family: var(--np-font-heading) !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    letter-spacing: normal !important;
    overflow-wrap: anywhere;
  }
  .np-visual-standard h1 { font-size: var(--np-h1) !important; line-height: 1.2 !important; }
  .np-visual-standard h2 { font-size: var(--np-h2) !important; }
  .np-visual-standard h3 { font-size: var(--np-h3) !important; }
  .np-visual-standard :is(h4, h5, h6) { font-family: var(--np-font-body) !important; font-weight: 600 !important; line-height: 1.3 !important; }
  .np-visual-standard h4 { font-size: var(--np-h4) !important; }
  .np-visual-standard h5 { font-size: var(--np-h5) !important; }
  .np-visual-standard h6 { font-size: var(--np-h6) !important; font-weight: 700 !important; }
  .np-visual-standard :where(main, #main) p { font-family: var(--np-font-body); font-size: var(--np-card); line-height: 1.75; }
  .np-visual-standard :is(.article-content, .npdu-prose, .npdu-object-content) { font-family: var(--np-font-body); font-size: var(--np-body); line-height: 1.75; overflow-wrap: anywhere; }
  .np-visual-standard :is(.article-content, .npdu-prose) { max-width: var(--np-reading-width); width: 100%; min-width: 0; }
  .np-visual-standard :is(.article-content, .npdu-prose, .npdu-object-content) :is(p, li, dd) { font-family: var(--np-font-body); font-size: var(--np-body); line-height: 1.75; }
  .np-visual-standard .npdu-map-copy > p:not(.npdu-label):not(.npdu-caption) { font-family: var(--np-font-body); font-size: var(--np-body); line-height: 1.75; }
  .np-visual-standard :is(.article-content, .npdu-prose) p { margin-block: 0 var(--np-space-3); }
  .np-visual-standard :is(.article-content, .npdu-prose) :is(h2, h3, h4, h5, h6) { margin-block: var(--np-space-4) var(--np-space-2); }
  .np-visual-standard :is(.article-content, .npdu-prose) > :first-child { margin-top: 0; }
  .np-visual-standard :is(.deck, .editorial-summary, .npdu-deck) { font-family: var(--np-font-body) !important; font-size: var(--np-lead) !important; line-height: 1.6 !important; max-width: var(--np-reading-width); }
  .np-visual-standard :is(.editorial-row, .editorial-topics, .np-reading-card, .np-portal-card, .collection-card, .topic-card, .hub-card, .npdu-card) p { font-size: var(--np-card) !important; line-height: 1.75 !important; }
  .np-visual-standard :is(.npdu-card, .search-result) h2 { font-size: var(--np-h3) !important; }
  .np-visual-standard :is(.dna-disclaimer, .policja-disclaimer) { font-size: var(--np-card) !important; line-height: 1.75 !important; }
  .np-visual-standard :is(.np-map-note, .np-record-city, .np-geo-kicker, .npdu-main p[role=status]) { font-family: var(--np-font-body) !important; font-size: var(--np-meta) !important; line-height: 1.5 !important; font-weight: 400 !important; }
  /* Etykiety nawigacji nie sa tytulami sekcji artykulu. */
  .np-visual-standard .sidebar-label { font-family: var(--np-font-body) !important; font-size: var(--np-meta) !important; font-weight: 600 !important; line-height: 1.5 !important; }
  body.np-visual-standard :is(figcaption, .article-meta, .article-meta *, .editorial-row-meta, .editorial-row-meta *, .editorial-kicker, .editorial-byline, .eyebrow, .np-reading-label, .np-portal-family, .np-portal-topics, .np-portals-kicker, .npdu-label, .npdu-caption, .npdu-object-dates, .npdu-fact-date, .npdu-object-status, .npdu-precision) {
    font-family: var(--np-font-body) !important;
    font-size: var(--np-meta) !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
  }
  .np-visual-standard :is(.header-navigation, .mobile-navigation, .topic-navigation, .npdu-header nav) a { font-family: var(--np-font-body) !important; font-size: var(--np-menu) !important; font-weight: 600 !important; }
  .np-visual-standard :is(button, input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, .npdu-button, .topic-navigation a, .npdu-header nav a, .header-navigation a, .mobile-navigation a, summary) { min-height: 44px; }
  .np-visual-standard button { min-width: 44px; }
  .np-visual-standard :is(input, select, textarea) { font-family: var(--np-font-body); font-size: 16px; max-width: 100%; }
  .np-visual-standard :is(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid currentColor !important; outline-offset: 3px !important; }
  .np-visual-standard :is(.article-content, .npdu-prose, .npdu-object-content) :is(p, li, dd) a { text-decoration: underline; text-underline-offset: .18em; }
  .np-visual-standard .editorial-title { flex-wrap: wrap; gap: var(--np-space-2); padding-block: var(--np-space-3); }
  .np-visual-standard :is(.editorial-section-head, .np-reading-heading) { flex-wrap: wrap; gap: var(--np-space-2); }
  .np-visual-standard :is(.editorial-row, .np-reading-cards, .editorial-topics, .npdu-grid) { gap: var(--np-space-3); }
  .np-visual-standard :is(.editorial-row, .np-reading-card-copy) h3 { margin-bottom: var(--np-space-1); }
  .np-visual-standard :is(.editorial-topics, .np-reading-front, .npdu-main > section) { margin-bottom: var(--np-space-4); }
  .np-visual-standard :is(.article-content, .npdu-prose) table { display: block; overflow-x: auto; max-width: 100%; }
  .np-visual-standard :is(.article-content, .npdu-prose) pre { white-space: pre-wrap; overflow-wrap: anywhere; }
  @media (max-width: 1023px) {
    .np-visual-standard .page-layout { display: flex; flex-direction: column; gap: var(--np-space-3); }
    .np-visual-standard .article-sidebar { position: static; order: -1; width: 100%; }
    .np-visual-standard .article-sidebar .sidebar-box:not(:first-child) { display: none; }
    .np-visual-standard :is(.editorial-lead-grid, .editorial-body-grid) { grid-template-columns: minmax(0,1fr); }
    .np-visual-standard .editorial-lead { padding-right: 0; }
    .np-visual-standard .editorial-quick { border-left: 0; }
    .np-visual-standard :is(.npdu-grid, .np-reading-cards) { grid-template-columns: repeat(2,minmax(0,1fr)); }
  }
  @media (max-width: 767px) {
    .np-visual-standard :is(.editorial-topics, .editorial-directory, .editorial-quick ul, .np-reading-cards, .np-reading-library .np-reading-cards, .npdu-grid, .npdu-opening, .npdu-collection, .npdu-object-overview, .npdu-map-panel, .hub-grid, .topic-grid, .collection-grid, .toc) { grid-template-columns: minmax(0,1fr); }
    .np-visual-standard .np-reading-card { display: block; }
    .np-visual-standard .np-reading-card-art img.editorial-thumbnail { width: 100%; height: auto; aspect-ratio: 8/5; }
    .np-visual-standard .np-reading-card-copy { padding-top: var(--np-space-2); }
    .np-visual-standard .editorial-row { grid-template-columns: 80px minmax(0,1fr); gap: var(--np-space-2); }
    .np-visual-standard .editorial-thumbnail { max-width: 100%; }
    .np-visual-standard .npdu-documentation dl { display: block; }
    .np-visual-standard .npdu-documentation dt { padding-bottom: 0; }
    .np-visual-standard .npdu-documentation dd { padding-top: var(--np-space-1); }
  }
}
