/* Hubaux Avocats — page Honoraires (page-head partagé dans tokens.css) */
.doc { padding: 0 0 calc(4 * var(--leading)); }
.doc-sec { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: clamp(24px, 4vw, 64px); padding: calc(1.6 * var(--leading)) 0 calc(2 * var(--leading)); border-top: 2px solid var(--color-divider); }
.doc-sec:last-child { border-bottom: 2px solid var(--color-divider); }
.doc-num { font-family: var(--font-heading); font-weight: 200; font-size: 40px; line-height: 1; letter-spacing: -0.03em; color: color-mix(in srgb, var(--color-blue) 55%, transparent); }
.doc-sec h2 { font-family: var(--font-heading); font-weight: var(--font-heading-weight); font-size: clamp(24px, 2.6vw, 32px); line-height: 1.1; letter-spacing: -0.015em; margin: 0 0 var(--leading); }
.doc-sec h3 { font-family: var(--font-heading); font-weight: 500; font-size: 19px; letter-spacing: -0.005em; margin: calc(1.4 * var(--leading)) 0 calc(0.5 * var(--leading)); }
.doc-sec h3:first-of-type { margin-top: var(--leading); }
.doc-sec p { font-size: 15.5px; line-height: var(--leading); color: color-mix(in srgb, var(--color-text) 78%, transparent); margin: 0 0 var(--half); max-width: 68ch; }
.doc-sec p:last-child { margin-bottom: 0; }
.doc-lead { font-size: 17px !important; color: var(--color-text) !important; }
.fees { list-style: none; margin: var(--half) 0 0; padding: 0; max-width: 68ch; border-top: 1px solid var(--color-divider); }
.fees li { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; padding: calc(0.55 * var(--leading)) 0; border-bottom: 1px solid var(--color-divider); font-size: 15.5px; line-height: 1.5; color: color-mix(in srgb, var(--color-text) 78%, transparent); }
.fees li span:last-child { flex: none; font-family: var(--font-heading); font-weight: 500; color: var(--color-text); white-space: nowrap; }
.fees li:hover { border-bottom-color: var(--color-blue); }
.fees li:hover span:last-child { color: var(--color-blue); }
@media (max-width: 760px) { .doc-sec { grid-template-columns: 1fr; gap: var(--half); } .fees li { flex-direction: column; gap: 2px; } }