/* The standard page (resources/views/wiki/standard.blade.php): the two inline-SVG diagrams and
   the Independence / Who adds claims sections. Loaded only on /standard - see the head section
   of that view. Colours come from wiki.css's --w-* tokens so the diagrams theme with light and
   dark without any colour literals here. */

.lead { font-size: 21px; line-height: 1.5; color: var(--w-bone); }

.standard-diagram { background: var(--w-card); border-radius: 4px; padding: 24px 20px 18px; margin: 18px 0 32px; }
.standard-diagram svg { display: block; width: 100%; height: auto; max-width: 100%; }
.standard-diagram figcaption { margin-top: 10px; font-size: 13px; line-height: 1.5; color: var(--w-bone2); text-align: center; }

.standard-note { background: var(--w-card); border-radius: 4px; padding: 20px 22px; margin: 16px 0; }
.standard-note p + p { margin-top: 10px; }

.standard-example { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 8px; font-size: 14px; color: var(--w-bone2); }
.standard-example li { display: flex; gap: 8px; align-items: baseline; }
.standard-example .yes { color: var(--w-green); font-weight: 500; flex: none; }
.standard-example .no { color: var(--w-blood); font-weight: 500; flex: none; }