/* Worked overview examples use the same script colours as the detailed lessons. */
.subject-overview-example-text { margin:10px 0 18px; }
.subject-overview-example-text .overview-devanagari { margin:0 0 6px; font:700 clamp(27px,2.4vw,36px)/1.65 var(--sanskrit-serif); overflow-wrap:anywhere; }
.subject-overview-example-text .overview-transliteration { margin:0; color:var(--orange-dark); font:600 clamp(23px,2vw,29px)/1.6 var(--serif); overflow-wrap:anywhere; }
.overview-translation { margin:0 0 18px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.overview-translation>strong { display:block; margin-bottom:6px; color:var(--orange-dark); font-size:14px; letter-spacing:.08em; text-transform:uppercase; }
.overview-translation>p { color:var(--ink); font:500 clamp(22px,2vw,28px)/1.5 var(--serif); }
.overview-working { margin-top:22px; }
.overview-working h4 { margin:0 0 14px; font:600 25px/1.25 var(--serif); }
.overview-analysis-diagram { display:flex; flex-wrap:wrap; gap:28px; margin:0 0 16px; padding:0; list-style:none; }
.overview-analysis-diagram>li { position:relative; flex:1 1 210px; min-width:0; padding:16px; border:1px solid var(--line); border-radius:12px; background:var(--surface-raised); }
.overview-analysis-diagram>li:not(:last-child)::after { content:"→"; position:absolute; right:-25px; top:22px; color:var(--gold); font:700 25px/1 var(--serif); }
.overview-analysis-label { display:block; margin-bottom:8px; color:var(--ink); font:700 19px/1.3 var(--sans); }
.overview-analysis-form { display:block; margin-bottom:8px; color:var(--orange-dark); font:600 23px/1.45 var(--serif); overflow-wrap:anywhere; }
.overview-analysis-diagram>li>p { font-size:18px; line-height:1.6; }
.subject-overview-example .overview-relationship { color:var(--ink); font-size:19px; }
.subject-overview-links { align-items:stretch; margin-top:16px; }
.subject-overview-links>a { display:flex; align-items:center; }
.source-records { margin-top:30px; }
.source-records>details { margin:12px 0; border:1px solid var(--line); border-radius:12px; background:var(--surface-raised); }
.source-records>details>summary { padding:18px 22px; color:var(--ink); cursor:pointer; font:600 23px/1.35 var(--serif); }
.source-records>details>.dataset-credit,.source-records>details>.red-book-credit { margin:0 18px 18px; }
@media(max-width:700px) {
  .overview-analysis-diagram { flex-direction:column; gap:26px; }
  .overview-analysis-diagram>li { flex-basis:auto; }
  .overview-analysis-diagram>li:not(:last-child)::after { content:"↓"; right:auto; top:auto; bottom:-25px; left:calc(50% - 8px); }
  .subject-overview-links>a { flex:1 1 100%; }
}