/* shared sample-site chrome: ribbon, SAMPLE pill, toast, WhatsApp preview modal */
.sc-ribbon{position:relative;z-index:60;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:34px;padding:6px 14px;background:#0d1117;color:#e6edf3;font:500 12.5px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em;text-align:center}
.sc-ribbon a{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:600;padding:6px 2px}
.sc-ribbon .dot{width:6px;height:6px;border-radius:50%;background:#3fb950;flex:none}
.sp{display:inline-flex;align-items:center;vertical-align:middle;margin:0 .35em;padding:1px 7px;border:1px dashed currentColor;border-radius:999px;font:600 9.5px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.09em;text-transform:uppercase;opacity:.72;white-space:nowrap}
#sc-toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,20px);z-index:120;max-width:min(92vw,420px);padding:12px 18px;border-radius:12px;background:#111;color:#fff;font:500 14px/1.4 system-ui,sans-serif;box-shadow:0 12px 40px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:.3s}
#sc-toast.on{opacity:1;transform:translate(-50%,0)}
.sc-modal{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:18px;background:rgba(10,12,16,.55);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.25s}
.sc-modal.on{opacity:1;visibility:visible}
.sc-modal-card{position:relative;width:min(440px,100%);padding:26px 24px 22px;border-radius:20px;background:#fff;color:#16181d;font:400 15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(12px) scale(.98);transition:.25s}
.sc-modal.on .sc-modal-card{transform:none}
.sc-modal-card h3{margin:.2em 0 .8em;font:700 19px/1.3 system-ui,sans-serif}
.sc-eyebrow{margin:0;color:#128c4a;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.sc-bubble{white-space:pre-wrap;padding:12px 14px;border-radius:14px 14px 14px 4px;background:#dcf8c6;color:#111;font-size:14px;max-height:40vh;overflow:auto}
.sc-note{color:#5b6270;font-size:13px;margin:.9em 0 1em}
.sc-x{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;font-size:26px;cursor:pointer;color:#555}
.sc-ok{width:100%;min-height:46px;border:0;border-radius:12px;background:#128c4a;color:#fff;font:600 15px system-ui,sans-serif;cursor:pointer}
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}*{scroll-behavior:auto!important}}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}