/* "/metodika" — versioned methodology hub + pages. Fourth sibling of the
   "Apie duomenis"/"Apie projektą"/comparison-landing family: loads
   apie-duomenis.css for the shared components (hero, eyebrow, stats, section
   heads, cards, grid, buttons, note, callout) and adds only what those pages
   don't already have — a visible breadcrumb, a spec/recipe table, a changelog
   table, hub link cards and the author block. Everything maps onto sitewide
   tokens (--c-success/--c-dark/--c-muted/--ad-*) so dark mode is inherited,
   same convention as the siblings — no literal hex in this file. */

/* ── Breadcrumb ───────────────────────────────────────────────────── */
/* Deliberately restates .cmp-breadcrumb (assets/styles/palyginimas.css:21-26)
   rather than loading that whole file for six declarations. If a third
   family needs this, promote it to .ad-breadcrumb in apie-duomenis.css and
   retire both call sites. */
.md-breadcrumb { font-size: .82rem; color: var(--c-muted); margin-bottom: 14px }
.md-breadcrumb a { color: inherit; text-decoration: none }
.md-breadcrumb a:hover { text-decoration: underline }
.md-breadcrumb span[aria-hidden] { margin: 0 6px; opacity: .6 }
.md-breadcrumb-current { color: var(--c-fg) }

/* ── Spec / recipe tables (section 03) ───────────────────────────── */
.md-tablewrap {
  background: var(--c-surface);
  border: 1px solid var(--ad-border);
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 12px;
}
.md-table { width: 100%; border-collapse: collapse }
.md-table thead th {
  background: var(--c-dark); color: var(--c-dark-fg);
  text-align: left; font-size: .82rem; font-weight: 700;
  letter-spacing: .04em;
  padding: 14px 20px;
}
.md-table tbody tr { border-top: 1px solid var(--ad-divider) }
.md-table tbody th { text-align: left; font-size: .95rem; font-weight: 600; line-height: 1.4; padding: 13px 20px; color: var(--c-fg) }
.md-table tbody td { font-size: .95rem; line-height: 1.4; color: var(--c-fg); padding: 13px 20px }
.md-group-row th {
  background: var(--ad-surface-2); font-size: .74rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: var(--c-muted);
  padding: 10px 20px;
}
.md-group-row:first-child th { border-top: none }
.md-num { text-align: right; white-space: nowrap }
.md-unit { color: var(--c-muted); white-space: nowrap }
.md-table-note { margin: 0 0 28px; font-size: .82rem; color: var(--c-muted) }

/* ── Changelog table (section 07 + hub §04) ──────────────────────── */
.md-log-wrap { background: var(--c-surface); border: 1px solid var(--ad-border); border-radius: 18px; overflow: hidden }
.md-log { width: 100%; border-collapse: collapse }
.md-log thead th {
  background: var(--ad-surface-2); text-align: left; font-size: .74rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: var(--c-muted);
  padding: 12px 20px;
}
.md-log tbody tr { border-top: 1px solid var(--ad-divider) }
.md-log tbody td { padding: 14px 20px; font-size: .92rem; line-height: 1.5; color: var(--c-fg); vertical-align: top }
.md-ver {
  display: inline-flex; align-items: center; font-weight: 700; font-size: .82rem;
  color: var(--c-success); background: var(--c-success-bg); border-radius: 999px;
  padding: 3px 11px; white-space: nowrap;
}
.md-log-page { font-size: .82rem; color: var(--c-muted) }
.md-log-page a { color: var(--c-success); text-decoration: underline; text-underline-offset: 2px }

/* ── Hub link cards (§02) ─────────────────────────────────────────── */
.md-card-link {
  display: block;
  background: var(--c-surface); border: 1px solid var(--ad-border); border-radius: 20px;
  padding: 24px; text-decoration: none; color: inherit;
  transition: border-color .15s ease;
}
.md-card-link:hover, .md-card-link:focus-visible { border-color: var(--c-success) }
.md-card-link h3 { font-size: 1.05rem; font-weight: 800; margin: 0 0 6px; letter-spacing: -.01em; color: var(--c-fg) }
.md-card-link p { font-size: .88rem; line-height: 1.55; color: var(--c-muted); margin: 0 0 14px }
.md-card-meta {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  font-size: .8rem; font-weight: 600; color: var(--c-muted);
}
.md-card-arrow { color: var(--c-success); display: inline-flex; flex: none }
.md-card-arrow svg { width: 18px; height: 18px }

