/* ============================================================================
   com_atlas v1.1.1 — atlas.css
   Slim atlas-specific styles ONLY. Layout, hero, cards, sidebar and tags come
   from the fecv2 design system (methodology.css, loaded first).
   ============================================================================ */

/* Hero badges row inside the me-hero-card */
.atlp .atlp-badges { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0 0; }
.atlp .eyebrow a { color: inherit; text-decoration: none; }
.atlp .eyebrow a:hover { text-decoration: underline; }

/* Key-value registration block ------------------------------------------- */
.atlp-kv { margin: 0 0 8px; }
.atlp-kv div { display: flex; gap: 12px; padding: 5px 0; border-bottom: 1px solid rgba(28,31,36,.06); }
.atlp-kv div:last-child { border-bottom: 0; }
.atlp-kv dt { color: #6b7280; min-width: 180px; flex-shrink: 0; font-size: .88rem; }
.atlp-kv dd { margin: 0; word-break: break-word; }
.atlp-kv code { background: rgba(28,31,36,.05); border-radius: 6px; padding: 1px 7px; font-size: .88em; }

.atlp-lineage { font-size: .92rem; color: #374151; }
.atlp-hint { font-size: .85rem; color: #6b7280; }
.atlp-empty { color: #6b7280; }
.atlp-mini { font-size: .78rem; color: #6b7280; }

/* Licence items ----------------------------------------------------------- */
.atlp-item { border-top: 1px solid rgba(28,31,36,.08); padding: 12px 0; }
.atlp-item:first-of-type { border-top: 0; }
.atlp-item-head { margin: 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.atlp-item-head code { background: rgba(28,31,36,.05); border-radius: 6px; padding: 1px 7px; font-size: .85em; }
.atlp-item-sub { margin: 4px 0 0; font-size: .84rem; color: #6b7280; }

/* Brand lists ------------------------------------------------------------- */
.atlp-brandlist { list-style: none; margin: 0 0 10px; padding: 0; }
.atlp-brandlist li { padding: 8px 0; border-top: 1px solid rgba(28,31,36,.06); display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }
.atlp-brandlist li:first-child { border-top: 0; }
.atlp-closed { opacity: .72; }

/* Timeline ---------------------------------------------------------------- */
.atlp-timeline { list-style: none; margin: 0; padding: 0; }
.atlp-timeline li { display: flex; gap: 16px; padding: 10px 0; border-top: 1px solid rgba(28,31,36,.06); }
.atlp-timeline li:first-child { border-top: 0; }
.atlp-tl-date { color: #6b7280; font-size: .84rem; min-width: 96px; flex-shrink: 0; font-variant-numeric: tabular-nums; }
.atlp-tl-body { flex: 1; }

/* Sources ----------------------------------------------------------------- */
.atlp-sources { list-style: none; margin: 0; padding: 0; }
.atlp-sources li { padding: 7px 0; border-top: 1px solid rgba(28,31,36,.06); display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }
.atlp-sources li:first-child { border-top: 0; }

/* Mobile gutters ----------------------------------------------------------- 
   Below tablet width the design-system wrap leaves the page without side
   padding on Atlas views; give the content air. Scoped to .atlp only. */
@media (max-width: 760px) {
  .atlp .au-hero .wrap,
  .atlp section.au-main.wrap { padding-left: 18px !important; padding-right: 18px !important; box-sizing: border-box !important; }
  .atlp .me-content, .atlp .au-sidebar { margin-left: 0 !important; margin-right: 0 !important; min-width: 0; }
  .atlp .au-stats-strip { margin-left: 0; margin-right: 0; }
  .atlp .me-hub-grid { gap: 12px; }
}
@media (max-width: 480px) {
  .atlp .au-hero .wrap,
  .atlp section.au-main.wrap { padding-left: 14px !important; padding-right: 14px !important; }
  .atlp .me-title { font-size: 1.5rem; }
}