/* Guide di bsiteme.com: pagine di testo sopra home.css (.page, .prose) */
.crumbs { font-size: 14px; color: var(--muted); margin-bottom: 14px; }
.crumbs a { color: inherit; }
.updated { font-size: 14px; color: var(--muted); margin: -6px 0 22px; }
.answer { background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--primary); border-radius: 12px; padding: 16px 18px; margin: 0 0 24px; }
.answer p { margin: 0; }
.tbl-wrap { overflow-x: auto; margin: 14px 0 10px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.tbl { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 520px; }
.tbl th, .tbl td { text-align: left; vertical-align: top; padding: 10px 14px; border-bottom: 1px solid var(--line); }
.tbl thead th { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); background: #fafbfa; }
.tbl tbody th { font-weight: 600; }
.tbl tr:last-child td, .tbl tr:last-child th { border-bottom: 0; }
.note { font-size: 14px; color: var(--muted); }
.cards { display: grid; gap: 14px; margin: 18px 0; }
.card { display: block; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; color: inherit; text-decoration: none; }
.card:hover { border-color: var(--primary); }
.card h2, .card h3 { margin: 0 0 6px; font-size: 1.2rem; }
.card p { margin: 0; color: var(--muted); }
.ok-no { display: grid; gap: 14px; margin: 14px 0; }
@media (min-width: 720px) { .ok-no { grid-template-columns: 1fr 1fr; } }
.ok-no > div { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 14px 18px; }
.ok-no h3 { margin: 0 0 8px; font-size: 1.1rem; }
.ok-no ul { margin: 0; padding-left: 18px; }
.cta { margin-top: 28px; padding: 20px; border-radius: 14px; background: #f3f1f7; }
.cta p { margin: 0 0 12px; }
.sources { font-size: 14px; }
.sources li { margin-bottom: 6px; }
/* Telefono: ogni riga diventa una scheda, con l'etichetta della colonna davanti al valore (data-label) */
@media (max-width: 640px) {
  .tbl { min-width: 0; }
  .tbl thead { display: none; }
  .tbl tr { display: block; padding: 10px 14px; border-bottom: 1px solid var(--line); }
  .tbl tr:last-child { border-bottom: 0; }
  .tbl tbody th, .tbl td { display: block; padding: 3px 0; border: 0; }
  .tbl tbody th { font-size: 1.05rem; padding-bottom: 6px; }
  .tbl td[data-label]::before { content: attr(data-label) ": "; font-weight: 600; color: var(--ink); }
}