/* MUNGO Fret & Transit — objets (complète styles.css ; ordre des couches déclaré dans styles.css) */
@layer pages {
  /* ---------- objets ---------- */
  .items-tools { display: grid; gap: 1rem; margin-block: var(--sp-6) var(--sp-5); padding: 1.1rem 1.2rem; border-radius: var(--r-3); background: var(--c-beton); }
  @media (min-width: 64em) { .items-tools { grid-template-columns: minmax(16rem, 22rem) 1fr; align-items: end; } .items-tools__count { grid-column: 1 / -1; } }
  .items-tools__count { font-weight: 700; color: var(--c-marine); font-size: 0.9375rem; }
  .items { display: grid; gap: var(--sp-4); grid-template-columns: repeat(auto-fill, minmax(min(100%, 21rem), 1fr)); margin-top: var(--sp-5); }
  .js .items-tools + .items { margin-top: 0; }
  .item { display: grid; gap: 0.75rem; align-content: start; padding: 1.25rem; border-radius: var(--r-3); background: var(--c-white); border: 1px solid var(--c-line-soft); scroll-margin-top: calc(var(--header-h) + 1rem); }
  .item:target { border-color: var(--c-orange); box-shadow: 0 0 0 3px var(--c-orange-pale); }
  .item__h { display: flex; gap: 0.75rem; align-items: center; }
  .item__ic { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: var(--r-2); background: var(--c-beton); color: var(--c-marine); flex: none; }
  .item__t { font-size: 1.0625rem; }
  .item__dl { display: grid; gap: 0.5rem; font-size: 0.9375rem; }
  .item__dl dt { font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-muted); }
  .item__dl dd { color: var(--c-ink); }
  .items-empty { padding: 2rem; border-radius: var(--r-3); border: 2px dashed var(--c-line); text-align: center; display: grid; gap: 0.75rem; justify-items: center; margin-top: var(--sp-4); }
  .doubt { display: grid; gap: var(--sp-5); align-items: center; }
  .doubt p { color: #C9D5E2; max-width: 55ch; margin-top: var(--sp-3); }
  .doubt__actions { display: flex; flex-wrap: wrap; gap: 0.6rem; }
  @media (min-width: 64em) { .doubt { grid-template-columns: 1fr auto; } }

}
