/* Light demo layer: disclosure, cross-surface navigation */
.demo-pill{position:fixed;left:12px;bottom:72px;z-index:150;display:inline-flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);height:30px;padding:0 12px 0 6px;border-radius:999px;background:rgba(29,29,31,.92);color:#fff;font:600 12px/1 'Plus Jakarta Sans','Inter',system-ui,sans-serif;box-shadow:0 6px 20px -8px rgba(0,0,0,.45);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-pill i{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF6D6,#FFC83D 60%,#F5A300);box-shadow:0 0 8px rgba(255,200,61,.8);flex:none}
.demo-pill span{overflow:hidden;text-overflow:ellipsis}
.demo-pill.low{bottom:16px}
.demo-ctx{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;padding:10px 14px;border-radius:14px;background:#FFF4D6;color:#6B4E00;font-size:13px;line-height:1.45;font-weight:500}
.demo-ctx b{font-weight:700;white-space:nowrap}
[data-theme=dark] .demo-ctx{background:#3A3016;color:#F5E3A3}
.demo-tag{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#FFF4D6;color:#6B4E00;font-size:11px;font-weight:700;letter-spacing:0;text-transform:none;vertical-align:middle}
.xnav{display:flex;gap:4px;align-items:center}
.xnav a{font-size:13px;font-weight:600;color:var(--fg2,#515154);text-decoration:none;padding:7px 11px;border-radius:999px;white-space:nowrap}
.xnav a:hover{background:var(--hover,#F3F4F6);color:var(--fg,#1D1D1F)}
.nav.dk .xnav a{color:#A1A1AA}
.agf label.ck{display:flex;gap:8px;align-items:center;font-weight:500;font-size:13.5px;padding:4px 0}
/* product page: label every demo answer surface */
#pbox:not(:empty)::before,#sheet:not(:empty)::before,#lbox:not(:empty)::before,#bpin:not(:empty)::before,#awb:not(:empty)::before{content:"Demo: illustrative sample sources and prices. Not real advice.";display:block;margin:0 0 10px;padding:7px 11px;border-radius:12px;background:#FFF4D6;color:#6B4E00;font:600 11.5px/1.4 'Inter',system-ui,sans-serif}
.nomatch{padding:16px;border-radius:18px;background:#F3F4F6;font-size:14px;line-height:1.5;color:#515154}
.nomatch b{display:block;color:#1D1D1F;margin-bottom:4px}
@media (max-width:900px){
 .demo-pill{bottom:72px;font-size:11px}
 .xnav a{padding:6px 7px;font-size:12px}
 .top .xnav .hide-m{display:none}
}
@media (max-width:520px){.top .xnav{display:none}}