/* Keep the iframe canvas scheme explicit and equal to the embedding iframe.
   Visual light/dark themes are defined by our text colours, not browser canvas colours. */
:root{color-scheme:only light;--bg:transparent;--fg:#202124;--muted:#60646c;--border:#e4e4e7;--accent:#ca0000}html[data-theme=dark]{color-scheme:only light;--bg:transparent;--fg:#fafafa;--muted:#b9b9c3;--border:#39393e;--accent:#fc6060}*{box-sizing:border-box}html,body{background:transparent!important}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}.widget{max-width:640px;margin:auto;padding:20px 24px;text-align:center;overflow-wrap:anywhere}h1{font-size:20px;margin:0 0 8px}svg{display:block;width:100%;max-width:300px;margin:auto}svg text{fill:var(--muted);font-size:13px}svg .score{fill:var(--fg);font-size:44px;font-weight:750}.indicator{fill:none;stroke:var(--fg);stroke-width:4}.caption{font-weight:650;margin:0}.meta,.definition{color:var(--muted);font-size:13px;margin:4px 0}.definition{font-size:11px}.testimonials{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}figure{margin:0}blockquote{margin:0 0 12px;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:125px;overflow:auto;text-align:left}figcaption span{display:block;font-size:13px;color:var(--muted)}.slider-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin:14px 0 0}.slider-controls[hidden],[hidden]{display:none!important}button{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;padding:7px 12px;cursor:pointer;font:inherit}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}footer{font-size:11px;color:var(--muted);margin-top:16px}@media(max-width:350px){.widget{padding:12px}h1{font-size:18px}}

/* The administration preview expands with the complete currently visible comment. */
.preview-expanded blockquote{max-height:none;overflow:visible}