/* ── Author block (unnumbered, after §07) ────────────────────────── */
.md-author {
  display: flex; align-items: flex-start; gap: 16px;
  background: var(--ad-surface-2); border: 1px dashed var(--ad-dashed);
  border-radius: 20px; padding: 22px 24px; margin-top: 8px;
}
.md-author-icon {
  width: 42px; height: 42px; border-radius: 12px; flex-shrink: 0;
  background: var(--c-success-bg); color: var(--c-success);
  display: flex; align-items: center; justify-content: center;
}
.md-author-icon svg { width: 21px; height: 21px; flex: none }
.md-author h3 { font-size: .98rem; font-weight: 800; margin: 0 0 4px }
.md-author p { font-size: .88rem; line-height: 1.55; color: var(--c-muted); margin: 0 }
.md-author a { color: var(--c-success); text-decoration: underline; text-underline-offset: 2px }
.md-author a:hover { color: var(--ad-accent-hover) }

/* ── Version line embedded in existing "Kaip skaičiuojame" blocks ── */
/* NOTE: .ix-method__ver lives in indeksai.css and .basket-method__ver lives
   inline in basket/index.html.twig — neither of those pages loads this file.
   Kept here only as a reference comment for anyone looking for it. */

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 719px) {
  /* Stack both tables per row — same device as .cmp-table
     (assets/styles/palyginimas.css:165-185): thead hidden visually (kept for
     SR users), each cell prints its column name via data-label. */
  .md-table thead, .md-log thead {
    position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
  }
  .md-table, .md-table tbody, .md-table tbody tr, .md-table tbody th, .md-table tbody td,
  .md-log, .md-log tbody, .md-log tbody tr, .md-log tbody td {
    display: block; width: 100%;
  }
  .md-table tbody th { padding: 14px 18px 2px }
  .md-table tbody td { padding: 6px 18px }
  .md-table tbody td:last-child { padding-bottom: 14px }
  .md-table tbody td::before, .md-log tbody td::before {
    content: attr(data-label);
    display: block;
    font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
    color: var(--c-muted); margin-bottom: 3px;
  }
  .md-group-row { display: block; width: 100% }
  .md-log tbody td { padding: 6px 18px }
  .md-log tbody tr:first-child td:first-child { padding-top: 14px }
  .md-log tbody tr td:last-child { padding-bottom: 14px }
}

/* ── Source list (Pirmoko krepšelio metodika §02) ─────────────────── */
/* The schools whose published requirement lists the basket is built from.
   A plain list, not .ad-card tiles: these are citations, and a citation that
   is styled like a feature reads as promotion. */
.md-src-list { list-style: none; margin: 18px 0 0; padding: 0 }
.md-src-list li {
  padding: 9px 0;
  border-bottom: 1px solid var(--c-border-meta);
  font-size: .95rem;
  line-height: 1.45;
}
.md-src-list li:last-child { border-bottom: none }
.md-src-list span {
  margin-left: 6px;
  font-size: .8rem;
  color: var(--c-muted);
  font-variant-numeric: tabular-nums;
}

/* ── Data-file download ───────────────────────────────────────────── */
/* One quiet button for the study's raw workbook. It is evidence, not a
   conversion — so it gets an outline and an icon, not the accent fill the
   marketing CTAs use. */
.md-dl {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding: 10px 16px;
  border: 1px solid var(--c-border-meta);
  border-radius: var(--r-sm);
  background: var(--c-surface);
  color: var(--c-fg);
  font-size: .92rem;
  font-weight: 600;
  text-decoration: none;
}
.md-dl:hover { border-color: var(--c-success); color: var(--c-success) }
.md-dl:focus-visible { outline: 2px solid var(--c-success); outline-offset: 2px }
.md-dl svg { width: 18px; height: 18px; flex: none }

/* (.md-todo lived here for the "[Atsisiųsti … (CSV)]" placeholder in the
   pirmoko-krepšelis methodology. The real workbook landed on 2026-08-12, no
   template uses the class any more, and its own note said to delete it once the
   last placeholder was gone.) */