.demo-tip{position:relative;display:inline-flex;vertical-align:middle;margin-left:6px;font:400 13px/1.45 var(--f-body,var(--f-brand,system-ui,sans-serif));text-transform:none;letter-spacing:0;white-space:normal;color:var(--ink,var(--fg,#0E1116))}.demo-tip-btn{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1.5px solid;color:var(--link,#1768A3);background:transparent;font:700 11px/1 var(--f-body,var(--f-brand,system-ui,sans-serif));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.9}.demo-tip-btn:after{content:"";position:absolute;inset:-10px}.demo-tip-btn:hover,.demo-tip-btn[aria-expanded=true]{opacity:1;background:var(--info-bg,#E8F1F8)}.demo-tip-btn:focus-visible{outline:2px solid var(--accent,#E81D25);outline-offset:2px}.masthead .demo-tip-btn{color:var(--band-muted,#A9B3C1)}.masthead .demo-tip-btn:hover,.masthead .demo-tip-btn[aria-expanded=true]{background:rgba(255,255,255,.1)}.acct-menu .demo-tip-btn{color:var(--link,#1768A3)}.demo-pop{position:fixed;z-index:60;width:min(300px,calc(100vw - 24px));display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--surface,#fff);color:var(--ink,var(--fg,#0E1116));border:1px solid var(--line-strong,#cbd3dd);border-radius:10px;box-shadow:0 12px 32px rgba(14,17,22,.22);font-size:13px;font-weight:400;line-height:1.5;text-align:left;cursor:auto}.demo-pop b{font-family:var(--f-display,inherit);font-weight:700;font-size:13.5px}.demo-about{display:flex;align-items:center;gap:2px;margin:0;padding:6px 0;font-size:12.5px;color:var(--muted,#5B6472)}.pp .demo-about{padding:10px 18px 0}.demo-why{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding:12px 14px;background:var(--surface,#fff);color:var(--ink,var(--fg,#0E1116));border:1px solid var(--line,#e3e8ef);border-left:4px solid var(--accent,#e81d25);border-radius:var(--r,10px)}.demo-why p{margin:2px 0 0;font-size:13.5px}.demo-why-t{font-size:var(--fs-xs,12px);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.demo-why-t,.demo-x{color:var(--muted,#5B6472)}.demo-x{flex:none;border:0;background:none;font:inherit;font-size:14px;line-height:1;padding:6px 8px;margin:-4px -6px 0 0;border-radius:6px;cursor:pointer}.demo-x:hover{background:var(--sunk,#F0F5FA);color:var(--ink,var(--fg,#0E1116))}.demo-x:focus-visible{outline:2px solid var(--accent,#E81D25)}.demo-banner{background:var(--info-bg,#E8F1F8);color:var(--info,#11507E);border-bottom:1px solid var(--line,#e3e8ef)}.demo-banner-in{max-width:1320px;margin:0 auto;padding:6px 24px;justify-content:space-between;gap:6px 12px;font-size:12.5px;font-weight:600}.demo-banner-in,.demo-banner-r{display:flex;flex-wrap:wrap;align-items:center}.demo-banner-r{gap:8px}.demo-banner-err{color:var(--danger,#B3121A)}.demo-short{display:none}@media (max-width:560px){.demo-banner-in{padding-inline:12px;flex-wrap:nowrap;gap:8px}.demo-long{display:none}.demo-short{display:inline}}.demo-btn{font:700 13px var(--f-body,var(--f-brand,system-ui,sans-serif));border:1px solid var(--line-strong,#cbd3dd);background:var(--surface,#fff);color:var(--ink,var(--fg,#0E1116));border-radius:8px;padding:7px 12px;cursor:pointer;white-space:nowrap}.demo-btn:hover:not(:disabled){border-color:var(--muted,#5B6472)}.demo-btn:disabled{opacity:.45;cursor:default}.demo-btn.sm{padding:4px 10px;font-size:12px;border-radius:7px}.demo-btn.primary{background:var(--accent,#E81D25);border-color:var(--accent,#E81D25);color:var(--accent-ink,#fff)}.demo-btn.ghost{border-color:transparent;background:none;color:var(--muted,#5B6472);padding-inline:6px}.demo-btn:focus-visible{outline:2px solid var(--accent,#E81D25);outline-offset:2px}.demo-tour-block{position:fixed;inset:0;z-index:1000}.demo-tour-block.dim{background:rgba(10,14,20,.55)}.demo-tour-hole{position:fixed;z-index:1001;border-radius:12px;box-shadow:0 0 0 9999px rgba(10,14,20,.55);outline:2px solid var(--accent,#E81D25);outline-offset:2px;pointer-events:none;transition:top .2s,left .2s,width .2s,height .2s}.demo-tour-card{position:fixed;z-index:1002;width:min(340px,calc(100vw - 24px));padding:16px;display:flex;flex-direction:column;gap:6px;background:var(--surface,#fff);color:var(--ink,var(--fg,#0E1116));border:1px solid var(--line,#e3e8ef);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.demo-tour-card:focus{outline:none}.demo-tour-card:focus-visible{outline:2px solid var(--accent,#E81D25)}.demo-tour-card h3{margin:0;font-family:var(--f-display,inherit);font-size:16px;font-weight:800}.demo-tour-card p{margin:0;font-size:13.5px;line-height:1.5}.demo-tour-n{font-size:var(--fs-xs,12px);text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--muted,#5B6472)}.demo-tour-actions{display:flex;align-items:center;gap:6px;margin-top:8px}@media (prefers-reduced-motion:reduce){.demo-tour-hole{transition:none}}