/* De Carlo · pagina aiuto (generato) */

.aiuto { padding-bottom: 5rem; }
.aiuto-testa { padding-block: 1.5rem 3rem; display: grid; gap: 1rem; }
.aiuto-testa h1 { font-size: clamp(2.34rem, 3.78vw, 3.35rem); line-height: 1.08; }
.aiuto-testa p { color: var(--grigio); }
.aiuto-g { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 3rem; }
.aiuto-indice { position: sticky; top: calc(var(--testata) + 1.5rem); align-self: start; display: grid; gap: .5rem; font-size: .9375rem; }
.aiuto-indice a:hover { text-decoration: underline; text-underline-offset: 4px; }
.aiuto-testo { display: grid; gap: 3rem; max-width: 760px; }
.aiuto-testo section { display: grid; gap: .8rem; border-top: 1px solid var(--linea); padding-top: 1.5rem; scroll-margin-top: calc(var(--testata) + 1rem); }
.aiuto-testo h2 { font-size: 1.8rem; }
.aiuto-testo p, .aiuto-testo dd { color: var(--grigio); }
.aiuto-testo dl { margin: 0; display: grid; grid-template-columns: 10rem 1fr; gap: .75rem 1.5rem; }
.aiuto-testo dt { font-weight: 600; }
.aiuto-testo dd { margin: 0; }
.aiuto-testo .nota { font-size: .75rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--tortora-scuro); }
.tab { overflow-x: auto; }
.tab table { width: 100%; min-width: 420px; border-collapse: collapse; font-size: .875rem; font-variant-numeric: tabular-nums; }
.tab th, .tab td { padding: .6rem .5rem; border-bottom: 1px solid var(--linea); text-align: left; }
.tab th { font-size: .6875rem; letter-spacing: .12em; text-transform: uppercase; color: var(--grigio); }
@media (max-width: 860px) { .aiuto-g { grid-template-columns: 1fr; } .aiuto-indice { position: static; grid-auto-flow: column; overflow-x: auto; gap: 1rem; white-space: nowrap; padding-bottom: .5rem; } .aiuto-testo dl { grid-template-columns: 1fr; gap: .2rem; } .aiuto-testo dd { margin-bottom: .6rem; } }
