/* Visual vocabulary cues; all labels remain readable without colour or scripts. */
.colour-swatch{display:inline-block;width:1.15em;height:1.15em;margin-inline-end:.55em;border:1px solid #64736b;border-radius:50%;vertical-align:-.15em;background:var(--swatch)}
.vocabulary-table .ar{display:block;font-family:Arial,sans-serif;font-size:1.25rem;line-height:1.8;margin-top:5px}
.family-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.family-map>section{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--cream)}
.family-map h3{font-size:1rem;margin:0 0 12px}.family-map ul{padding-inline-start:20px;margin:0}.family-map li{margin:8px 0}
.vocabulary-exercises details{margin:12px 0;padding:12px 16px;border:1px solid var(--line);border-radius:12px}
.vocabulary-exercises summary{cursor:pointer;font-weight:600;color:var(--green)}
.article .source-note{font-size:.9rem;color:var(--ink-soft)}
@media(max-width:640px){.family-map{grid-template-columns:1fr}.vocabulary-table th,.vocabulary-table td{padding:12px}}