/* pages/traditions.php: Tradizioni di Romagna, mese per mese (chat #650, 24 Oct 2026, from passioneturismo.it/tradizioni) */
.trd-note { max-width: 70ch; color: var(--muted); font-size: .95rem; margin-top: 10px; }
.trd-months { border-bottom: 1px solid var(--line); }
.trd-months .chips { padding: 10px 0; margin: 0; flex-wrap: wrap; }
.trd-months .chips::-webkit-scrollbar { display: none; }
.trd-months .chip { white-space: nowrap; }
.trd-head { display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap; border-bottom: 1px solid var(--line); padding-bottom: 12px; margin-bottom: 8px; }
.trd-head h2 { margin: 0; }
.trd-head p { margin: 0 0 0 auto; font-family: var(--display); font-style: italic; color: var(--muted); font-size: 1.1rem; }
.trd-n { font-family: var(--display); color: var(--sun); font-weight: 600; font-size: 1rem; }
.trd-month h3, .trd-places h3 { font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; color: var(--sea-dark); margin: 30px 0 12px; }
.trd-places h3 { font-family: var(--display); font-size: 1.35rem; letter-spacing: 0; text-transform: none; color: var(--ink); }
.trd-places h3 span { color: var(--muted); font-size: 1rem; font-weight: 400; }
.trd-saying { border-left: 3px solid var(--sun); padding: 4px 0 4px 16px; margin: 0 0 16px; max-width: 80ch; }
.trd-saying p { margin: 0; }
.trd-dial { font-family: var(--display); font-style: italic; font-size: 1.15rem; color: var(--sea-deep); }
.trd-saying .trd-tr { margin-top: 2px; }
.trd-src { display: inline-block; font-size: .78rem; color: var(--muted); text-decoration: none; margin-top: 6px; }
.trd-src:hover { color: var(--sea); text-decoration: underline; }
.trd-song { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px 24px; margin: 0 0 16px; }
.trd-song h4 { margin: 0 0 12px; font-family: var(--display); font-size: 1.15rem; }
.trd-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.trd-cols.one { grid-template-columns: 1fr; }
.trd-cols > div { line-height: 1.6; }
.trd-cols .trd-dial { font-size: 1.05rem; }
.trd-lbl { display: block; font-family: var(--font); font-style: normal; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-bottom: 6px; }
.trd-customs { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.trd-custom { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px 20px; }
.trd-custom h4 { margin: 0 0 6px; font-family: var(--display); font-size: 1.1rem; }
.trd-custom p { margin: 0; }
.trd-custom .link-arrow { display: block; margin-top: 8px; font-size: .9rem; }
.trd-sources ol, .trd-sources ul { max-width: 90ch; padding-left: 1.2em; }
.trd-sources li { margin-bottom: 8px; }
.trd-muted { color: var(--muted); max-width: 80ch; }
.trd-books-h { margin-top: 40px; }
.trd-home .trd-customs { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 760px) {
  .trd-cols, .trd-customs, .trd-home .trd-customs { grid-template-columns: 1fr; gap: 14px; }
  .trd-head p { margin-left: 0; flex-basis: 100%; }
  .trd-song { padding: 16px 18px; }
  .trd-months .chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
}
a.trd-custom { display: block; color: inherit; text-decoration: none; transition: transform .15s, box-shadow .15s; }
a.trd-custom:hover { transform: translateY(-2px); box-shadow: var(--shadow); }