/* Agency context only. Each example keeps its own design and behaviour. */
.dm-example-context { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.25rem 1.5rem; margin:0; padding:.5rem max(20px,5vw); border-bottom:1px solid #bac5d2; background:#f5f3ee; color:#082c4a; font:14px/1.5 Arial,sans-serif; }
.dm-example-context > span { max-width:64ch; min-width:0; }
.dm-example-context > span > span { display:block; }
.dm-example-context a { display:inline-flex; align-items:center; min-height:44px; color:#1f4665; font-weight:700; text-decoration:underline; text-underline-offset:.2em; }
.dm-example-context a:focus-visible { outline:3px solid #1f4665; outline-offset:3px; }
@media print { .dm-example-context { display:none; } }