#distanziatore{
        min-height: 150px;
      }

      .book-details {
        background-color: transparent;
        padding: 20px;
        border-radius: 8px;
      }
      .book-details ul {
        margin-top: 0px;
      }
      #book {
        width: 100%; max-width: 800px;
        height: auto;
        margin: auto;
      }
      #book .page {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ccc;
      }
      #book .page img {
        width: 100%;
        height: 100%;
      }
      #image-list {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-top: 20px;
        padding: 10px;
      }
      #image-list img {
        width: 100px;
        height: auto;
        margin-right: 10px;
        cursor: pointer;
        border: 1px solid #ccc;
        border-radius: 5px;
      }
      #page-number {
        text-align: center;
        font-size: 18px;
        margin-top: 20px;
      }
      .openseadragon-container{
        border: 5px solid #dca54a !important;
        border-radius: 20px !important;
      }
      #image-modal {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        width: 80%;
        height: 80%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 9999;
        transform: translate(-50%, -50%);
        border-radius: 20px;
      }

      #image-viewer {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        border-radius: 20px;

      }
      .book-details { max-width: 1000px; margin: 30px auto; font-family: "Nunito Sans"; }
      .corale-header h6 { margin: 0 0 4px; color: #777; letter-spacing: .05em; text-transform: uppercase; font-size: 13px; }
      .corale-header h3 { font-style: italic; margin: 0 0 6px; }
      .corale-header .denominazione { font-size: 18px; margin: 0 0 4px; }
      .corale-header .data { color: #777; margin: 0 0 20px; }
      .corale-table { width: 100%; border-collapse: collapse; font-size: 16px; border: 0 !important; }
      .corale-table th, .corale-table td { border: 0 !important; border-bottom: 1px solid rgba(112,66,20,.15) !important; padding: 10px 0; vertical-align: top; text-align: left; }
      .corale-table tr:first-child th, .corale-table tr:first-child td { border-top: 1px solid rgba(112,66,20,.15) !important; }
      .corale-table th { width: 200px; white-space: nowrap; padding-right: 20px; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: #7a6445; }
      .corale-table td { color: #3a2a14; }
      .corale-section { margin-top: 28px; line-height: 1.6; font-size: 16px; text-align: justify; }
      .corale-section h4 { font-size: 18px; margin: 0 0 8px; padding-bottom: 6px; border-bottom: 2px solid rgba(220,165,74,.4); }
      .corale-section ul { margin: 0; padding-left: 20px; }
      .persone ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 10px; }
      .persone li { text-align: left; }
      .persone a { display: inline-flex; align-items: center; gap: 6px; padding: 3px 12px; margin-right: 6px;
        border: 1px solid #dca54a; border-radius: 999px; color: #7a5310 !important;
        text-decoration: none !important; font-weight: 600; transition: background .2s, color .2s; }
      .persone a:hover { background: #dca54a; color: #fff !important; }
      .persone a::after, .mirabile-btn::after { content: ""; display: inline-block; width: 16px; height: 16px; flex: none; vertical-align: -3px; background: url("/wp-content/themes/astra/shortcode/corali/scheda/mirabile.png") center/contain no-repeat; }
      .mirabile-box { margin-top: 36px; padding: 20px 24px; border: 1px solid rgba(220,165,74,.5); border-radius: 12px;
        background: #fdfaf1; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
      .mirabile-box p { margin: 0; }
      .mirabile-btn { display: inline-flex; gap: 8px; align-items: center; padding: 10px 18px; background: #dca54a;
        color: #fff !important; border-radius: 8px; text-decoration: none !important; font-weight: 700; }
      .mirabile-btn:hover { filter: brightness(.95); }
      .back-btn { display: inline-block; margin: 0 0 10px 10%; padding: 10px 20px; border-radius: 8px; background: #dca54a; color: #000 !important; font-weight: 500; font-size: 16px; text-decoration: none !important; transition: filter .2s; }
      .back-btn:hover { filter: brightness(.92); }
      #corale-head { position: relative; max-width: 1000px; margin: 0 auto 20px; font-family: "Nunito Sans"; text-align: center; }
      #corale-head .back-btn { display: table; margin: 0 0 16px; }
      /* il titolo scorre con la pagina; il pulsante "Torna ai corali" resta fisso in alto a sinistra, a 12 px dal bordo della finestra (2026-10) */
      .back-btn.corale-back { position: sticky; top: 20px; z-index: 50; display: table; margin: 0 0 16px calc(50% - 50vw + 12px); box-shadow: 0 2px 8px rgba(0,0,0,.15); }
      @media (max-width: 921px) { .back-btn.corale-back { position: static; } }

/* === Header mobile di Astra (sotto 921 px): meno spazio sopra il pulsante "Torna…" — 2026-10 === */
@media (max-width: 921px) {
  #distanziatore { min-height: 20px !important; }
}