/* The small "sample page" bar added to every page under /examples/. Kept plain so it does not depend on the sample's own styles. */
.edv-sample-bar { position: fixed; left: 50%; bottom: 12px; transform: translateX(-50%); z-index: 2147483000; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 16px; max-width: calc(100vw - 24px); padding: 10px 18px; border: 2px solid #1d2a33; border-radius: 999px; background: #f4ead3; color: #1d2a33; font: 600 14px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; box-shadow: 0 3px 0 #1d2a33; }
.edv-sample-bar a { color: #1d2a33; text-decoration: underline; text-underline-offset: 3px; }
.edv-sample-bar a:hover { color: #b8432b; }
.edv-sample-bar a:focus-visible { outline: 3px solid #b8432b; outline-offset: 2px; border-radius: 4px; }
.edv-sample-bar__go { padding: 6px 14px; border-radius: 999px; background: #b8432b; color: #fff !important; text-decoration: none !important; }
.edv-sample-bar__go:hover { background: #1d2a33; }
@media (max-width: 520px) { .edv-sample-bar { border-radius: 999px; bottom: 8px; padding: 6px 12px; gap: 6px 14px; } .edv-sample-bar > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } }
/* stand-ins for the few inline styles the whole websites carried (inline styles are not allowed by the site's policy) */
.edv-mt-1 { margin-top: 1rem; }
.edv-mt-3 { margin-top: 3rem; }