/* Guides et pages légales : colonne de lecture ~68 caractères */
.lecture { padding-block: 22px 30px; display: grid; gap: 14px; }
.lecture > * { max-width: 70ch; }
.lecture h1 { font-size: clamp(30px, 8vw, 48px); }
.lecture__fil { margin: 0; font-size: 13px; }
.lecture__fil a { color: var(--texte-2); }
.lecture__date { margin: 0; color: var(--texte-2); font-size: 13px; }
.lecture__texte { font-size: 17px; line-height: 1.65; }
.lecture__texte h2 { font-size: 23px; font-family: var(--f-titre); font-weight: var(--titre-graisse); font-stretch: var(--titre-largeur); text-transform: var(--titre-casse); letter-spacing: var(--titre-espace); margin: 30px 0 10px; }
.lecture__texte h3 { font-size: 18px; margin: 22px 0 6px; }
.lecture__texte p, .lecture__texte ul, .lecture__texte ol { margin: 0 0 14px; }
.lecture__texte ul { padding-left: 20px; }
.lecture__texte ul li { list-style: disc; }
.lecture__texte a { color: var(--action); }
.lecture__texte table { width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 15px; display: block; overflow-x: auto; }
.lecture__texte th, .lecture__texte td { border-bottom: 1px solid var(--ligne); padding: 8px 10px; text-align: left; white-space: nowrap; }
.lecture__texte strong { color: var(--texte); }
.lecture__faq { display: grid; gap: 8px; margin-top: 10px; }
.lecture__faq h2 { font-size: 24px; margin-bottom: 6px; }
.lecture__faq details { border: 1px solid var(--ligne); border-radius: var(--r-carte); padding: 10px 14px; background: var(--surface); }
.lecture__faq summary { cursor: pointer; font-weight: 600; }
.lecture__faq p { margin: 8px 0 0; color: var(--texte-2); }
.lecture__autres { display: grid; gap: 6px; padding-top: 12px; border-top: 1px solid var(--ligne); }
.lecture__autres a { color: var(--action); }
.sommaire.collection { border: 1px solid var(--ligne); border-radius: var(--r-panneau); overflow: hidden; margin: 0; max-width: 820px; }
.sommaire .collection-item { display: grid; gap: 4px; background: var(--surface); color: var(--texte); border-bottom: 1px solid var(--ligne); padding: 14px 16px; text-decoration: none; }
.sommaire .collection-item span { color: var(--texte-2); font-size: 14px; }
.sommaire .collection-item:hover { background: var(--surface-2); }