/* Beyond the Bell: scoped styling; deliberately leaves native Canvas Catalog UI alone */
#btb-interactive {
  --btbi-crimson:#8f0b44; --btbi-wine:#760735; --btbi-navy:#172539;
  --btbi-blue:#19a6ce; --btbi-paper:#fffaf4; --btbi-cream:#f7f2e9;
  font-family: 'Segoe UI', 'Arial', sans-serif; line-height:1.45; color:#1d2635;
  width:100vw; max-width:none; margin:0 calc(50% - 50vw); isolation:isolate;
  background:var(--btbi-paper); position:relative; padding:25px 0 15px;
}
#btb-interactive,#btb-interactive * { box-sizing:border-box; }
#btb-interactive .btbi-shell { max-width:1490px; width:calc(100% - 64px); margin:0 auto; }
#btb-interactive button { font:inherit; cursor:pointer; }
#btb-interactive button:focus-visible { outline:3px solid #49caef; outline-offset:4px; }
#btb-interactive .btbi-brandline { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:750; letter-spacing:.115em; color:#4e4b54; padding:0 6px 19px; }
#btb-interactive .btbi-brandline strong { color:var(--btbi-wine); }
#btb-interactive .btbi-branddot { display:inline-block; width:16px; height:16px; background:var(--btbi-crimson); border-radius:6px 1px 6px 1px; transform:rotate(-12deg); margin-right:4px; }
#btb-interactive .btbi-brandsep { color:#c6a8b1; font-size:18px; margin:0 3px; }
#btb-interactive .btbi-brandpill { margin-left:auto; border:1px solid #d6b4bd; padding:7px 13px; border-radius:40px; font-size:10px; color:var(--btbi-wine); background:#fff; }
#btb-interactive .btbi-visual { aspect-ratio:3/1; overflow:hidden; position:relative; border-radius:22px 22px 12px 12px; background:#f1dfe6; box-shadow:0 14px 34px rgba(30,29,39,.09); }
#btb-interactive .btbi-banner-image { width:100%; height:100%; object-fit:cover; display:none; }
#btb-interactive.btbi-image-ready .btbi-banner-image { display:block; }
#btb-interactive .btbi-fallback { position:absolute; inset:0; display:flex; align-items:center; flex-direction:column; justify-content:center; text-align:center; background:radial-gradient(circle at 20% 68%,#d12d63 0 9%,transparent 30%),radial-gradient(circle at 87% 27%,#21a7c9 0 10%,transparent 31%),linear-gradient(120deg,#760a3e,#a21751 55%,#65184d); color:white; padding:18px; overflow:hidden; }
#btb-interactive.btbi-image-ready .btbi-fallback { display:none; }
#btb-interactive .btbi-fallback-label { font-size:clamp(10px,1.2vw,15px); letter-spacing:.3em; font-weight:800; position:relative; z-index:1; }
#btb-interactive .btbi-fallback strong { font-size:clamp(39px,7.9vw,124px); font-weight:900; letter-spacing:-.075em; line-height:1; margin:9px 0; position:relative; z-index:1; }
#btb-interactive .btbi-fallback em { font-family:Georgia,serif; font-weight:400; }
#btb-interactive .btbi-fallback-sub { font-size:clamp(14px,2vw,29px); letter-spacing:.04em; position:relative; z-index:1; }
#btb-interactive .btbi-fallback-tag { background:#fffdf6; color:var(--btbi-wine); font-weight:900; font-size:clamp(9px,1.25vw,16px); letter-spacing:.13em; border-radius:20px; padding:8px 16px; margin-top:18px; position:relative; z-index:1; }
#btb-interactive .btbi-fallback-orb, #btb-interactive .btbi-fallback-ring { position:absolute; color:rgba(255,255,255,.27); font-size:220px; }
#btb-interactive .btbi-fallback-orb { top:-102px; left:20px; animation:btbi-turn 35s linear infinite; }
#btb-interactive .btbi-fallback-ring { bottom:-145px; right:20px; animation:btbi-bob 6s ease-in-out infinite; }
#btb-interactive .btbi-float-label { position:absolute; right:18px; bottom:17px; border-radius:30px; padding:9px 14px; display:flex; align-items:center; gap:9px; background:rgba(19,29,48,.84); color:white; font-size:10px; font-weight:800; letter-spacing:.1em; backdrop-filter:blur(10px); box-shadow:0 10px 20px rgba(0,0,0,.10); }
#btb-interactive .btbi-live-dot { width:7px; height:7px; background:#79e2ed; border-radius:50%; box-shadow:0 0 0 4px rgba(121,226,237,.15); }
#btb-interactive .btbi-accessible-title { position:absolute; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); width:1px; height:1px; white-space:nowrap; }
#btb-interactive .btbi-experience { margin:-2px 0 0; position:relative; border-radius:0 0 20px 20px; padding:34px clamp(26px,5vw,76px) 34px; overflow:hidden; color:white; background:radial-gradient(ellipse at 92% 9%,rgba(28,142,183,.23),transparent 47%),linear-gradient(112deg,#142133,#202f45); }
#btb-interactive .btbi-experience:before { content:''; position:absolute; pointer-events:none; width:390px; height:390px; right:-160px; bottom:-220px; border:1px solid rgba(138,214,231,.23); border-radius:50%; box-shadow:0 0 0 42px rgba(74,167,198,.04),0 0 0 97px rgba(82,175,207,.025); }
#btb-interactive .btbi-experience-top { display:flex; justify-content:space-between; align-items:center; gap:18px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.14); }
#btb-interactive .btbi-eyebrow { font-size:11px; letter-spacing:.18em; color:#9fe4f5; font-weight:850; }
#btb-interactive .btbi-sparkle { font-size:16px; margin-right:8px; color:#f8bb76; }
#btb-interactive .btbi-progress { display:flex; align-items:center; gap:10px; color:#b6c8d9; font-weight:800; font-size:11px; letter-spacing:.06em; }
#btb-interactive .btbi-progress-count { color:#fff; }
#btb-interactive .btbi-progress-line { width:90px; height:3px; background:rgba(255,255,255,.2); display:inline-block; border-radius:4px; overflow:hidden; }
#btb-interactive .btbi-progress-line span { display:block; height:100%; width:33.333%; border-radius:4px; background:#6edce8; transition:width .3s ease; }
#btb-interactive .btbi-experience-grid { display:grid; grid-template-columns: minmax(0,1.13fr) minmax(340px,.87fr); gap:clamp(36px,5vw,90px); padding:31px 0 29px; align-items:center; }
#btb-interactive .btbi-copy h2 { color:#fff; font-size:clamp(32px,3.7vw,53px); letter-spacing:-.065em; line-height:1.12; margin:0 0 16px; font-weight:850; max-width:575px; }
#btb-interactive .btbi-copy h2 em { font-family:Georgia,serif; font-weight:500; font-style:italic; color:#7ce0f1; }
#btb-interactive .btbi-copy p { margin:0 0 26px; max-width:440px; font-size:15px; line-height:1.65; color:#becdd9; }
#btb-interactive .btbi-tabs { display:flex; flex-direction:column; gap:9px; max-width:470px; }
#btb-interactive .btbi-tab { appearance:none; width:100%; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.065); color:#fff; border-radius:11px; padding:13px 18px; text-align:left; display:flex; gap:15px; align-items:center; font-size:16px; font-weight:760; transition:background .18s,border-color .18s, transform .18s; }
#btb-interactive .btbi-tab>span:first-child { font-size:11px; font-weight:800; color:#92c4d4; letter-spacing:.08em; }
#btb-interactive .btbi-tab[aria-selected="true"] { background:#fff; color:#861443; border-color:#fff; box-shadow:0 4px 17px rgba(0,0,0,.12); transform:translateX(5px); }
#btb-interactive .btbi-tab[aria-selected="true"]>span:first-child { color:#861443; }
#btb-interactive .btbi-tab:not([aria-selected="true"]):hover { background:rgba(255,255,255,.13); }
#btb-interactive .btbi-tab-arrow { margin-left:auto; font-weight:600; }
#btb-interactive .btbi-panel { padding:24px 26px 21px; background:#fffaf5; color:#212a3b; border-radius:18px; box-shadow:0 24px 43px rgba(0,0,0,.14); min-height:335px; position:relative; }
#btb-interactive .btbi-panel-reveal { animation:btbi-appear .28s ease both; }
#btb-interactive .btbi-card-top { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:10px; letter-spacing:.1em; font-weight:900; color:#786c74; }
#btb-interactive .btbi-card-count { color:#99164b; }
#btb-interactive .btbi-card-symbol { display:grid; place-items:center; border-radius:16px; width:64px; height:64px; background:#f5dbe5; color:#901141; font-size:36px; margin:23px 0 16px; }
#btb-interactive .btbi-card-title { margin:0 0 10px; font-size:clamp(24px,2.2vw,30px); font-weight:850; line-height:1.16; letter-spacing:-.035em; color:#212b3b; }
#btb-interactive .btbi-card-desc { margin:0 0 22px; color:#58606a; font-size:14px; line-height:1.65; }
#btb-interactive .btbi-card-bottom { display:flex; justify-content:space-between; gap:16px; align-items:center; border-top:1px solid #eae1e3; padding-top:14px; font-size:11px; font-weight:780; color:#8e2350; }
#btb-interactive .btbi-card-bottom>span:last-child { font-size:23px; line-height:1; }
#btb-interactive .btbi-action-row { display:flex; align-items:center; gap:16px; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,.12); padding-top:24px; }
#btb-interactive .btbi-main-cta { border:0; border-radius:9px; background:#bb2459; color:white; display:inline-flex; justify-content:center; align-items:center; gap:18px; padding:15px 24px; min-height:51px; font-size:14px; font-weight:820; transition:background .15s,transform .15s; }
#btb-interactive .btbi-main-cta:hover { background:#d0396e; transform:translateY(-2px); }
#btb-interactive .btbi-main-cta span { font-size:20px; line-height:1; }
#btb-interactive .btbi-secondary-cta { border:1px solid rgba(255,255,255,.25); border-radius:9px; background:transparent; color:white; display:inline-flex; justify-content:center; align-items:center; gap:20px; padding:14px 21px; min-height:51px; font-size:14px; font-weight:700; }
#btb-interactive .btbi-secondary-cta:hover { background:rgba(255,255,255,.08); }
#btb-interactive .btbi-chevron { font-size:20px; line-height:1; transition:transform .2s; }
#btb-interactive [aria-expanded="true"] .btbi-chevron { transform:rotate(180deg); }
#btb-interactive .btbi-explain { margin-top:24px; background:rgba(255,255,255,.085); border:1px solid rgba(255,255,255,.12); border-radius:15px; padding:20px; display:grid; gap:18px; grid-template-columns:repeat(3,1fr); }
#btb-interactive .btbi-explain[hidden] { display:none; }
#btb-interactive .btbi-explain>div { padding:5px 11px; }
#btb-interactive .btbi-explain>div span { display:block; color:#80dded; font-size:12px; font-weight:900; margin-bottom:7px; }
#btb-interactive .btbi-explain strong { font-size:13px; display:block; }
#btb-interactive .btbi-explain p { margin:8px 0 0; font-size:12px; line-height:1.5; color:#c6d0dc; }
#btb-interactive .btbi-footnote { color:#65616b; display:flex; justify-content:space-between; align-items:center; gap:18px; font-size:11px; padding:19px 6px 11px; }
#btb-interactive .btbi-footnote span:first-child { font-weight:850; color:#922450; letter-spacing:.07em; }
@keyframes btbi-appear { from {opacity:.3;transform:translateY(10px)} to {opacity:1;transform:translateY(0)} }
@keyframes btbi-turn { to {transform:rotate(360deg)} }
@keyframes btbi-bob { 50% {transform:translateY(-19px)} }
@media(max-width:880px) {
 #btb-interactive .btbi-experience-grid { grid-template-columns:1fr; gap:24px; }
 #btb-interactive .btbi-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:none; }
 #btb-interactive .btbi-tab { padding:11px 12px; gap:9px; justify-content:center; font-size:13px; }
 #btb-interactive .btbi-tab[aria-selected="true"] { transform:translateY(-3px); }
 #btb-interactive .btbi-tab-arrow { display:none; }
 #btb-interactive .btbi-panel { min-height:0; }
 #btb-interactive .btbi-card-symbol { margin:17px 0; }
}
@media(max-width:620px) {
 #btb-interactive { padding-top:16px; }
 #btb-interactive .btbi-shell { width:calc(100% - 26px); }
 #btb-interactive .btbi-brandline { font-size:10px; letter-spacing:.04em; gap:6px; flex-wrap:wrap; }
 #btb-interactive .btbi-brandpill { font-size:9px; padding:5px 9px; }
 #btb-interactive .btbi-visual { border-radius:13px 13px 6px 6px; }
 #btb-interactive .btbi-float-label { display:none; }
 #btb-interactive .btbi-accessible-title { clip:auto; clip-path:none; overflow:visible; position:static; width:auto; height:auto; white-space:normal; font-size:24px; line-height:1.16; letter-spacing:-.045em; background:#fff9f2; padding:17px 17px 18px; margin:0; color:#82083e; font-weight:830; }
 #btb-interactive .btbi-experience { padding:24px 19px; border-radius:0 0 14px 14px; }
 #btb-interactive .btbi-experience-top { align-items:flex-start; }
 #btb-interactive .btbi-eyebrow { font-size:10px; }
 #btb-interactive .btbi-progress-line { width:37px; }
 #btb-interactive .btbi-copy h2 { font-size:34px; }
 #btb-interactive .btbi-copy p { font-size:14px; }
 #btb-interactive .btbi-tabs { gap:6px; }
 #btb-interactive .btbi-tab { gap:5px; padding:11px 4px; font-size:12px; }
 #btb-interactive .btbi-tab>span:first-child { font-size:9px; }
 #btb-interactive .btbi-panel { padding:21px; }
 #btb-interactive .btbi-action-row { flex-direction:column; align-items:stretch; }
 #btb-interactive .btbi-main-cta, #btb-interactive .btbi-secondary-cta { width:100%; }
 #btb-interactive .btbi-explain { grid-template-columns:1fr; gap:11px; }
 #btb-interactive .btbi-footnote { align-items:flex-start; flex-direction:column; font-size:10px; gap:5px; }
}
@media(prefers-reduced-motion:reduce) {
 #btb-interactive *,#btb-interactive *::before,#btb-interactive *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}