/* Pagina di taratura: una colonna di lettura, stessi colori e caratteri di albera. */
body.calibration { align-items: stretch; }
.cal { width: min(52rem, 100%); margin: 0 auto; padding: 2rem 16px 4rem; }
.cal h1 { font-weight: 400; font-size: 1.9rem; letter-spacing: 0.12em; margin: 0.4rem 0 0.8rem; }
.cal h2 { font-weight: 400; font-size: 1.15rem; letter-spacing: 0.08em; margin: 0; }
.cal a { color: var(--ink); }
.cal-back a { color: var(--ink-mute); font-style: italic; text-decoration: none; }
.cal-intro, .cal-note, .cal-summary, .cal-progress, .cal-status { color: var(--ink-mute); line-height: 1.5; }
.cal-note { font-size: 0.85rem; }
.cal-analysis { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 1.2rem 0; margin: 1.6rem 0; }
.cal-table-wrap { overflow-x: auto; }
.cal table { border-collapse: collapse; width: 100%; font-size: 0.9rem; }
.cal th, .cal td { text-align: left; padding: 0.35rem 0.6rem 0.35rem 0; border-bottom: 1px solid var(--line); font-weight: 400; vertical-align: top; }
.cal thead th { color: var(--ink-mute); font-size: 0.82rem; }
.cal td { font-variant-numeric: tabular-nums; white-space: nowrap; }
.cal td.state { color: var(--ink-mute); font-style: italic; }
.cal tr.move td.state { color: var(--shu); font-style: normal; }

.cal-bar { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.4rem 1.2rem; margin-bottom: 0.6rem; }
.cal-filter button, .cal-verdict { font: inherit; background: none; border: 0; cursor: pointer; color: var(--ink-mute); padding: 0.2rem 0.1rem; }
.cal-filter button[aria-checked="true"] { color: var(--ink); border-bottom: 1px solid var(--shu); }
.cal-filter .dot { color: var(--ink-faint); margin: 0 0.3rem; }
.cal-progress { margin: 0; font-size: 0.9rem; }

.cal-items { list-style: none; padding: 0; margin: 0; }
.cal-item { padding: 1rem 0; border-bottom: 1px solid var(--line); }
.cal-item.done { border-left: 2px solid var(--shu); padding-left: 0.9rem; margin-left: -0.9rem; }
.cal-reviewed { font-size: 0.82rem; letter-spacing: 0.04em; color: var(--shu); }
.cal-reviewed.scartare { color: var(--ink-mute); }
.cal-item p { margin: 0.2rem 0; }
.cal-author { font-variant: small-caps; letter-spacing: 0.05em; }
.cal-author span { font-variant: normal; letter-spacing: 0; color: var(--ink-mute); font-size: 0.85rem; }
.cal-title { font-size: 1.08rem; overflow-wrap: anywhere; }
.cal-source { color: var(--ink-mute); font-size: 0.82rem; overflow-wrap: anywhere; }
.cal-snippet { font-size: 0.92rem; line-height: 1.45; }
.cal-verdicts { display: flex; gap: 1rem; margin-top: 0.5rem; }
.cal-verdict { border: 1px solid var(--line); border-radius: 2px; padding: 0.3rem 0.8rem; font-style: italic; }
.cal-verdict:hover { color: var(--ink); border-color: var(--ink-faint); }
.cal-verdict[aria-pressed="true"] { color: var(--ink); border-color: var(--shu); font-style: normal; }
.cal-judgment { font-size: 0.85rem; color: var(--ink-mute); margin-top: 0.5rem !important; }
.cal-judgment.disagree { color: var(--shu); }
@media (max-width: 600px) {
  .cal-item.done { margin-left: 0; padding-left: 0.7rem; }
  .cal table { font-size: 0.82rem; }
  .cal th, .cal td { padding-right: 0.4rem; }
  .cal td { white-space: normal; }
}