/* Temple/site exemplar: a portable plan card for this article family. */
      .temple-exemplar {
        margin: 2.6rem 0 3rem;
        padding: 9px;
        border: 1px solid rgba(212, 175, 55, 0.32);
        background: #14162b;
        color: #ece7d9;
        box-shadow: 0 16px 38px rgba(20, 22, 43, 0.16);
      }
      .temple-exemplar-inner {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: clamp(1rem, 3vw, 1.6rem);
        border: 1px solid rgba(163, 158, 196, 0.14);
      }
      .temple-exemplar-head,
      .temple-exemplar-status {
        display: flex;
        gap: 10px;
        align-items: center;
      }
      .temple-exemplar-head {
        justify-content: space-between;
        align-items: baseline;
      }
      .temple-exemplar-label,
      .temple-exemplar-place,
      .temple-exemplar-measure,
      .temple-exemplar-status span {
        font-family: var(--mono);
        text-transform: uppercase;
      }
      .temple-exemplar-label {
        color: var(--gold);
        font-size: 0.69rem;
        font-weight: 800;
        letter-spacing: 0.22em;
      }
      .temple-exemplar-place,
      .temple-exemplar-status small {
        color: #8f89b3;
        font-family: var(--mono);
        font-size: 0.62rem;
        letter-spacing: 0.13em;
      }
      .temple-exemplar svg { display: block; width: 100%; height: auto; }
      .temple-exemplar h2 {
        margin: 0;
        color: #ece7d9;
        font-size: clamp(2rem, 5vw, 2.7rem);
        line-height: 1.05;
      }
      .temple-exemplar-measure {
        color: #ecc56e;
        font-size: clamp(0.67rem, 1.8vw, 0.78rem);
        font-weight: 600;
        letter-spacing: 0.06em;
      }
      .temple-exemplar-rule {
        height: 1px;
        margin: 4px 0;
        background: rgba(163, 158, 196, 0.16);
      }
      .temple-exemplar-status { flex-wrap: wrap; }
      .temple-exemplar-status span {
        padding: 3px 8px;
        border: 1px solid rgba(212, 169, 76, 0.5);
        color: var(--gold);
        font-size: 0.58rem;
        font-weight: 800;
        letter-spacing: 0.16em;
      }
      .temple-exemplar-status .interpretation {
        border-color: rgba(143, 134, 201, 0.5);
        color: #8f86c9;
      }
      /* The lead pairs the factual register with the site drawing. It is the
         reusable opening pattern for temple studies. */
      .site-facts--source { display: none; }
      .prose {
        display: grid;
        grid-template-columns: minmax(13rem, 0.78fr) minmax(0, 1.72fr);
        column-gap: clamp(1.25rem, 3vw, 2.5rem);
        align-items: start;
      }
      .prose > * { grid-column: 1 / -1; }
      .prose > .temple-lead-facts {
        grid-column: 1;
        grid-row: 1;
        margin: 0;
      }
      .prose > .temple-exemplar {
        grid-column: 2;
        grid-row: 1;
        margin: 0;
      }
      .temple-lead-facts {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, minmax(0, 1fr));
        align-self: stretch;
        min-height: 0;
        box-shadow: none;
      }
      .temple-lead-facts > div { padding: 0.8rem 1rem; }
      .temple-lead-facts strong {
        font-size: 1.07rem;
        line-height: 1.16;
      }
      .temple-lead-facts > div:nth-child(6) strong { font-size: 1rem; }
      .temple-lead-facts > div:nth-child(6) small {
        font-size: 0.72rem;
        line-height: 1.15;
      }
      .temple-lead-facts > div,
      .temple-lead-facts > div:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid var(--line);
      }
      .temple-lead-facts > div:last-child { border-bottom: 0; }
      @media (max-width: 34rem) {
        .temple-exemplar-head { align-items: flex-start; flex-direction: column; }
        .temple-exemplar-place { font-size: 0.56rem; }
      }
      @media (max-width: 48rem) {
        .prose { display: flex; flex-direction: column; }
        .prose > * { order: 4; }
        .prose > .temple-lead-facts { order: 1; }
        .prose > .temple-exemplar { order: 2; }
        .prose > .evidence-key { order: 3; }
        .temple-lead-facts {
          display: block;
          align-self: auto;
        }
        .temple-lead-facts,
        .temple-exemplar { margin-bottom: 2rem !important; }
      }
