/* claudioalberti.ch — sezione Case files (EN/FR)
   Si appoggia a styles.css e ai-act.css; qui solo indice e scheda caso. */

.case-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.badge {
  font-family: var(--f-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
  padding: 4px 9px; border-radius: 2px; border: 1px solid rgba(255,255,255,.22); color: var(--on-dark-mute);
}
.badge.kind { border-color: var(--accent-hi); color: var(--accent-hi); }
@media (min-width: 1200px) { .hero.hero-ref .wrap > .case-badges { grid-column: 1 / -1; } }

/* indice */
.case-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; margin-top: 8px; }
.case-card {
  background: var(--surface); border: 1px solid var(--rule); border-top: 3px solid var(--primary);
  padding: 24px 24px 22px; display: flex; flex-direction: column; gap: 12px; text-decoration: none; color: inherit; min-width: 0;
}
.case-card:hover { border-top-color: var(--accent); }
.case-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.case-card .num { font-family: var(--f-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.case-card h3 { font-size: 1.22rem; color: var(--ink); }
.case-card p { font-size: 15.5px; margin: 0; max-width: none; color: var(--ink-2); }
.case-card .tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--rule-soft); }
.tag { font-family: var(--f-mono); font-size: 11px; color: var(--primary); background: var(--surface-2); padding: 3px 7px; border-radius: 2px; }
.case-card.soon { border-top-color: var(--rule); background: transparent; border-style: dashed; }
.case-card.soon h3 { color: var(--muted); }

/* scheda caso */
.verdict { font-weight: 600; }
.v-low { color: var(--verified); }
.v-high { color: #6E5200; }
.v-near { color: #8E2A22; }
.v-ban { color: #8E2A22; text-transform: uppercase; letter-spacing: .04em; }
.lessons { counter-reset: l; list-style: none; padding-left: 0 !important; }
.lessons li { counter-increment: l; position: relative; padding-left: 38px; }
.lessons li::before {
  content: counter(l, decimal-leading-zero); position: absolute; left: 0; top: .1em;
  font-family: var(--f-mono); font-size: 12px; font-weight: 600; color: var(--accent);
}
.related { display: flex; flex-wrap: wrap; gap: 10px; }
.related a { font-family: var(--f-mono); font-size: 12.5px; letter-spacing: .03em; text-decoration: none; border: 1px solid var(--rule); background: var(--surface); padding: 7px 12px; border-radius: 2px; }
.related a:hover { border-color: var(--primary); }
.pager { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-family: var(--f-mono); font-size: 12.5px; }
.pager a { text-decoration: none; }