/* v115: the DMI guide in the site's reader (/dmi/guide/): the six DMI pills under the page's own heading, and the guide's few special pieces of text */
.dsub{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.dsub-t{margin:0;flex:0 1 auto;font:600 13px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dnav{display:flex;flex-wrap:wrap;gap:4px 6px;margin:0}
.dnav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--rule);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--accent);font:600 15px/1 var(--sans);text-decoration:none}
.dnav a:hover{background:var(--accent-soft)}
.dnav a[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:var(--surface)}
.dnav a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media (max-width:699px){.dsub-t{flex-basis:100%}.dsub-t .eb-sep{display:none}.dsub-t .eb-ver{display:block;text-transform:none;letter-spacing:.02em}}
.dg .note{color:var(--muted);font-size:.95em}
.dg .sitenote{border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:6px;background:color-mix(in srgb,var(--accent-soft) 60%,transparent);padding:10px 14px}
.dg .terms-list>li{margin-bottom:.6em}
.dg .foot{color:var(--muted);font-size:.92em}
.dg h2{margin-top:1.6em}
@media print{.dsub{display:none}}