/* Renderer's own states only (loading, not available, expired, widget blocked). The template carries its own CSS.
   html-prefixed rules: the quote widget has no shadow DOM and injects global CSS (MUI CssBaseline + Vite :root/h1/a);
   the same approach as prospect-site (git e9de715) keeps the page's own fonts, sizes and colours. */
html:root{color-scheme:light}
html body{margin:0}
.dsr-state{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#3d3f44;background:#fff}
html body .dsr-state h1{margin:0;font-size:20px;font-weight:600;line-height:1.3}
html body .dsr-state p{margin:0;font-size:14px;color:#6b6e75}
.dsr-state[data-state="loading"] h1{color:#8a8d94;font-weight:500}
html body .dsr-widget-blocked{margin:0;padding:0 24px;font:600 11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:#b3261e}
/* A mounted widget: drop the placeholder's dashed frame and give it room. */
.demo-theme [data-embed-slot="widget"].dsr-widget-live{display:block;min-height:0;border-style:solid;border-color:transparent;background:transparent;box-shadow:none;overflow:visible}