/* Fidélité à la maquette : appellations (home et fiche). Composants existants réutilisés ; règles propres seulement ici. */
@layer pages {
  [hidden]{display:none}

  /* Home : ligne d'appellation (flex, comme lists.css de la maquette Drupal) */
  .directory__row{display:flex;align-items:center;justify-content:space-between}
  .directory__row .card__title{flex:1 1 auto}
  .next .grid{margin-top:56px}

  /* Fiche : titre = nom + désignation en plus petit */
  .id-grid__t h1 .h1-suffix{display:block;font-size:.34em;font-weight:300;line-height:1.3;letter-spacing:0;margin-top:.35em;color:var(--c-taupe-deep)}
  .id-band .sub{max-width:44em}
  .id-band .fa-region{font-size:12px;color:var(--c-taupe-deep);margin-top:20px}
  .id-facts dd small{display:block}

  /* Sections de texte */
  .fa-body > * + *{margin-top:var(--space-4)}
  .fa-body h3{margin-top:var(--space-6);font-size:var(--text-l);font-weight:600}
  .fa-body h3:first-child{margin-top:0}
  .fa-body ul.bul{list-style:disc;padding-left:20px}
  .fa-body ul.bul li{margin-top:6px}
  .fa-body .table-scroll{margin:var(--space-4) 0}
  .fa-body .table-scroll table{min-width:0}
  .fa-body th{white-space:normal;width:auto}
  .fa-body td ul{list-style:disc;padding-left:18px}
  .fa-body .chapo{font-size:24px;line-height:1.45;font-weight:300}
  .fa-body .section-lead{margin-top:0}
  .fa-body + .fa-body{margin-top:var(--space-6)}
  .fa-degust p{margin-top:var(--space-2)}
  .fa-degust b{font-weight:600}
  .fa-cols--single{display:block;max-width:44em}
  .cols2 .fa-body h3{margin-top:var(--space-6)}
  .cols2 .fa-body h3:first-child{margin-top:0}
  .fa-cep h4{font-size:var(--text-s);font-weight:600;margin:var(--space-4) 0 var(--space-2);color:var(--c-ink-soft)}
  .fa-cep .tags{margin-top:0}
  .acc__body .fa-body h4,.acc__body h4{margin-top:var(--space-5)}
  .acc__body .table-scroll{border-color:var(--c-taupe)}
  .acc__body .table-scroll th,.acc__body .table-scroll td{border-color:rgba(255,255,255,.2)}
  .acc__body .bul{list-style:disc;padding-left:20px}
  .acc__body .bul li{margin-top:6px}
  .acc__body td ul{list-style:disc;padding-left:18px}
}
@layer pages {
  .fa-rows{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gutter)}
  @media (max-width:820px){.fa-rows{grid-template-columns:1fr}}
}