/* Keep in Tacita */
.icona { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* apertura: le due edizioni, la prossima per prima */
.edizioni { display: grid; border-bottom: 1px solid var(--linea); align-self: end; }
.edizioni a { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 2px 16px; align-items: center; padding: 16px 0; border-top: 1px solid var(--linea); text-decoration: none; color: var(--sky-chiaro); transition: color .3s, transform .5s var(--esce); }
.edizioni a:hover { color: var(--imperial); transform: translateX(8px); }
.edizioni .due-icona { grid-row: span 2; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: #eef4f7; color: var(--imperial); transition: background-color .35s, color .35s; }
.edizioni li:first-child .due-icona, .edizioni a:hover .due-icona { background: var(--imperial); color: #f9fffb; }
.edizione-quando { font: 500 var(--t-t3)/1.1 var(--voce); letter-spacing: -.02em; color: var(--titolo); }

.piega { align-items: center; }
.piega-testo h2 { margin-bottom: .3em; }
.origami svg { width: 100%; height: auto; overflow: visible; }
.origami figcaption { margin-top: 10px; font-size: var(--t-piccolo); color: var(--nebbia); }

.scaletta { position: relative; padding-left: 28px; }
.scaletta-filo { position: absolute; left: 4px; top: 10px; bottom: 10px; width: 2px; background: var(--linea); border-radius: 2px; }
.scaletta-filo i { position: absolute; inset: 0; background: linear-gradient(var(--imperial), var(--sky-vivo)); transform-origin: top; border-radius: 2px; }
.scaletta ol { display: grid; }
.scaletta li { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: 16px; padding: 18px 0; border-top: 1px solid var(--linea); }
.scaletta li:first-child { border-top: 0; padding-top: 0; }
.scaletta time { font: 400 var(--t-testo)/1.55 var(--mono); color: var(--sky); font-variant-numeric: tabular-nums; }
.scaletta h3 { font: 600 var(--t-t4)/1.2 var(--display); letter-spacing: -.015em; margin-bottom: 4px; }
.scaletta p { color: var(--sky-chiaro); }

.regole { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: clamp(48px, 8vh, 88px); }
.regole li { padding: 14px 22px; border-radius: 999px; border: 1px solid var(--linea-forte); background: var(--fondo-pannello); font: 600 var(--t-t4)/1.2 var(--display); letter-spacing: -.015em; will-change: transform; }
.regole li:nth-child(3n) { background: rgba(142, 183, 206, .24); border-color: transparent; }
.regole li:nth-child(4n+1) { color: var(--sky-chiaro); }
.regole-domande { margin-bottom: clamp(32px, 5vh, 56px); color: var(--sky-chiaro); }

/* tre frasi dai tavoli: a destra del titolo, una sotto l'altra */
.frasi-tavoli { display: grid; }
.frasi-tavoli .citazione { padding: clamp(18px, 3vh, 28px) 0; border-top: 1px solid var(--linea); }
.frasi-tavoli .citazione:first-child { border-top: 0; padding-top: 0; }
.motto { margin-top: clamp(40px, 7vh, 88px); color: var(--titolo); font: 500 var(--t-t2)/1.02 var(--voce); letter-spacing: -.02em; text-wrap: pretty; }
.motto span { display: block; color: var(--sky); }

/* la seconda edizione chiude la pagina: titolo, testo e il passo «Mettiti in lista» */
.novembre-sezione { padding-bottom: 0; }
.novembre-sezione .capo { margin-bottom: clamp(28px, 5vh, 48px); }
.passo-dopo.novembre-passo { padding-top: 0; }
.novembre-passo .passo-dopo-link:hover .freccia-tonda { transform: none; }
.novembre-passo .freccia-tonda .icona { width: 36%; height: 36%; }

/* SplitText e text-wrap: balance non vanno d'accordo in WebKit: le prime righe escono di una parola sola */
body[data-pagina="keep-in-tacita"] :is(.aperta-titolo, .titolo-sezione, .titolo-medio, .passo-dopo-testo > span) { text-wrap: wrap; }

@media (max-width: 560px) {
  .scaletta li { grid-template-columns: 1fr; gap: 4px; }
}