/* Questions du souk : un registre ligné. Chaque question s'ouvre comme une ligne du cahier de comptes. */
.registre { background: var(--carte); box-shadow: 0 0 0 1px var(--ligne); max-width: 900px; position: relative; padding-left: 56px;
  background-image: linear-gradient(90deg, transparent 40px, rgba(142, 74, 52, .45) 40px 41px, transparent 41px 44px, rgba(142, 74, 52, .45) 44px 45px, transparent 45px); }
.registre details { border-bottom: 1px solid var(--ligne); }
.registre summary { list-style: none; cursor: pointer; padding: 16px 48px 16px 0; font-family: var(--titre); font-size: clamp(18px, 1.8vw, 21px); line-height: 1.25; position: relative; }
.registre summary::-webkit-details-marker { display: none; }
.registre summary::after { content: "+"; position: absolute; right: 18px; top: 12px; font-family: var(--etiquette); font-size: 28px; color: var(--brique);
  transition: transform .25s ease; }
.registre details[open] summary::after { transform: rotate(45deg); }
.registre .reponse { padding: 0 24px 18px 0; color: var(--doux); }
.registre .reponse p { margin: 0; }
@media (max-width: 560px) {
  .registre { padding-left: 30px; background-image: linear-gradient(90deg, transparent 16px, rgba(142, 74, 52, .45) 16px 17px, transparent 17px 20px, rgba(142, 74, 52, .45) 20px 21px, transparent 21px); }
  .registre summary { padding-right: 40px; font-size: 17px; }
  .registre summary::after { right: 12px; }
}