/* Host sizing only; editor CSS is BlockNote, menu CSS is extracted from Clue. */
body.links-demo-page{margin:0;background:#f8f8f6}
.demo-host{max-width:940px;margin:0 auto;padding:32px 24px 64px}
.demo-host-head{font-size:12px;margin-bottom:24px}
.demo-host-head a{text-decoration:underline;text-underline-offset:4px}
.demo-host-head p{font-size:13px;line-height:1.7;margin-top:14px}
.blocknote-example{background:#fff;border:1px solid #ddd;border-radius:12px;overflow:hidden;min-width:0;color:#121214;--canvas-panel:#f7f7f8;--canvas-text:#18181b;--canvas-border:rgba(24,24,27,.12);--canvas-shadow-soft:0 12px 28px rgba(24,24,27,.1)}
.blocknote-example .bn-container{font-family:Inter,sans-serif}
.blocknote-example .bn-editor{background:#fff;padding:20px 24px 12px;min-width:0}
.blocknote-example .bn-editor p{color:inherit;font-size:inherit;line-height:inherit;margin:0}
.blocknote-example .bn-editor h2{font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:normal;margin:0}
.showcase-suggestions{margin:0 24px 24px}
.showcase-suggestions .ggx-slash-menu{width:100%!important;min-width:0!important;max-width:100%!important;background:var(--canvas-panel);color:var(--canvas-text);border:1px solid var(--canvas-border);box-shadow:var(--canvas-shadow-soft);font-family:Inter,sans-serif}
.showcase-suggestions button:focus-visible{outline:2px solid #71717a;outline-offset:-2px}
body.demo-embedded{background:#fff;overflow:hidden}
.demo-embedded .demo-host{padding:0;max-width:none}
.demo-embedded .demo-host-head{display:none}
.demo-embedded .blocknote-example{border:0;border-radius:0}
@media(max-width:400px){.demo-host{padding:20px 12px}.demo-embedded .demo-host{padding:0}.blocknote-example .bn-editor{padding:14px 18px 10px}.showcase-suggestions{margin:0 18px 20px}.showcase-suggestions .ggx-slash-menu-item{grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.4rem;padding:.55rem .35rem}}
/* Only the idle, fixed-query showcase hides BlockNote's trailing widget. */
.blocknote-example:not(:focus-within) .bn-trailing-block{display:none}
.blocknote-example .bn-editor{padding-bottom:4px}