#comparer-deux-pistes{scroll-margin-top:7rem}
#comparer-deux-pistes form{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}
#comparer-deux-pistes .choix-piste{flex:1 1 16rem;min-width:0}
#comparer-deux-pistes label{font-weight:700}
#comparer-deux-pistes select{display:block;width:100%;font:inherit;padding:.65rem;margin-top:.4rem;border:1px solid var(--line);border-radius:.5rem;background:#fff;color:var(--ink)}
#comparer-deux-pistes .data-table{table-layout:fixed}
#comparer-deux-pistes th,#comparer-deux-pistes td{overflow-wrap:anywhere;vertical-align:top}
#comparer-deux-pistes caption{text-align:left;font-weight:700;padding:.6rem 0}
.atelier-question{border:1px solid var(--line);border-radius:1rem;padding:1rem;margin:1rem 0}
.atelier-question summary{cursor:pointer;font-weight:700}
@media(max-width:480px){#comparer-deux-pistes th,#comparer-deux-pistes td{padding:.45rem;font-size:.88rem}}
@media(max-width:480px){
 #comparer-deux-pistes table,#comparer-deux-pistes thead,#comparer-deux-pistes tbody,#comparer-deux-pistes caption{display:block;width:100%}
 #comparer-deux-pistes tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #comparer-deux-pistes thead th:first-child{display:none}
 #comparer-deux-pistes tbody th{grid-column:1 / -1}
 #comparer-deux-pistes th,#comparer-deux-pistes td{width:auto;overflow-wrap:break-word;padding:.6rem}
}
#comparer-deux-pistes [hidden]{display:none!important}