/* Dove ricevo — si carica da sola su template-studi.php. */

.dr-intro {
  padding: 72px 40px 44px; background: var(--bg-alt);
  display: flex; flex-direction: column; gap: 16px;
}
.dr-intro h1 { font-size: 52px; line-height: 1.06; }
.dr-intro .lead { max-width: 700px; }

.dr-studi { padding: 64px 40px; display: flex; flex-direction: column; gap: 28px; }

/* `auto-fit` e non `repeat(3, 1fr)`: gli studi sono due, e tre colonne fisse
   lasciavano una cella vuota larga un terzo di pagina. Il `minmax` tiene le
   schede sotto ai 420px anche quando ce ne sono poche. */
.dr-grid {
  display: grid; gap: 20px; align-items: start;
  grid-template-columns: repeat(auto-fit, minmax(280px, 420px));
}
.dr-scheda {
  background: var(--bg); border: 1px solid var(--border);
  padding: 28px; display: flex; flex-direction: column; gap: 8px;
}
.dr-scheda h3 { font-size: 23px; }
.dr-indirizzo, .dr-orari { font-size: 14px; line-height: 1.6; color: var(--ink-dim); }
.dr-tel a { font-size: 15px; font-weight: 700; color: var(--ink); }
.dr-tel a:hover { color: var(--accent); text-decoration: none; }
.dr-nota {
  font-size: 14px; line-height: 1.6; color: var(--ink-dim);
  border-top: 1px solid var(--border-soft); padding-top: 10px; margin-top: 4px;
}

.dr-chiusura {
  margin: 0 40px 80px; padding: 36px;
  background: var(--accent-dark); color: var(--accent-soft);
  display: flex; justify-content: space-between; align-items: center;
  gap: 32px; flex-wrap: wrap;
}
.dr-chiusura h2 { color: var(--accent-soft); font-size: 30px; }
.dr-chiusura p { font-size: 15px; line-height: 1.6; color: var(--accent-tint); max-width: 620px; margin-top: 8px; }
.dr-chiusura .btn-primary { background: var(--border-strong); color: var(--accent-deep); }
.dr-chiusura .btn-primary:hover { background: var(--bg-deep); color: var(--accent-deep); }