/* Shared layer for Sitelagoon concept demos: the fictional-business ribbon and the demo toast.
   Each demo owns its own look; nothing here should style the site itself. */
.sl-ribbon{position:fixed;z-index:2147483000;left:16px;bottom:16px;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 8px 8px 12px;border-radius:999px;background:#06151ce8;color:#f1eee3;font:500 12px/1.3 'Instrument Sans',system-ui,sans-serif;letter-spacing:.01em;box-shadow:0 8px 30px #0004;backdrop-filter:blur(8px)}
.sl-ribbon svg{flex:none;width:18px;height:18px;color:#edcb87}
.sl-ribbon b{font-weight:600}
.sl-ribbon a{flex:none;padding:6px 11px;border-radius:999px;background:#f1eee3;color:#06151c;text-decoration:none;font-weight:600}
.sl-ribbon a:hover{background:#edcb87}
.sl-ribbon button{flex:none;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:#b4c7c7;font:16px/1 system-ui;cursor:pointer}
.sl-embedded .sl-ribbon{display:none}
.sl-toast{position:fixed;z-index:2147483001;left:50%;bottom:72px;transform:translate(-50%,20px);opacity:0;max-width:min(440px,calc(100vw - 32px));padding:14px 18px;border-radius:12px;background:#06151c;color:#f1eee3;font:500 14px/1.45 'Instrument Sans',system-ui,sans-serif;box-shadow:0 18px 50px #0005;transition:opacity .25s,transform .25s;pointer-events:none}
.sl-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:600px){.sl-ribbon{bottom:12px;left:12px;font-size:11px}.sl-ribbon .sl-long{display:none}}