/* ==========================================================================
   Digijurist 2026 redesign — UUDISED (uudised.html) LAYOUT
   ==========================================================================
   The big "legal database" page: hero + four full-width register panels
   (Eesti seadused / Riigikohtu lahendid / EL kohtulahendid / EL
   õigusaktid), 25 rows each. Row anatomy (.lp-recent__*) is the same
   markup/CSS the landing page's old four-column "Värsked
   seadusemuudatused" section used — moved here wholesale since that
   section no longer exists on the landing (see landing.css's slim
   .lp-ticker, which replaced it there). Nav/buttons/typography come from
   site.css + tokens.css, loaded by _base.html for every redesign page.
   ========================================================================== */

/* ==========================================================================
   1. HERO
   ========================================================================== */
.nw-hero { padding-bottom: 56px; }
.nw-hero__title {
  font-size: clamp(34px, 5vw, 52px);
  margin: 14px 0 0;
  max-width: 16em;
}
.nw-hero__lead { margin-top: 18px; }

/* In-page jump nav: four anchor chips, so a visitor can skip straight to
   one source instead of scrolling past three panels of 25 rows. */
.nw-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 32px;
}
.nw-jump__chip {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 16px;
  border: 1px solid var(--dj-hairline-2);
  border-radius: 999px;
  color: var(--dj-ink-2);
  font-family: var(--dj-font-ui);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color 150ms ease, color 150ms ease, background-color 150ms ease;
}
.nw-jump__chip:hover, .nw-jump__chip:focus-visible {
  color: var(--dj-ink);
  border-color: var(--dj-accent-deep);
  background: rgba(255, 255, 255, .03);
}

/* ==========================================================================
   2. SOURCE PANELS (one per section: Eesti seadused / Riigikohtu lahendid /
   EL kohtulahendid / EL õigusaktid)
   ========================================================================== */
.nw-source { scroll-margin-top: 84px; } /* sticky nav height, so #anchor jumps land below it */
.nw-source__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.nw-source__title { font-size: clamp(24px, 3vw, 32px); margin: 0; }
.nw-source__count {
  flex: 0 0 auto;
  color: var(--dj-ink-3);
  font-size: 13px;
}
.nw-source__empty {
  margin: 24px 0 0;
  padding: 28px 0;
  color: var(--dj-ink-3);
  border-top: 1px solid var(--dj-hairline);
}
.nw-source__list { margin-top: 8px; }

/* ==========================================================================
   3. ROW ANATOMY (moved from the landing page's old .lp-recent block,
   2026-09-19 — unchanged markup/classes, just no card wrapper: a
   full-width page can afford the register to breathe on its own,
   separated by hairlines instead of being boxed into a compact card.)
   ========================================================================== */
.lp-recent__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--dj-hairline);
}
.lp-recent__item { border-bottom: 1px solid var(--dj-hairline); }
.lp-recent__link {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 -14px;
  padding: 20px 14px;
  border-radius: var(--dj-radius-s);
  color: inherit;
  text-decoration: none;
  position: relative;
  transition: background-color 150ms ease, box-shadow 150ms ease;
}
/* Same hover fix as the landing page used: lighten only, never darken;
   the title never loses contrast on hover. */
.lp-recent__link:hover, .lp-recent__link:focus-visible {
  background-color: rgba(255, 255, 255, .025);
  box-shadow: inset 3px 0 0 var(--dj-accent-deep);
}
.lp-recent__meta {
  display: flex;
  align-items: center;
  gap: 14px;
}
.lp-recent__date {
  font-size: 13px;
  color: var(--dj-ink-2);
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
}
.lp-recent__title {
  font-size: 16.5px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--dj-ink);
  overflow-wrap: anywhere;
}
.lp-recent__link:hover .lp-recent__title,
.lp-recent__link:focus-visible .lp-recent__title { color: var(--dj-ink); }
.lp-recent__sub {
  font-size: 13px;
  color: var(--dj-ink-2);
  overflow-wrap: anywhere;
}
.lp-recent__changes {
  font-family: var(--dj-font-mono);
  font-size: 13px;
  line-height: 1.6;
  color: var(--dj-ink-2);
  overflow-wrap: anywhere;
}
.lp-recent__changes b { font-weight: 600; color: var(--dj-ink); }
.lp-recent__badge {
  flex: 0 0 auto;
  padding: 2px 8px;
  border-radius: var(--dj-radius-s);
  background: transparent;
  border: 1px solid var(--dj-hairline-2);
  color: var(--dj-ink-2);
  font-family: var(--dj-font-ui);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .03em;
  white-space: nowrap;
}
.lp-recent__badge--new {
  border-color: rgba(76, 158, 222, .45);
  color: var(--dj-accent-deep);
}

/* Mobile: everything already stacks single-column by default (hero, jump
   chips wrap, each source is its own full-width section) — nothing extra
   to collapse here. */
@media (max-width: 640px) {
  .nw-jump { gap: 8px; }
  .nw-jump__chip { height: 32px; padding: 0 13px; font-size: 12.5px; }
}