/* ==========================================================================
   Ask Burbank — v306 interior design system
   Loaded after ab-ui-v304.css. Brings every interior page, panel and state to
   the approved homepage language: warm white surfaces, dark readable type,
   confident blue actions, restrained green accents, soft radii, subtle lines.
   Presentation only — no content, data, ids or handlers depend on this file.
   ========================================================================== */

:root{
  --abx-ivory:#F7F5EF; --abx-accent:#557F17; --abx-r-tile:18px; --abx-r-ctl:12px;
  --abx-tint:#205CC5;
  --abx-text-max:68ch;
}

/* ------------------------------------------------ 1. editorial page hero */
body.abx .dash-hero.abx-v306{position:relative!important;isolation:isolate;display:flex!important;align-items:stretch;min-height:300px;padding:0!important;overflow:hidden!important;border-radius:var(--abx-r-lg)!important;border:1px solid var(--abx-line)!important;background:#fff!important}
body.abx .dash-hero.abx-v306.abx-no-photo{background:var(--sec-bg,#fff)!important;border-color:var(--sec-bd,var(--abx-line))!important;min-height:0}
body.abx .dash-hero.abx-v306 .dash-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;max-width:none!important;width:min(600px,56%);padding:40px 0 38px 44px!important}
body.abx .dash-hero.abx-v306.abx-no-photo .dash-hero-inner{width:min(760px,78%)}
body.abx .dash-hero.abx-v306 .abx-hero-media{position:absolute!important;inset:0 0 0 38%!important;z-index:0!important;height:auto!important;order:0}
body.abx .dash-hero.abx-v306 .abx-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
body.abx .dash-hero.abx-v306 .abx-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 14%,rgba(255,255,255,.7) 32%,rgba(255,255,255,0) 62%)!important}
body.abx .dash-hero.abx-v306.abx-has-photo .dash-hero-icon{display:none!important}
body.abx .dash-hero.abx-v306 .dash-hero-crumb{order:1;margin:0 0 12px!important;font-size:12px!important;letter-spacing:.2em!important;color:var(--abx-ink)!important;font-weight:700!important}
body.abx .dash-hero.abx-v306 .abx-crumbs{order:0}
body.abx .dash-hero.abx-v306 .dash-hero-title{order:2;margin:0 0 14px!important;font-size:clamp(36px,3.6vw,54px)!important;line-height:1.02!important;letter-spacing:-.04em!important;max-width:15ch}
body.abx .dash-hero.abx-v306.abx-no-photo .dash-hero-title{max-width:20ch}
body.abx .dash-hero-title .abx-accent{font-style:normal;color:var(--abx-accent)!important;-webkit-text-fill-color:var(--abx-accent)!important}
body.abx .dash-hero-title .abx-accent-br{display:block}
body.abx .dash-hero.abx-v306 .dash-hero-sub{order:3;font-size:17px!important;line-height:1.5!important;color:var(--abx-ink-2)!important;max-width:46ch}
body.abx .dash-hero.abx-v306 .dash-hero-sub+*,body.abx .dash-hero.abx-v306 .abx-notice{order:4}
body.abx .dash-hero.abx-v306 .dash-hero-cta{order:5;display:flex!important;flex-wrap:wrap;gap:10px!important;margin-top:22px!important}
body.abx .dash-hero.abx-v306 .dash-hero-cta .btn,body.abx .dash-hero.abx-v306 .dash-hero-cta .banner-cta{min-height:46px;border-radius:999px!important;padding:0 20px!important}
body.abx .dash-hero.abx-v306 .dash-hero-cta .btn.ghost,body.abx .dash-hero.abx-v306 .dash-hero-cta .btn:not(:first-child){background:#fff!important;color:var(--abx-blue)!important;border:1.5px solid #B9CDF3!important}
body.abx .dash-hero.abx-v306 .dash-hero-cta .btn.ghost:hover,body.abx .dash-hero.abx-v306 .dash-hero-cta .btn:not(:first-child):hover{background:var(--abx-blue-soft)!important;border-color:var(--abx-blue)!important;color:var(--abx-blue)!important}
body.abx .dash-hero.abx-v306 .abx-notice{max-width:52ch}
/* breadcrumb trail */
.abx-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px;font-size:13.5px;line-height:1.3;color:var(--abx-ink-3)}
.abx-crumbs a{color:var(--abx-ink-2)!important;text-decoration:none;font-weight:550;border-radius:6px}
.abx-crumbs a:hover{color:var(--abx-blue)!important;text-decoration:underline;text-underline-offset:3px}
.abx-crumbs span[aria-hidden]{color:#A8B1AA}
.abx-crumbs [aria-current]{color:var(--abx-ink);font-weight:600}
/* Visit Burbank keeps its dark hero (official cream logo); News keeps the broadsheet */
body.abx #page-city-visit .dash-hero.abx-v306 .dash-hero-inner{width:min(760px,80%)}
body.abx #page-city-visit .abx-crumbs a,body.abx #page-city-visit .abx-crumbs [aria-current]{color:#E7ECEF!important}
@media (max-width:960px){
  body.abx .dash-hero.abx-v306{flex-direction:column;min-height:0;border-radius:22px!important}
  body.abx .dash-hero.abx-v306 .abx-hero-media{position:relative!important;inset:auto!important;height:200px!important;order:-1}
  body.abx .dash-hero.abx-v306 .abx-hero-media:after{background:linear-gradient(180deg,rgba(255,255,255,0) 45%,#fff 100%)!important}
  body.abx .dash-hero.abx-v306 .dash-hero-inner,body.abx .dash-hero.abx-v306.abx-no-photo .dash-hero-inner{width:auto;padding:22px 20px 24px!important}
  body.abx .dash-hero.abx-v306.abx-has-photo .dash-hero-inner{padding-top:4px!important}
  body.abx .dash-hero.abx-v306 .dash-hero-title{font-size:clamp(32px,8.6vw,42px)!important;max-width:none}
  .abx-crumbs{font-size:13px;margin-bottom:12px}
}

/* --------------------------------------------- 2. utility page headers */
body.abx .page-head{padding:8px 4px 6px!important}
body.abx .page-head .page-crumb{font-size:12px!important;font-weight:700!important;letter-spacing:.2em!important;text-transform:uppercase;color:var(--abx-ink)!important;margin-bottom:10px}
body.abx .page-head .page-title{font-size:clamp(34px,3.2vw,48px)!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.04!important;color:var(--abx-ink)!important}
body.abx .page-head .page-sub{font-size:17px!important;line-height:1.5!important;color:var(--abx-ink-2)!important;max-width:60ch;margin-top:10px}
body.abx .page-head .page-title em,body.abx .page-head .page-title .abx-accent{font-style:normal;color:var(--abx-accent)}

/* ------------------------------------------------ 3. sections + panels */
body.abx .page .section-head{margin-top:40px!important}
body.abx .page .section-head h2{font-size:clamp(22px,1.9vw,28px)!important}
body.abx .page .section-head h2 span:not(.live-pill){color:inherit}
body.abx .page .glass{border-radius:var(--abx-r-card)!important;padding:24px!important;color:var(--abx-ink-2)}
body.abx .page .glass[style*="padding:14px"],body.abx .page .glass[style*="padding:16px"],body.abx .page .glass.search-dash{padding:16px 18px!important}
body.abx .page .glass[style*="padding:0"]{padding:0!important}
body.abx .page .glass p{line-height:1.65}
body.abx .page .glass b,body.abx .page .glass strong{color:var(--abx-ink)}
body.abx .page .glass h3,body.abx .page .glass h4{color:var(--abx-ink);letter-spacing:-.015em}
body.abx .page .glass a:not(.btn):not([class*="card"]):not([style*="display:flex"]):not([style*="display:block"]){color:var(--abx-blue);text-underline-offset:3px}
/* legacy square corners → soft radii; small inline pills → full pills */
body.abx .page [style*="border-radius:0"]:not(img):not(hr):not(iframe),body.abx .page [style*="border-radius: 0"]:not(img):not(hr):not(iframe){border-radius:var(--abx-r-ctl)!important}
body.abx .page span[style*="border-radius:0"][style*="padding"],body.abx .page div[style*="border-radius:0"][style*="font-size:9"],body.abx .page div[style*="border-radius:0"][style*="font-size:10"],body.abx .page span[style*="border-radius: 0"][style*="padding"]{border-radius:999px!important}
body.abx .page a[style*="border-radius:0"][style*="overflow:hidden"],body.abx .page div[style*="border-radius:0"][style*="overflow:hidden"]{border-radius:var(--abx-r-tile)!important}
/* gradient headline text → solid ink */
body.abx .page [style*="-webkit-text-fill-color:transparent"],body.abx .page [style*="background-clip:text"]{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--abx-ink)!important}
/* readable minimum sizes for inline-styled copy */
body.abx .page [style*="font-size:10px"]:not([style*="text-transform"]),body.abx .page [style*="font-size:10.5px"],body.abx .page [style*="font-size:11px"]:not([style*="text-transform"]){font-size:12.5px!important}
body.abx .page [style*="font-size:11.5px"],body.abx .page [style*="font-size:12px"],body.abx .page [style*="font-size:12.5px"]{font-size:13.5px!important}
body.abx .page [style*="font-size:13px"],body.abx .page [style*="font-size:13.5px"]{font-size:14.5px!important;line-height:1.55}
body.abx .page [style*="color:var(--ink-3)"]{color:var(--abx-ink-2)!important}
/* big inline stat numbers share one ink colour */
body.abx .page .glass div[style*="font-size:28px"][style*="font-weight:800"],body.abx .page .glass div[style*="font-size:26px"][style*="font-weight:800"],body.abx .page .glass div[style*="font-size:32px"][style*="font-weight:800"]{color:var(--abx-ink)!important;letter-spacing:-.03em}

/* --------------------------------------------------------- 4. icon tiles */
body.abx .abx-icon-tile{background:color-mix(in srgb,var(--abx-tint) 12%,#fff)!important;color:color-mix(in srgb,var(--abx-tint) 82%,#000)!important;box-shadow:none!important;border-radius:14px!important}
body.abx .abx-icon-tile svg{stroke:currentColor!important}
body.abx .abx-icon-tile svg[fill="#fff"],body.abx .abx-icon-tile svg [fill="#fff"]{fill:currentColor!important}
body.abx .qa-icon,body.abx .stat-icon,body.abx .feat-icon,body.abx .dept-icon{background:color-mix(in srgb,var(--abx-tint) 12%,#fff)!important;color:color-mix(in srgb,var(--abx-tint) 82%,#000)!important;box-shadow:none!important;border-radius:14px!important;width:46px!important;height:46px!important;display:inline-flex!important;align-items:center;justify-content:center}
body.abx .qa-icon svg,body.abx .stat-icon svg,body.abx .feat-icon svg,body.abx .dept-icon svg{width:22px!important;height:22px!important;stroke:currentColor!important;color:inherit!important}
body.abx .page .abx-avatar{background:color-mix(in srgb,var(--abx-tint,#205CC5) 13%,#fff)!important;color:color-mix(in srgb,var(--abx-tint,#205CC5) 58%,#000)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--abx-tint,#205CC5) 22%,#fff)!important;text-shadow:none!important}
body.abx .page .abx-avatar svg{stroke:currentColor}
body.abx .qa-card{--abx-tint:var(--qa-a,#205CC5)}
body.abx .feat-card{--abx-tint:var(--fc-a,#205CC5)}
body.abx .stat-card{--abx-tint:var(--sc-tint,#205CC5)}
body.abx .dept-card{--abx-tint:var(--dc-a,#205CC5)}

/* ------------------------------------------------------ 5. shared cards */
body.abx .page .qa-card,body.abx .page .feat-card,body.abx .page .stat-card,body.abx .page .info-tile,body.abx .page .roadmap-card,body.abx .page .dept-card,body.abx .page .tier,body.abx .page .film-stat{background:#fff!important;border:1px solid var(--abx-line)!important;border-radius:var(--abx-r-tile)!important;box-shadow:none!important;transition:border-color var(--abx-t-fast) var(--abx-ease),box-shadow var(--abx-t-fast) var(--abx-ease)}
body.abx .page .qa-card:hover,body.abx .page .feat-card:hover,body.abx .page .dept-card:hover,body.abx .page .roadmap-card:hover{border-color:#CBD3C6!important;box-shadow:var(--abx-shadow-2)!important;transform:none!important}
body.abx .page .qa-card:before,body.abx .page .qa-card:after,body.abx .page .feat-card:before,body.abx .page .feat-card:after,body.abx .page .dept-card:before,body.abx .page .dept-card:after,body.abx .page .stat-card:before,body.abx .page .stat-card:after{display:none!important}
/* quick-action tiles */
body.abx .page .quick-actions{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:14px!important}
body.abx .page .qa-card{display:flex!important;align-items:flex-start;gap:14px;padding:18px!important;min-height:0}
body.abx .page .qa-t{font-size:16px!important;font-weight:700!important;color:var(--abx-ink)!important;letter-spacing:-.01em;line-height:1.3}
body.abx .page .qa-s{font-size:14px!important;color:var(--abx-ink-2)!important;line-height:1.45;margin-top:3px}
/* feature tiles */
body.abx .page .feat-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:14px!important}
body.abx .page .feat-card{padding:22px!important;display:flex!important;flex-direction:column;gap:10px}
body.abx .page .feat-num{font-size:12px!important;font-weight:650!important;letter-spacing:.08em;color:var(--abx-ink-3)!important;order:-1;opacity:1!important}
body.abx .page .feat-title{font-size:18px!important;font-weight:700!important;color:var(--abx-ink)!important;letter-spacing:-.015em;margin:0!important}
body.abx .page .feat-desc{font-size:15px!important;color:var(--abx-ink-2)!important;line-height:1.55!important;margin:0!important}
body.abx .page .feat-link{margin-top:auto!important;color:var(--abx-blue)!important;font-weight:650!important;font-size:15px!important;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
body.abx .page .feat-link svg{width:16px;height:16px}
/* stats */
body.abx .page .stat-strip{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:14px!important}
body.abx .page .stat-card{display:flex!important;align-items:center;gap:14px;padding:18px!important}
body.abx .page .stat-n,body.abx .page .film-stat-n,body.abx .page .cs-n{font-size:28px!important;font-weight:800!important;letter-spacing:-.035em!important;color:var(--abx-ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important;line-height:1.1}
body.abx .page .stat-l,body.abx .page .film-stat-l,body.abx .page .cs-l{font-size:14px!important;color:var(--abx-ink-2)!important}
body.abx .page .stat-delta{font-size:12.5px!important;color:var(--abx-ink-3)!important;background:var(--abx-bg)!important;border-radius:999px!important}
body.abx .page .film-stats-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:14px!important}
body.abx .page .film-stat{padding:20px!important}
/* department cards */
body.abx .page .dept-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;gap:14px!important}
body.abx .page .dept-card{padding:20px!important;display:flex!important;flex-direction:column;gap:6px;cursor:pointer;overflow:hidden}
body.abx .page .dept-watermark{display:none!important}
body.abx .page .dept-name{font-size:17px!important;font-weight:700!important;color:var(--abx-ink)!important;margin-top:8px!important}
body.abx .page .dept-lead{font-size:14px!important;color:var(--abx-ink)!important}
body.abx .page .dept-lead span{color:var(--abx-ink-2)!important}
body.abx .page .dept-desc{font-size:14px!important;color:var(--abx-ink-2)!important;line-height:1.5}
body.abx .page .dept-meta{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:auto!important;padding-top:10px}
body.abx .page .dept-meta a{display:inline-flex!important;align-items:center;gap:6px;min-height:38px;padding:0 12px!important;border-radius:999px!important;border:1px solid var(--abx-line)!important;background:#fff!important;color:var(--abx-blue)!important;font-size:14px!important;font-weight:650!important;text-decoration:none}
body.abx .page .dept-meta a:hover{border-color:var(--abx-blue)!important;background:var(--abx-blue-soft)!important}
body.abx .page .dept-meta svg{width:15px!important;height:15px!important}
/* membership tiers */
body.abx .page .join-tiers{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:16px!important}
body.abx .page .tier{padding:24px!important;position:relative}
body.abx .page .tier.featured{border:2px solid var(--abx-blue)!important;box-shadow:var(--abx-shadow-2)!important}
body.abx .page .tier-badge{background:var(--abx-blue)!important;color:#fff!important;border-radius:999px!important;font-size:12.5px!important;font-weight:700!important;padding:4px 12px!important}
body.abx .page .tier-name{font-size:18px!important;font-weight:700!important;color:var(--abx-ink)!important}
body.abx .page .tier-price{font-size:36px!important;font-weight:800!important;letter-spacing:-.04em!important;color:var(--abx-ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
body.abx .page .tier-price span{font-size:15px!important;color:var(--abx-ink-2)!important;font-weight:600}
body.abx .page .tier-sub{font-size:14.5px!important;color:var(--abx-ink-2)!important}
body.abx .page .tier ul{padding-left:0!important;list-style:none;margin:16px 0!important}
body.abx .page .tier li{position:relative;padding:6px 0 6px 26px!important;font-size:15px!important;color:var(--abx-ink)!important;border:0!important}
body.abx .page .tier li:before{content:"";position:absolute;left:2px;top:11px;width:14px;height:8px;border-left:2px solid var(--abx-accent);border-bottom:2px solid var(--abx-accent);transform:rotate(-45deg);background:none!important}

/* --------------------------------------------- 6. photo cards + links */
body.abx .page .resource-hero-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:14px!important}
body.abx .page .resource-hero.abx-photo-card{display:flex!important;flex-direction:column;padding:0!important;min-height:0!important;background:#fff!important;border:1px solid var(--abx-line)!important;border-radius:var(--abx-r-tile)!important;color:var(--abx-ink)!important;text-decoration:none!important;overflow:hidden;box-shadow:none!important}
body.abx .page .resource-hero.abx-photo-card:before,body.abx .page .resource-hero.abx-photo-card:after{display:none!important}
body.abx .page .resource-hero.abx-photo-card .abx-pc-img{display:block;height:150px;background-size:cover;background-position:center;background-color:var(--abx-bg)}
body.abx .page .resource-hero.abx-photo-card .resource-tag{position:static!important;align-self:flex-start;margin:14px 16px 0!important;background:var(--abx-soft-green)!important;color:var(--tone-discover)!important;border:0!important;border-radius:999px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.04em;padding:4px 10px!important;text-transform:none!important}
body.abx .page .resource-hero.abx-photo-card .resource-title{margin:8px 16px 0!important;font-size:17px!important;font-weight:700!important;color:var(--abx-ink)!important;text-shadow:none!important}
body.abx .page .resource-hero.abx-photo-card .resource-desc{margin:4px 16px 18px!important;font-size:14.5px!important;line-height:1.5;color:var(--abx-ink-2)!important;text-shadow:none!important;opacity:1!important}
body.abx .page .resource-hero.abx-photo-card:hover{border-color:#CBD3C6!important;box-shadow:var(--abx-shadow-2)!important;transform:none!important}
body.abx .page .resource-list{gap:10px!important}
body.abx .page .resource-link{display:flex!important;align-items:center;gap:14px;padding:14px 16px!important;background:#fff!important;border:1px solid var(--abx-line)!important;border-radius:16px!important;color:var(--abx-ink)!important;text-decoration:none!important;box-shadow:none!important;transform:none!important}
body.abx .page .resource-link:hover{border-color:var(--abx-blue)!important;background:#FBFCFF!important}
body.abx .page .resource-link .ico{flex:0 0 36px;width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--rl-tint,#205CC5) 12%,#fff)!important;color:var(--rl-tint,#205CC5)!important;font-weight:700}
body.abx .page .resource-link .rt{font-size:15.5px!important;font-weight:650!important;color:var(--abx-ink)!important}
body.abx .page .resource-link .rs{font-size:14px!important;color:var(--abx-ink-2)!important;margin-top:2px}

/* ------------------------------------------------- 7. letters + people */
body.abx .page .mayor-card{display:grid!important;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:28px;padding:24px!important;align-items:start;background:#fff!important;border:1px solid var(--abx-line)!important;border-radius:var(--abx-r-card)!important;box-shadow:none!important}
body.abx .page .mayor-img{width:100%!important;height:auto!important;aspect-ratio:4/5;border-radius:var(--abx-r-tile)!important;box-shadow:none!important;margin:0!important;position:sticky;top:110px}
body.abx .page .mayor-body{max-width:var(--abx-text-max)}
body.abx .page .mayor-eyebrow{font-size:12px!important;font-weight:700!important;letter-spacing:.18em!important;text-transform:uppercase;color:var(--abx-ink-2)!important;margin-bottom:12px!important}
body.abx .page .mayor-title{position:relative;margin:0 0 18px!important;padding:20px 22px 20px 58px!important;background:var(--abx-blue-soft)!important;border-radius:16px!important;font-size:clamp(19px,1.6vw,23px)!important;line-height:1.35!important;font-weight:650!important;color:#173D85!important;letter-spacing:-.01em}
body.abx .page .mayor-title:before{content:"\201C";position:absolute;left:18px;top:6px;font-size:52px;line-height:1;font-weight:800;color:#8CABE6;font-family:Georgia,serif}
body.abx .page .mayor-body p{font-size:16.5px!important;line-height:1.7!important;color:var(--abx-ink)!important;margin:0 0 14px!important}
body.abx .page .mayor-sign{margin-top:20px!important;padding-top:16px;border-top:1px solid var(--abx-line)}
body.abx .page .mayor-name{font-size:18px!important;font-weight:700!important;color:var(--abx-ink)!important;font-style:normal!important}
body.abx .page .mayor-role{font-size:14.5px!important;color:var(--abx-ink-2)!important}
body.abx .page .mayor-actions{display:flex!important;flex-wrap:wrap;gap:10px;margin-top:18px!important}
body.abx .page .mayor-actions .btn:first-child{background:var(--abx-blue)!important;color:#fff!important;border-color:var(--abx-blue)!important}
body.abx .page .chamber-hero{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0;padding:0!important;overflow:hidden;background:#fff!important;border:1px solid var(--abx-line)!important;border-radius:var(--abx-r-card)!important}
body.abx .page .chamber-hero-body{padding:28px!important}
body.abx .page .chamber-hero-img{min-height:240px;height:auto!important;border-radius:0!important;margin:0!important;background-size:cover!important;background-position:center!important}
body.abx .page .chamber-eyebrow{font-size:12px!important;font-weight:700!important;letter-spacing:.18em!important;text-transform:uppercase;color:var(--tone-chamber)!important}
body.abx .page .chamber-hero-title{font-size:clamp(24px,2.2vw,32px)!important;font-weight:800!important;letter-spacing:-.03em!important;color:var(--abx-ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important;margin:8px 0 12px!important}
body.abx .page .chamber-hero p{font-size:16px!important;line-height:1.65!important;color:var(--abx-ink-2)!important}
body.abx .page .chamber-stats{display:flex!important;gap:28px;margin-top:18px!important}
/* board / staff / council / education people */
body.abx .page .bd-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:14px!important}
body.abx .page .bd-card{display:flex!important;align-items:center;gap:16px;padding:14px!important;background:#fff!important;border:1px solid var(--abx-line)!important;border-radius:var(--abx-r-tile)!important}
body.abx .page .bd-photo{flex:0 0 84px;width:84px!important;height:96px!important;border-radius:14px!important;object-fit:cover;background:var(--abx-bg)}
body.abx .page .bd-ph{display:flex!important;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:var(--tone-chamber)!important;background:var(--tone-chamber-bg)!important}
body.abx .page .bd-badge{display:inline-flex!important;background:var(--tone-chamber-bg)!important;color:var(--tone-chamber)!important;border:0!important;border-radius:999px!important;font-size:12px!important;font-weight:700!important;padding:3px 10px!important;letter-spacing:.02em;text-transform:none!important}
body.abx .page .bd-name{font-size:17px!important;font-weight:700!important;color:var(--abx-ink)!important;margin-top:6px!important}
body.abx .page .bd-role{font-size:14px!important;color:var(--abx-ink-2)!important;line-height:1.45}
body.abx .page .bd-note{font-size:14px!important;color:var(--abx-ink-2)!important}
body.abx .page .council-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:14px!important}
body.abx .page .council-card{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:20px 16px!important;background:#fff!important;border:1px solid var(--abx-line)!important;border-radius:var(--abx-r-tile)!important;box-shadow:none!important;transform:none!important}
body.abx .page .council-card:hover{border-color:#CBD3C6!important;box-shadow:var(--abx-shadow-2)!important}
body.abx .page .council-avatar{width:96px!important;height:96px!important;border-radius:50%!important;background-size:cover!important;background-position:center top!important;background-color:var(--abx-bg)!important;border:0!important;box-shadow:none!important}
body.abx .page .council-name{font-size:16.5px!important;font-weight:700!important;color:var(--abx-ink)!important}
body.abx .page .council-role{font-size:14px!important;color:var(--abx-ink-2)!important}
body.abx .page .council-sub{font-size:13px!important;color:var(--abx-ink-3)!important;overflow-wrap:anywhere}
body.abx .page .council-chip{display:inline-flex!important;margin-top:4px;background:var(--tone-city-bg)!important;color:var(--tone-city)!important;border:0!important;border-radius:999px!important;font-size:12px!important;font-weight:700!important;padding:3px 10px!important}
/* meetings */
body.abx .page .mtg-card{background:#fff!important;border:1px solid var(--abx-line)!important;border-radius:var(--abx-r-card)!important;box-shadow:none!important;overflow:hidden}
body.abx .page .mtg-row{padding:14px 18px!important;border-bottom:1px solid var(--abx-line-2)!important;gap:14px!important;background:#fff!important}
body.abx .page .mtg-date{width:56px!important;min-width:56px;height:60px!important;border-radius:14px!important;background:var(--mtg-bg,var(--tone-city-bg))!important;color:var(--mtg-fg,var(--tone-city))!important;box-shadow:none!important;border:0!important}
body.abx .page .mtg-mo{font-size:12px!important;font-weight:700!important;letter-spacing:.08em}
body.abx .page .mtg-d{font-size:22px!important;font-weight:800!important}
body.abx .page .mtg-title{font-size:16px!important;font-weight:700!important;color:var(--abx-ink)!important}
body.abx .page .mtg-sub{font-size:14px!important;color:var(--abx-ink-2)!important}
body.abx .page .mtg-chip{border-radius:999px!important;font-size:12.5px!important;padding:3px 10px!important}
body.abx .page .mtg-card-cta{width:100%;min-height:52px;display:flex!important;align-items:center;gap:10px;padding:0 18px!important;background:#fff!important;border:0!important;color:var(--abx-blue)!important;font-weight:700!important;font-size:15px!important;border-radius:0!important}
body.abx .page .mtg-card-cta:hover{background:var(--abx-blue-soft)!important}
body.abx .page .mtg-card-cta-count{color:var(--abx-ink-2)!important;font-weight:600!important;margin-left:auto}

/* ---------------------------------------------------- 8. tabs + chips */
body.abx #bwp-jump,body.abx #vb-jump{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:20px 0 6px!important}
body.abx .bwp-jump-row,body.abx .vb-jump-row{display:flex!important;flex-wrap:wrap;gap:8px!important;background:none!important;border:0!important;padding:0!important}
body.abx .bwp-jump-btn,body.abx .vb-jump-btn{display:inline-flex!important;align-items:center;gap:8px;min-height:44px;padding:0 16px!important;border-radius:999px!important;border:1px solid var(--abx-line)!important;background:#fff!important;color:var(--abx-ink)!important;font-size:15px!important;font-weight:650!important;box-shadow:none!important;transform:none!important;flex:0 0 auto!important;width:auto!important;height:auto!important}
body.abx .bwp-jump-btn:before,body.abx .bwp-jump-btn:after,body.abx .vb-jump-btn:before,body.abx .vb-jump-btn:after{display:none!important}
body.abx .bwp-jump-btn svg,body.abx .vb-jump-btn svg{width:18px!important;height:18px!important;color:var(--acc,var(--abx-blue))!important;margin:0!important}
body.abx .bwp-jump-btn:hover,body.abx .vb-jump-btn:hover{border-color:#C9D2C5!important;background:var(--abx-bg)!important}
body.abx .bwp-jump-btn.is-active,body.abx .vb-jump-btn.is-active{background:var(--abx-blue-soft)!important;border-color:#B9CDF3!important;color:#173D85!important}
body.abx .bwp-jump-btn.is-active svg,body.abx .vb-jump-btn.is-active svg{color:var(--abx-blue)!important}

/* ------------------------------------------------- 9. forms, accordions */
body.abx .page input[type="text"],body.abx .page input[type="search"],body.abx .page input[type="email"],body.abx .page input[type="tel"],body.abx .page input:not([type]),body.abx .page select,body.abx .page textarea{border-radius:var(--abx-r-ctl)!important;border:1px solid var(--abx-line)!important;background:#fff!important;color:var(--abx-ink)!important;font-size:16px!important;min-height:46px;box-shadow:none!important}
body.abx .page textarea{min-height:110px;padding:12px 14px!important}
body.abx .page input:focus,body.abx .page select:focus,body.abx .page textarea:focus{border-color:var(--abx-blue)!important;box-shadow:0 0 0 4px rgba(32,92,197,.12)!important;outline:none!important}
body.abx .page details{background:#fff;border:1px solid var(--abx-line);border-radius:16px;margin:0 0 10px;overflow:hidden}
body.abx .page details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 48px 12px 18px;position:relative;font-size:16px;font-weight:650;color:var(--abx-ink)}
body.abx .page details>summary::-webkit-details-marker{display:none}
body.abx .page details>summary:after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;border-right:2px solid var(--abx-ink-2);border-bottom:2px solid var(--abx-ink-2);transform:translateY(-70%) rotate(45deg);transition:transform var(--abx-t-fast) var(--abx-ease)}
body.abx .page details[open]>summary:after{transform:translateY(-30%) rotate(-135deg)}
body.abx .page details>*:not(summary){padding-left:18px;padding-right:18px}
body.abx .page details[open]>*:last-child{padding-bottom:16px}
body.abx .page table{border-collapse:separate;border-spacing:0;width:100%;border:1px solid var(--abx-line);border-radius:14px;overflow:hidden;font-size:15px}
body.abx .page th{background:var(--abx-bg);color:var(--abx-ink);font-weight:700;text-align:left}
body.abx .page th,body.abx .page td{padding:10px 14px;border-bottom:1px solid var(--abx-line-2)}
body.abx .page tr:last-child td{border-bottom:0}

/* ----------------------------------------------------- 10. directory */
body.abx #page-categories>.glass:first-of-type,body.abx #page-categories .glass[style*="z-index:40"]{padding:14px!important;border-radius:var(--abx-r-card)!important}
body.abx #page-categories #bizSearch{padding-left:42px!important;min-height:50px;border-radius:14px!important;font-size:16px!important}
body.abx .biz-drop-btn{min-height:50px!important;border-radius:14px!important;border:1px solid var(--abx-line)!important;background:#fff!important;color:var(--abx-ink)!important;font-size:15px!important;font-weight:600!important;padding:0 14px!important;gap:8px!important;box-shadow:none!important}
body.abx .biz-drop-btn:hover,body.abx .biz-dropdown.open .biz-drop-btn{border-color:var(--abx-blue)!important}
body.abx .biz-drop-menu{border-radius:16px!important;border:1px solid var(--abx-line)!important;box-shadow:var(--abx-shadow-3)!important;padding:6px!important}
body.abx .biz-drop-item{border-radius:10px!important;min-height:40px;font-size:15px!important}
body.abx .biz-drop-item.active,body.abx .biz-drop-item:hover{background:var(--abx-blue-soft)!important;color:#173D85!important}
body.abx #bizGrid.member-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))!important;gap:12px!important}
body.abx #bizGrid .member-card{display:grid!important;grid-template-columns:96px minmax(0,1fr);align-items:stretch;min-height:118px;background:#fff!important;border:1px solid var(--abx-line)!important;border-radius:var(--abx-r-tile)!important;overflow:hidden;box-shadow:none!important;transform:none!important;cursor:pointer;position:relative}
body.abx #bizGrid .member-card:hover{border-color:#CBD3C6!important;box-shadow:var(--abx-shadow-2)!important}
body.abx #bizGrid .member-card>div:first-child{height:auto!important;min-height:100%;background:var(--abx-bg)!important}
body.abx #bizGrid .member-card>div:first-child>div:first-child{width:54px!important;height:54px!important;border-radius:16px!important;box-shadow:none!important;font-size:17px!important;background:color-mix(in srgb,var(--abx-tint,#59645D) 14%,#fff)!important;color:color-mix(in srgb,var(--abx-tint,#59645D) 78%,#000)!important;letter-spacing:0!important}
body.abx #bizGrid .member-card>div:last-child>div:first-child{background:color-mix(in srgb,var(--abx-tint,#59645D) 10%,#fff)!important;color:color-mix(in srgb,var(--abx-tint,#59645D) 58%,#000)!important;border-radius:999px!important;font-size:12px!important;padding:3px 10px!important}
body.abx #bizGrid .member-card>div:first-child>div[style*="position:absolute"]{top:auto!important;bottom:8px;left:8px;right:auto!important;font-size:11px!important;border-radius:999px!important;box-shadow:none!important;background:#FFF6D8!important}
body.abx #bizGrid .member-card>div:first-child img{border-radius:0!important}
body.abx #bizGrid .member-card>div:last-child{padding:14px 44px 14px 16px!important;gap:5px!important}
body.abx #bizGrid .member-card>div:last-child>div:nth-child(2){font-size:16.5px!important;font-weight:700!important;letter-spacing:-.01em;line-height:1.3!important}
body.abx #bizGrid .member-card>div:last-child>div:nth-child(n+3){font-size:13.5px!important;line-height:1.4}
body.abx #bizGrid .member-card:after{content:"";position:absolute;right:14px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:var(--abx-blue-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23205CC5' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat}
body.abx .biz-pager{display:flex!important;justify-content:center;gap:6px!important;margin:20px 0 6px!important}
body.abx .biz-pager button{min-width:44px;min-height:44px;border-radius:12px!important;border:1px solid var(--abx-line)!important;background:#fff!important;color:var(--abx-ink)!important;font-weight:650!important;font-size:15px!important;box-shadow:none!important}
body.abx .biz-pager button.bp-active{background:var(--abx-blue-soft)!important;border-color:#B9CDF3!important;color:#173D85!important}
body.abx .biz-pager button:disabled{opacity:.45}
@media (max-width:600px){body.abx #bizGrid .member-card{grid-template-columns:84px minmax(0,1fr)}}

/* --------------------------------------------- 11. Chamber member directory */
body.abx #page-chamber-members .mdir-search{border-radius:14px!important;border:1px solid var(--abx-line)!important;background:#fff!important;min-height:52px;padding:0 14px!important;box-shadow:none!important}
body.abx #page-chamber-members .mdir-search:focus-within{border-color:var(--abx-blue)!important;box-shadow:0 0 0 4px rgba(32,92,197,.12)!important}
body.abx #page-chamber-members .mdir-search input{border:0!important;box-shadow:none!important;min-height:48px;font-size:16px!important}
body.abx #page-chamber-members .mdir-label{font-size:12px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--abx-ink-2)!important}
body.abx .ps-trigger,body.abx .mcat-trigger{min-height:46px!important;border-radius:999px!important;border:1px solid var(--abx-line)!important;background:#fff!important;color:var(--abx-ink)!important;font-weight:650!important;box-shadow:none!important}
body.abx #memberGrid.member-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important;gap:14px!important}
body.abx #memberGrid .member-card{background:#fff!important;border:1px solid var(--abx-line)!important;border-radius:var(--abx-r-tile)!important;box-shadow:none!important;overflow:hidden;transform:none!important}
body.abx #memberGrid .member-card:hover{border-color:#CBD3C6!important;box-shadow:var(--abx-shadow-2)!important}
body.abx #memberGrid .member-img{border-radius:0!important;background:var(--abx-bg)!important}
body.abx #memberGrid .member-placeholder{background:color-mix(in srgb,var(--mc-a,#205CC5) 12%,#fff)!important;color:color-mix(in srgb,var(--mc-a,#205CC5) 80%,#000)!important}
body.abx #memberGrid .member-ind-badge{border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:var(--abx-ink)!important;box-shadow:none!important;font-size:12px!important}
body.abx #memberGrid .member-name{font-size:17px!important;font-weight:700!important;color:var(--abx-ink)!important}
body.abx #memberGrid .member-cat-tag{border-radius:999px!important;background:var(--tone-chamber-bg)!important;color:var(--tone-chamber)!important;font-size:12.5px!important}
body.abx #memberGrid .member-desc{font-size:14.5px!important;color:var(--abx-ink-2)!important;line-height:1.5}
body.abx #memberGrid .mem-act{border-radius:999px!important;min-height:40px;min-width:40px}

/* ------------------------------------------------------- 12. events */
body.abx .evc-wrap{background:#fff!important;border:1px solid var(--abx-line)!important;border-radius:var(--abx-r-card)!important;box-shadow:none!important;padding:18px!important}
body.abx .evc-month{font-size:19px!important;font-weight:750!important;letter-spacing:-.02em;color:var(--abx-ink)!important}
body.abx .evc-nav,body.abx .evc-today{min-height:40px;min-width:40px;border-radius:12px!important;border:1px solid var(--abx-line)!important;background:#fff!important;color:var(--abx-ink)!important;box-shadow:none!important}
body.abx .evc-day{border-radius:12px!important}
body.abx .evc-day.sel,body.abx .evc-day[aria-pressed="true"]{background:var(--abx-blue)!important;color:#fff!important}
body.abx .evc-day.today .evc-n{color:var(--abx-blue)!important;font-weight:800}
body.abx .evc-list{display:grid!important;gap:10px!important}
body.abx .evc-row{display:flex!important;align-items:center;gap:14px;width:100%;padding:12px 16px!important;background:#fff!important;border:1px solid var(--abx-line)!important;border-radius:var(--abx-r-tile)!important;text-align:left;box-shadow:none!important}
body.abx .evc-row:hover{border-color:#CBD3C6!important;box-shadow:var(--abx-shadow-2)!important}
body.abx .evc-when{flex:0 0 58px;width:58px;height:62px;border-radius:14px;background:var(--tone-events-bg)!important;color:var(--tone-events)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center}
body.abx .evc-when b{font-size:22px!important;font-weight:800!important;line-height:1}
body.abx .evc-when span{font-size:12px!important;font-weight:700!important;letter-spacing:.08em}
body.abx .evc-rt b{font-size:16.5px!important;color:var(--abx-ink)!important;font-weight:700!important}
body.abx .evc-rt span{font-size:14.5px!important;color:var(--abx-ink-2)!important}
body.abx .ev-controls button,body.abx .ev-chip,body.abx .ev-filter{border-radius:999px!important}

/* --------------------------------------------------------- 13. modals */
body.abx .ab-modal,body.abx .abm-panel,body.abx #abModal .abm-card{border-radius:24px!important}

/* ------------------------------------------------------ 14. utilities */
body.abx .abx-gateway{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--abx-blue-soft);border:1px solid #CADBF8;border-radius:var(--abx-r-card)}
@media (prefers-reduced-motion:reduce){body.abx .page *{transition:none!important}}

/* --------------------------------------------- 15. page-level refinements */
/* stat values: never split a word ("Monthly"), calmer size in narrow columns */
body.abx .page .cs-n{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;font-size:clamp(22px,1.9vw,28px)!important;white-space:nowrap}
/* hero primary action: always the solid blue pill (EconDev's inline orange gradient included) */
body.abx .dash-hero.abx-v306 .dash-hero-cta>.btn:first-child,body.abx .dash-hero.abx-v306 .dash-hero-cta>a:first-child{background:var(--abx-blue)!important;color:#fff!important;border:0!important;box-shadow:none!important}
body.abx .dash-hero.abx-v306 .dash-hero-cta>.btn:first-child:hover{background:var(--abx-blue-hover)!important}
/* numbered/text glyphs inside icon tiles follow the tile tint (were white on the old gradient) */
body.abx .abx-icon-tile span[style*="color:#fff"],body.abx .qa-icon span[style*="color:#fff"],body.abx .abx-avatar span[style*="color:#fff"]{color:inherit!important}
/* Downtown: crimson stat numbers and links → site ink and link blue */
body.abx #page-city-downtown div[style*="color:#e11d48"],body.abx #page-city-downtown span[style*="color:#e11d48"]{color:var(--abx-ink)!important}
body.abx #page-city-downtown a:not(.btn)[style*="color:#e11d48"]{color:var(--abx-blue)!important}
/* New to Burbank roadmap: no gradient bar or corner glow; soft tinted icon */
body.abx .roadmap-card{border:1px solid var(--abx-line)!important;border-radius:var(--abx-r-tile)!important;box-shadow:none!important;transform:none!important}
body.abx .roadmap-card:before,body.abx .roadmap-card:after{display:none!important}
body.abx .roadmap-card:hover{border-color:#CBD3C6!important;box-shadow:var(--abx-shadow-2)!important}
body.abx .roadmap-card .rc-ic{border-radius:14px!important;background:color-mix(in srgb,var(--rc-tint,#205CC5) 12%,#fff)!important;color:color-mix(in srgb,var(--rc-tint,#205CC5) 80%,#000)!important;box-shadow:none!important;transform:none!important}
body.abx .roadmap-card .rc-step{border-radius:999px!important;color:color-mix(in srgb,var(--rc-tint,#205CC5) 60%,#000)!important}
body.abx .roadmap-card .rc-title{font-size:16px!important}
/* Ask Burbank+ and other banner calls to action: pill, one line */
body.abx .page .banner-cta{display:inline-flex!important;align-items:center;gap:6px;min-height:44px;padding:0 18px!important;border-radius:999px!important;white-space:nowrap;box-shadow:none!important}
/* event cards (Chamber events, Events grid): soft corners, pill actions */
body.abx .page .ev-card,body.abx .page .chev-card,body.abx .page [class*="event-card"]{border-radius:var(--abx-r-tile)!important;overflow:hidden}
body.abx .page .ev-card .btn,body.abx .page [class*="event-card"] .btn,body.abx .page [class*="event-card"] button{border-radius:999px!important}
/* buttons inside interior pages follow the homepage: pills */
body.abx .page .btn{border-radius:999px!important}
body.abx .page .btn:not(.ghost):not(.secondary){box-shadow:none!important}
@media (max-width:760px){
  body.abx .page .chamber-hero{grid-template-columns:minmax(0,1fr)!important}
  body.abx .page .chamber-hero-img{order:-1;min-height:190px!important}
  body.abx .page .chamber-hero-body{padding:20px!important}
}
/* utility-page primary buttons (Near me, Passport, Brief) */
body.abx .page .nm-go{border-radius:999px!important;box-shadow:none!important;background:var(--abx-blue)!important;min-height:48px;padding:0 22px!important}
body.abx .page .nm-go:hover{background:var(--abx-blue-hover)!important}

/* --------------------------------------------- 16. shared detail modal */
body.abx .ab-modal{background:#fff!important}
body.abx .ab-modal:before,body.abx .ab-modal:after{display:none!important}
body.abx .ab-modal-head{gap:12px!important;align-items:center}
body.abx .ab-modal-icon{width:44px!important;height:44px!important;border-radius:14px!important;background:var(--abx-blue-soft)!important;color:var(--abx-blue)!important;box-shadow:none!important}
body.abx .ab-modal-icon:before,body.abx .ab-modal-icon:after{display:none!important}
body.abx .ab-modal-title{font-size:21px!important;font-weight:750!important;letter-spacing:-.02em!important;color:var(--abx-ink)!important}
body.abx .ab-modal-close{width:40px!important;height:40px!important;border-radius:50%!important;background:#fff!important;border:1px solid var(--abx-line)!important;color:var(--abx-ink-2)!important;box-shadow:none!important}
body.abx .ab-modal-close:hover{background:var(--abx-bg)!important;color:var(--abx-ink)!important}
body.abx .ab-modal-body{font-size:15px;line-height:1.6;color:var(--abx-ink-2)}
body.abx .ab-modal .sd-table{display:flex!important;flex-direction:column;margin:12px 0 0!important;border:1px solid var(--abx-line)!important;border-radius:16px!important;overflow:hidden;background:#fff!important}
body.abx .ab-modal .sd-table .sd-row{display:grid!important;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--abx-line-2)!important;background:#fff!important;border-radius:0!important}
body.abx .ab-modal .sd-table .sd-row:last-child{border-bottom:0!important}
body.abx .ab-modal .sd-table .sd-cell{padding:0!important;background:none!important;border:0!important;border-radius:0!important;font-size:15px;color:var(--abx-ink);text-align:left!important;min-width:0}
body.abx .ab-modal .sd-table .sd-cell strong{font-size:13.5px;font-weight:600;color:var(--abx-ink-2)}
body.abx .ab-modal .sd-table a{color:var(--abx-blue)!important}
body.abx .ab-modal .evm-btn{display:inline-flex!important;align-items:center;gap:8px;min-height:44px;padding:0 16px!important;border-radius:999px!important;border:1.5px solid #CADBF8!important;background:#fff!important;color:var(--abx-blue)!important;font-weight:600!important;font-size:14.5px!important;box-shadow:none!important}
body.abx .ab-modal .evm-btn:hover{background:var(--abx-blue-soft)!important;border-color:var(--abx-blue)!important}
body.abx .ab-modal [style*="background:#fffbeb"]{border-radius:12px!important;background:#FFF8E6!important;border-color:#F1DFA6!important;color:#7A5300!important}
body.abx .ab-modal-actions{border-top:1px solid var(--abx-line-2)!important}
body.abx .ab-modal-btn.primary{border-radius:999px!important;background:var(--abx-blue)!important;box-shadow:none!important;min-height:44px;padding:0 22px!important;transform:none!important}
body.abx .ab-modal-btn.primary:hover{background:var(--abx-blue-hover)!important}
@media (max-width:600px){body.abx .ab-modal .sd-table .sd-row{grid-template-columns:minmax(0,1fr);gap:2px}}
body.abx .ab-modal-body>div[style*="text-transform:uppercase"][style*="#fef3c7"]{border-radius:999px!important;font:650 12.5px/1 var(--abx-font,inherit)!important;letter-spacing:0!important;text-transform:none!important;padding:6px 12px!important;background:#FFF6DC!important;border-color:#F1DFA6!important;color:#7A5300!important}
body.abx .ab-modal button.ab-modal-btn,body.abx .ab-modal button.ab-modal-btn.primary{border-radius:999px!important}

/* ---------------------------------------------- 17. every pop-up card
   One surface for every overlay: white card, 24px corners, hairline border, soft shadow, 40px round close,
   tinted icon tiles, rounded fact cells, pill actions, sentence-case labels. */
body.abx .mem-modal,body.abx .ab-share-scrim{background:rgba(25,36,31,.42)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.abx .mem-modal-card,body.abx .ab-share-card{background:#fff!important;border:1px solid var(--abx-line)!important;border-radius:24px!important;box-shadow:var(--abx-shadow-3)!important;overflow:hidden}
body.abx .ab-share-card:before,body.abx .ab-share-card:after,body.abx .ab-modal-hero:before,body.abx .ab-modal-hero:after{display:none!important}
/* round close buttons */
body.abx .mem-close,body.abx #panel .panel-close,body.abx .ab-share-x,body.abx .ab-modal-close{width:40px!important;height:40px!important;border-radius:50%!important;background:#fff!important;border:1px solid var(--abx-line)!important;color:var(--abx-ink-2)!important;box-shadow:0 1px 3px rgba(25,36,31,.12)!important;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.abx .mem-close{font-size:22px!important;font-weight:400!important;line-height:1!important}
body.abx .mem-close:hover,body.abx #panel .panel-close:hover,body.abx .ab-share-x:hover{background:var(--abx-bg)!important;color:var(--abx-ink)!important}

/* event detail */
body.abx .ab-modal.event-modal{border-radius:24px!important}
body.abx .evm-root{gap:0}
body.abx .evm-simple-head{display:flex!important;align-items:center;gap:16px;padding:24px 72px 6px 24px!important;background:none!important;border:0!important}
body.abx .evm-hero-date{border-radius:16px!important;border:0!important;box-shadow:none!important;background:color-mix(in srgb,var(--evm-tint,#205CC5) 12%,#fff)!important;min-width:64px!important;padding:9px 10px!important}
body.abx .evm-hero.evm-hero-art .evm-hero-date{background:#fff!important}
body.abx .evm-d-mo{color:color-mix(in srgb,var(--evm-tint,#205CC5) 70%,#000)!important;font-size:12px!important;font-weight:750!important;letter-spacing:.08em!important}
body.abx .evm-d-day{color:var(--abx-ink)!important;font-size:26px!important;font-weight:780!important;line-height:1.05!important}
body.abx .evm-d-dow{color:var(--abx-ink-2)!important;font-size:11.5px!important;font-weight:650!important;letter-spacing:.06em!important}
body.abx .evm-simple-tag,body.abx .evm-hero-tag{display:inline-flex!important;align-items:center;border-radius:999px!important;padding:4px 11px!important;font:650 12.5px/1.1 var(--abx-font,inherit)!important;letter-spacing:0!important;text-transform:none!important;background:color-mix(in srgb,var(--evm-tint,#205CC5) 12%,#fff)!important;color:color-mix(in srgb,var(--evm-tint,#205CC5) 62%,#000)!important;border:0!important;box-shadow:none!important;margin-bottom:6px}
body.abx .evm-simple-title{font:750 24px/1.2 var(--abx-font,inherit)!important;letter-spacing:-.02em!important;color:var(--abx-ink)!important}
body.abx .evm-hero{border-radius:20px!important;margin:12px 12px 0!important}
body.abx .evm-rows{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:18px 24px 4px!important}
body.abx .evm-row{display:flex!important;align-items:flex-start;gap:12px!important;padding:12px 14px!important;border-radius:16px!important;background:var(--abx-bg)!important;border:1px solid var(--abx-line-2)!important;box-shadow:none!important;min-width:0}
body.abx .evm-row-ic{flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:12px!important;display:inline-flex!important;align-items:center;justify-content:center;background:color-mix(in srgb,var(--evm-tint,#205CC5) 13%,#fff)!important;color:color-mix(in srgb,var(--evm-tint,#205CC5) 70%,#000)!important;box-shadow:none!important}
body.abx .evm-row-ic svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
body.abx .evm-row-lbl{font:600 12.5px/1.3 var(--abx-font,inherit)!important;letter-spacing:0!important;text-transform:none!important;color:var(--abx-ink-2)!important;margin-bottom:2px}
body.abx .evm-row-val{font:600 15px/1.4 var(--abx-font,inherit)!important;color:var(--abx-ink)!important;overflow-wrap:anywhere}
body.abx .evm-desc{padding:14px 24px 0!important;font-size:15px!important;line-height:1.6!important;color:var(--abx-ink-2)!important}
body.abx .evm-tags{display:flex!important;flex-wrap:wrap;gap:6px!important;padding:12px 24px 0!important}
body.abx .evm-tag{border-radius:999px!important;padding:4px 11px!important;font:600 12.5px/1.1 var(--abx-font,inherit)!important;background:#F1F3EF!important;color:var(--abx-ink-2)!important;border:0!important;text-transform:none!important;letter-spacing:0!important}
body.abx .evm-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:18px 24px 6px!important}
body.abx .ab-modal .evm-btn{justify-content:center;width:100%}
body.abx .ab-modal .evm-btn.primary{background:var(--abx-blue)!important;border-color:var(--abx-blue)!important;color:#fff!important}
body.abx .ab-modal .evm-btn.primary:hover{background:var(--abx-blue-hover)!important}
body.abx .ab-modal .evm-btn svg{width:17px!important;height:17px!important;flex:0 0 auto}
body.abx .evm-foot{padding:10px 24px 22px!important;font-size:13px!important;color:var(--abx-ink-2)!important;border:0!important;background:none!important}
@media (max-width:600px){body.abx .evm-rows,body.abx .evm-actions{grid-template-columns:minmax(0,1fr)!important;padding-left:18px!important;padding-right:18px!important}body.abx .evm-simple-head{padding:20px 64px 4px 18px!important}body.abx .evm-desc,body.abx .evm-tags,body.abx .evm-foot{padding-left:18px!important;padding-right:18px!important}}

/* modal hero (meetings and other headed modals): light header, photo fades in from the right */
body.abx .ab-modal.has-hero .ab-modal-hero{background:linear-gradient(90deg,#fff 0%,#fff 48%,rgba(255,255,255,.6) 72%,rgba(255,255,255,.15) 100%),var(--hero-img,none) right center/cover no-repeat,var(--abx-blue-soft)!important;color:var(--abx-ink)!important;min-height:120px;padding:26px 72px 22px 26px!important;border-bottom:1px solid var(--abx-line-2)!important;border-radius:0!important}
body.abx .ab-modal-hero-title{font:750 25px/1.15 var(--abx-font,inherit)!important;letter-spacing:-.02em!important;color:var(--abx-ink)!important;text-shadow:none!important;margin:0!important}
body.abx .ab-modal-hero-sub{font-size:15px!important;color:var(--abx-ink-2)!important;text-shadow:none!important}
body.abx .ab-modal-hero-graphic,body.abx .ab-modal-hero-clouds{display:none!important}
/* meetings list */
body.abx .mtg-week-hdr{font-size:12px!important;font-weight:700!important;letter-spacing:.14em!important;color:var(--abx-ink-2)!important;margin:6px 0 8px!important}
body.abx .mtg-row{display:flex!important;gap:14px!important;padding:14px 16px!important;margin:0 0 10px!important;border:1px solid var(--abx-line)!important;border-left:1px solid var(--abx-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
body.abx .mtg-row:before,body.abx .mtg-row:after{display:none!important}
body.abx .mtg-date{flex:0 0 56px!important;width:56px!important;min-height:60px;border-radius:14px!important;border:0!important;background:color-mix(in srgb,var(--mtg-dot,#205CC5) 12%,#fff)!important;box-shadow:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center}
body.abx .mtg-mo{font-size:11.5px!important;font-weight:750!important;letter-spacing:.08em!important;color:color-mix(in srgb,var(--mtg-dot,#205CC5) 70%,#000)!important}
body.abx .mtg-d{font-size:22px!important;font-weight:780!important;color:var(--abx-ink)!important;line-height:1.05!important}
body.abx .mtg-title{font:700 16.5px/1.3 var(--abx-font,inherit)!important;color:var(--abx-ink)!important}
body.abx .mtg-sub{font-size:14px!important;color:var(--abx-ink-2)!important}
body.abx .mtg-meta{display:flex!important;flex-wrap:wrap;gap:6px!important;margin-top:6px!important}
body.abx .mtg-chip{border-radius:999px!important;padding:4px 10px!important;font:600 12.5px/1.1 var(--abx-font,inherit)!important;letter-spacing:0!important;text-transform:none!important;border:0!important;background:#F1F3EF!important;color:var(--abx-ink-2)!important}
body.abx .mtg-chip-cat{background:color-mix(in srgb,var(--mtg-dot,#205CC5) 12%,#fff)!important;color:color-mix(in srgb,var(--mtg-dot,#205CC5) 62%,#000)!important}
body.abx .mtg-chip-cancelled{background:#FCE9E7!important;color:#9B1C12!important}
body.abx .mtg-actions{display:flex!important;flex-wrap:wrap;gap:8px!important;margin-top:10px!important}
body.abx .mtg-link{display:inline-flex!important;align-items:center;gap:6px;min-height:38px;padding:0 14px!important;border-radius:999px!important;border:1.5px solid #CADBF8!important;background:#fff!important;color:var(--abx-blue)!important;font:600 14px/1 var(--abx-font,inherit)!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer}
body.abx .mtg-link:hover{background:var(--abx-blue-soft)!important;border-color:var(--abx-blue)!important}
body.abx .mtg-link.mtg-cal{background:var(--abx-blue)!important;border-color:var(--abx-blue)!important;color:#fff!important}
body.abx .mtg-foot{font-size:13px!important;color:var(--abx-ink-2)!important}

/* Chamber member detail */
body.abx .mem-modal-card{max-width:540px!important}
body.abx .mem-hero{height:150px!important;margin:12px 12px 0!important;border-radius:16px!important;background:var(--abx-bg)!important;border:1px solid var(--abx-line-2)!important}
body.abx .mem-hero-img{inset:14px!important;border-radius:10px!important}
body.abx .mem-hero-shade{display:none!important}
body.abx .mem-badge{border-radius:999px!important;font:650 12.5px/1 var(--abx-font,inherit)!important;letter-spacing:0!important;text-transform:none!important;background:#FFF6DC!important;color:#7A5300!important;border:1px solid #F1DFA6!important;padding:6px 12px!important;box-shadow:none!important}
body.abx .mem-body{padding:18px 24px 22px!important}
body.abx .mem-name{font:750 24px/1.2 var(--abx-font,inherit)!important;letter-spacing:-.02em!important;color:var(--abx-ink)!important}
body.abx .mem-cats{font:600 13.5px/1.3 var(--abx-font,inherit)!important;letter-spacing:0!important;text-transform:none!important;color:var(--tone-chamber,#51408B)!important}
body.abx .mem-desc{font:400 15px/1.6 var(--abx-font,inherit)!important;color:var(--abx-ink-2)!important}
body.abx .mem-contact{gap:0!important;border:1px solid var(--abx-line)!important;border-radius:16px!important;padding:0!important;overflow:hidden}
body.abx .mem-contact-row{padding:12px 14px!important;border-bottom:1px solid var(--abx-line-2)!important;color:var(--abx-ink)!important;font:500 15px/1.45 var(--abx-font,inherit)!important;border-radius:0!important;background:#fff!important}
body.abx .mem-contact-row:last-child{border-bottom:0!important}
body.abx a.mem-contact-row{color:var(--abx-blue)!important}
body.abx a.mem-contact-row:hover{background:var(--abx-bg)!important}
body.abx .mem-contact-row.phone{font-weight:650!important;font-size:15.5px!important}
/* emoji glyphs → line icons (the emoji stays in the DOM for screen readers' surrounding text, visually replaced) */
body.abx .mem-contact-icon{font-size:0!important;width:18px!important;height:18px!important;flex:0 0 18px!important;opacity:1!important;background:var(--abx-ink-2);-webkit-mask:var(--abx-mi) center/18px 18px no-repeat;mask:var(--abx-mi) center/18px 18px no-repeat;
  --abx-mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}
body.abx a.mem-contact-row[href^="http"] .mem-contact-icon{--abx-mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E")}
body.abx a.mem-contact-row[href*="maps"] .mem-contact-icon{--abx-mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
body.abx a.mem-contact-row[href^="tel:"] .mem-contact-icon{--abx-mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
body.abx a.mem-contact-row[href^="mailto:"] .mem-contact-icon{--abx-mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E")}
@media (max-width:480px){body.abx .mem-modal-card{border-radius:24px 24px 0 0!important}}

/* business / sponsor side panel */
body.abx #panel.panel{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid var(--abx-line)!important;border-top:1px solid var(--abx-line)!important;overflow-x:hidden}
body.abx #panel.panel:before,body.abx #panel.panel:after{display:none!important}
body.abx #panel .panel-img{margin:12px 12px 0!important;border-radius:16px!important;height:210px!important;background-color:var(--abx-bg)!important}
body.abx #panel .panel-img:before,body.abx #panel .panel-img:after{display:none!important}
body.abx #panel .panel-close{top:12px!important;right:12px!important}
body.abx #panel .panel-body{padding:18px 24px 26px!important}
body.abx #panel .panel-body h2{font:750 24px/1.2 var(--abx-font,inherit)!important;letter-spacing:-.02em!important;color:var(--abx-ink)!important;margin:6px 0 4px!important}
body.abx #panel .meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px!important;color:var(--abx-ink-2)!important}
body.abx #panel .meta-row .pill{border-radius:999px!important;padding:4px 11px!important;font:600 12.5px/1.1 var(--abx-font,inherit)!important;background:#F1F3EF!important;color:var(--abx-ink-2)!important;border:0!important;letter-spacing:0!important;text-transform:none!important}
body.abx #panel .meta-row [style*="background"]{border-radius:999px!important}
body.abx #panel .star{color:#9A6400!important;font-weight:650}
body.abx #panel .desc{font-size:15px!important;line-height:1.6!important;color:var(--abx-ink-2)!important}
body.abx #panel .info-grid{gap:10px!important}
body.abx #panel .info-tile{border-radius:16px!important;background:var(--abx-bg)!important;border:1px solid var(--abx-line-2)!important;box-shadow:none!important;padding:12px 14px!important}
body.abx #panel .info-tile .lbl{font:600 12.5px/1.3 var(--abx-font,inherit)!important;letter-spacing:0!important;text-transform:none!important;color:var(--abx-ink-2)!important}
body.abx #panel .info-tile .val{font:650 15px/1.4 var(--abx-font,inherit)!important;color:var(--abx-ink)!important}
body.abx #panel .actions{display:flex!important;flex-wrap:wrap;gap:8px!important}
body.abx #panel .actions .btn,body.abx #panel .adb-act{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px!important;border-radius:999px!important;border:1.5px solid #CADBF8!important;background:#fff!important;color:var(--abx-blue)!important;font:600 14.5px/1 var(--abx-font,inherit)!important;text-decoration:none!important;box-shadow:none!important}
body.abx #panel .actions .btn.primary,body.abx #panel .adb-act:first-child{background:var(--abx-blue)!important;border-color:var(--abx-blue)!important;color:#fff!important}
body.abx #panel .adb-chip{border-radius:999px!important;padding:4px 11px!important;font:600 12.5px/1.1 var(--abx-font,inherit)!important;letter-spacing:0!important;text-transform:none!important;background:#F1F3EF!important;color:var(--abx-ink-2)!important;border:0!important}
body.abx #panel .adb-rows{border:1px solid var(--abx-line)!important;border-radius:16px!important;overflow:hidden;margin:12px 0!important;padding:0!important;background:#fff!important}
body.abx #panel .adb-row{display:grid!important;grid-template-columns:20px 84px minmax(0,1fr);align-items:center;gap:10px!important;padding:11px 14px!important;border-bottom:1px solid var(--abx-line-2)!important;background:none!important}
body.abx #panel .adb-row:last-child{border-bottom:0!important}
body.abx #panel .adb-ico{color:var(--abx-ink-2)!important;background:none!important;width:18px;height:18px}
body.abx #panel .adb-lbl{font:600 12.5px/1.3 var(--abx-font,inherit)!important;letter-spacing:0!important;text-transform:none!important;color:var(--abx-ink-2)!important}
body.abx #panel .adb-val,body.abx #panel .adb-val a{font-size:15px!important;color:var(--abx-blue)!important;font-weight:550!important;overflow-wrap:anywhere}
body.abx #panel .adb-acts{display:flex!important;flex-wrap:wrap;gap:8px!important}
body.abx #panel .adb-src,body.abx #panel .adpanel-foot{font-size:13px!important;color:var(--abx-ink-2)!important;border-color:var(--abx-line-2)!important}
@media (max-width:760px){body.abx #panel.panel{border-radius:24px 24px 0 0!important}}

/* share sheet */
body.abx .ab-share-card{padding:20px 22px 22px!important;max-width:440px}
body.abx .ab-share-head{display:flex;align-items:center;gap:10px;padding:0 44px 0 0!important;border:0!important}
body.abx .ab-share-eyebrow{font-size:12px!important;font-weight:700!important;letter-spacing:.14em!important;color:var(--abx-ink-2)!important}
body.abx .ab-share-title{font:750 19px/1.25 var(--abx-font,inherit)!important;color:var(--abx-ink)!important;letter-spacing:-.01em}
body.abx .ab-share-preview{border-radius:14px!important;background:var(--abx-bg)!important;border:1px solid var(--abx-line-2)!important;border-left:1px solid var(--abx-line-2)!important;color:var(--abx-ink-2)!important;font-size:14px!important;padding:10px 12px!important}
body.abx .ab-share-grid{gap:10px!important}
body.abx .ab-share-item{border-radius:16px!important;border:1px solid var(--abx-line)!important;background:#fff!important;box-shadow:none!important;color:var(--abx-ink)!important;font:600 13px/1.2 var(--abx-font,inherit)!important;padding:12px 6px!important;transform:none!important}
body.abx .ab-share-item:hover{background:var(--abx-bg)!important;border-color:#CFD7CB!important}
body.abx .ab-share-ic{border-radius:12px!important;box-shadow:none!important}
body.abx .ab-share-x{position:absolute!important;top:14px!important;right:14px!important}
body.abx #panel .meta-row span[class]:not(.star),body.abx #panel .meta-row span[style*="background"]{border-radius:999px!important}
/* header: no gradient hairline frame around the menu bar */
body.abx .v2-topbar:before,body.abx #abxHeader:before{display:none!important}

/* ------------------------------------------ 18. icon-left tabs and pills
   Water & Power section tabs (and any tab pill): icon left of the label, comfortable side padding. */
body.abx #bwp-jump .bwp-jump-row{display:flex!important;flex-wrap:wrap;gap:8px!important;grid-template-columns:none!important}
body.abx #bwp-jump .bwp-jump-btn{flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px;padding:0 18px 0 14px!important;border-radius:999px!important;font:600 15px/1.1 var(--abx-font,inherit)!important;letter-spacing:0!important;white-space:nowrap;overflow:visible!important;transform:none!important}
body.abx #bwp-jump .bwp-jump-btn::before{display:none!important}
body.abx #bwp-jump .bwp-ico{width:18px!important;height:18px!important;flex:0 0 18px!important;margin:0!important}
@media (max-width:760px){
  body.abx #bwp-jump .bwp-jump-row{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;padding:0 2px 2px!important}
  body.abx #bwp-jump .bwp-jump-btn{flex:0 0 auto!important;padding:0 16px 0 12px!important;font-size:14.5px!important}
}

/* ------------------------------------------------ 19. homepage: Robbie in the hero */
body.abx .abx-hero-sub{margin-bottom:16px!important}
body.abx .abx-hero-hi{display:flex;align-items:center;gap:12px;margin:0 0 18px;max-width:520px;position:relative;z-index:3}
body.abx .abx-hero-hi .abx-robbie-face{width:52px!important;height:52px!important;flex:0 0 52px;box-shadow:0 0 0 3px #fff,0 4px 12px rgba(25,36,31,.16)!important}
body.abx .abx-hero-hi-text{margin:0;padding:11px 15px;background:rgba(255,255,255,.94);border:1px solid var(--abx-line);border-radius:18px 18px 18px 6px;font-size:15px;line-height:1.45;color:var(--abx-ink-2)}
body.abx .abx-hero-hi-text strong{color:var(--abx-ink);font-weight:700}
body.abx .abx-hero .abx-hero-robbie{display:block;height:min(56%,250px)!important;right:26px!important;bottom:-4px!important}
@media (max-width:1180px){body.abx .abx-hero .abx-hero-robbie{height:min(44%,190px)!important}}
@media (max-width:960px){
  body.abx .abx-hero .abx-hero-robbie{display:none!important}
  body.abx .abx-hero-hi{margin-bottom:14px}
  body.abx .abx-hero-hi .abx-robbie-face{width:44px!important;height:44px!important;flex-basis:44px}
  body.abx .abx-hero-hi-text{font-size:14.5px}
}
/* hero Ask Robbie button keeps its pill shape when it stretches full width on phones */
body.abx .abx-ask .ab-hero-form-btn,body.abx .ab-hero-form .ab-hero-form-btn{border-radius:999px!important}
@media (max-width:600px){
  body.abx #panel .adb-row{grid-template-columns:20px minmax(0,1fr)!important;row-gap:2px!important}
  body.abx #panel .adb-ico{grid-row:1 / span 2}
  body.abx #panel .adb-lbl,body.abx #panel .adb-val{grid-column:2}
}

/* ------------------------------------------------ 20. Robbie window 25% larger (desktop)
   v304: min(580px, column - 24px) wide × min(760px, viewport) tall → now 725px × 950px, still never wider than
   the centre column and never taller than the space under the header. Phones stay full screen. */
@media (min-width:961px){
  body.abx #robbieWidget.robbie-widget{width:min(725px,calc(var(--abx-cw,820px) - 24px))!important;height:min(950px,calc(100vh - var(--abx-header-h) - 2*var(--abx-pad) - 24px))!important}
}

/* ------------------------------------------------ 21. Maps on every pop-up card that shows an address
   Event, business, member and sponsor/business panel cards: a live map of the address under the details
   (Google keyless embed; Google draws the pin, labels and attribution). */
body.abx .abx-addr-map{position:relative;display:block;margin:14px 0 4px;height:210px;overflow:hidden;border-radius:16px;border:1px solid var(--abx-line,#E3E6DF);background:#E8ECE6 linear-gradient(90deg,rgba(25,36,31,.045) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(rgba(25,36,31,.045) 1px,transparent 1px) 0 0/28px 28px;isolation:isolate}
body.abx .abx-addr-map iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;opacity:0;transition:opacity .3s}
body.abx .abx-addr-map.is-ready iframe{opacity:1}
body.abx #panel .abx-addr-map{margin:12px 0 6px;height:190px}
body.abx .evm-root .abx-addr-map{margin:16px 0 6px}
@media (max-width:520px){ body.abx .abx-addr-map{height:180px;border-radius:14px} }
@media (prefers-reduced-motion:reduce){ body.abx .abx-addr-map iframe{transition:none} }
@media print{ body.abx .abx-addr-map{display:none} }

/* ------------------------------------------------ 22. No blank scroll past the footer
   On desktop the page scrolls inside <body> (html, body {height:100%; overflow-x:hidden}). The visually-hidden
   "current section" note is appended at the end of <body> with no top/left, so it sat ~a page below the
   viewport, outside the body's scroll box, and gave the window a second scroll into empty space under the
   footer. Pin visually-hidden helpers to the top so they never extend the page. */
body.abx .abx-sr,body.abx .sr-only,body.abx .visually-hidden{top:0!important;left:0!important}

/* ------------------------------------------------ 23. Explore Map: Chamber members only (ab-map-v306.js) */
body.abx #leafletMap .abm-osm{filter:saturate(.72) brightness(1.03) contrast(.96)}
body.abx #leafletMap canvas{max-width:none!important;max-height:none!important} /* the site-wide canvas{max-width:100%} collapsed Leaflet's canvas layer to 0px */
body.abx .abm-swatch{display:inline-block;width:14px!important;height:14px!important;min-width:14px;border-radius:50%!important;background:var(--abm-c)!important;border:2px solid #fff!important;box-shadow:0 0 0 1px rgba(25,36,31,.18)}
body.abx #mapFilterDrop [data-mfilter]{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 12px;border:0;background:transparent;border-radius:10px;font:600 13.5px/1.2 var(--abx-font,inherit);color:var(--abx-ink,#19241F);text-align:left;cursor:pointer}
body.abx #mapFilterDrop [data-mfilter]:hover{background:var(--abx-surface-2,#F3F5F1)}
body.abx #mapFilterDrop [data-mfilter].active{background:var(--abx-blue-soft,#EAF1FC);color:var(--abx-blue,#1E5BBF)}
body.abx #mapFilterDrop [data-mfilter] .mf-label{flex:1;min-width:0}
body.abx #mapFilterDrop .abm-n{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--abx-ink-3,#6B7570);font-variant-numeric:tabular-nums}
body.abx #mapFilterDrop{max-height:min(460px,70vh);overflow-y:auto}
body.abx .abm-tip{padding:4px 9px;border:0;border-radius:8px;background:#19241F;color:#fff;font:600 12.5px/1.3 var(--abx-font,inherit);box-shadow:0 4px 14px rgba(25,36,31,.25)}
body.abx .abm-tip:before{border-top-color:#19241F!important}
body.abx .abm-popup .leaflet-popup-content-wrapper{padding:0;border-radius:16px;box-shadow:0 14px 40px rgba(25,36,31,.22)}
body.abx .abm-popup .leaflet-popup-content{margin:0;width:auto!important;min-width:240px}
body.abx .abm-pop{padding:14px 16px 14px;font-family:var(--abx-font,inherit);color:var(--abx-ink,#19241F)}
body.abx .abm-pop-head{display:flex;align-items:center;gap:11px;margin:0 22px 8px 0}
body.abx .abm-pop-logo{width:42px;height:42px;flex:0 0 42px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--abx-line,#E3E6DF)}
body.abx .abm-pop-ind{font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--abm-c)}
body.abx .abm-pop-name{font-size:16px;font-weight:750;line-height:1.25;letter-spacing:-.01em}
body.abx .abm-pop-row{font-size:13px;line-height:1.45;color:var(--abx-ink-2,#46524C);margin:2px 0}
body.abx .abm-pop-rating{font-weight:700;color:#B26B00}
body.abx .abm-pop-rating span{font-weight:500;color:var(--abx-ink-3,#6B7570)}
body.abx .abm-pop-acts{display:flex;gap:8px;margin-top:12px}
body.abx .abm-pop-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:999px;border:1.5px solid var(--abx-blue-bd,#BCD0F0);background:#fff;color:var(--abx-blue,#1E5BBF)!important;font:650 13px/1 var(--abx-font,inherit);text-decoration:none!important;cursor:pointer}
body.abx .abm-pop-primary{background:var(--abx-blue,#1E5BBF);border-color:var(--abx-blue,#1E5BBF);color:#fff!important}
body.abx .abm-pop-btn:focus-visible{outline:3px solid var(--abx-focus,#205CC5);outline-offset:2px}
body.abx .abm-pop-badge{margin-top:10px;font-size:11.5px;font-weight:650;color:var(--abx-ink-3,#6B7570)}
body.abx .abm-pop-btn{white-space:nowrap}
body.abx #mapFilterDrop{min-width:260px}
body.abx #mapFilterDrop [data-mfilter] .mf-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.abx #leafletMap .leaflet-control-attribution{font-size:10.5px!important;line-height:1.5!important;padding:1px 7px!important;background:rgba(255,255,255,.85)!important}

/* ------------------------------------------------ 24. Living Robbie (Higgsfield animation of the real mascot) */
body.abx .abx-hero .abx-hero-robbie-live{opacity:0;transition:opacity .25s ease}
body.abx .abx-hero .abx-hero-robbie-live.is-ready{opacity:1}
body.abx .abx-hero .abx-hero-robbie.abx-hero-robbie-still{visibility:hidden}
@media (prefers-reduced-motion:reduce){ body.abx .abx-hero .abx-hero-robbie-live{display:none!important} body.abx .abx-hero .abx-hero-robbie-still{visibility:visible!important} }

/* ------------------------------------------------ 25. Intro hero: meet Robbie (ab-hero-v306.js) */
body.abx .abx-intro{min-height:540px}
body.abx .abx-intro .abx-intro-media{position:absolute!important;inset:0!important;z-index:-1}
body.abx .abx-intro .abx-intro-bg,body.abx .abx-intro .abx-intro-bgvid{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:62% 50%;display:block;border-radius:0!important}
body.abx .abx-intro .abx-intro-bgvid{opacity:0;transition:opacity .8s ease}
body.abx .abx-intro .abx-intro-bgvid.is-on{opacity:1}
body.abx .abx-intro .abx-intro-media:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(247,245,239,.96) 0%,rgba(247,245,239,.9) 30%,rgba(247,245,239,.5) 50%,rgba(247,245,239,0) 66%)}
body.abx .abx-intro .abx-hero-copy{width:min(500px,57%)}
body.abx .abx-intro .abx-hero-title{font-size:clamp(40px,4.1vw,62px)!important}
body.abx .abx-intro .abx-hero-sub{max-width:38ch}
body.abx .abx-stage{position:absolute;z-index:2;right:4%;bottom:0;height:min(76%,410px);aspect-ratio:640/827}
body.abx .abx-stage .abx-stage-robbie{position:absolute;left:0;bottom:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;object-position:50% 100%;margin:0!important;border-radius:0!important;filter:drop-shadow(0 14px 18px rgba(25,36,31,.28));pointer-events:none}
body.abx .abx-stage .abx-stage-talk{opacity:0}
body.abx .abx-stage.is-talking-video .abx-stage-talk{opacity:1}
body.abx .abx-stage.is-talking-video img.abx-stage-robbie{visibility:hidden}
body.abx .abx-stage.is-talking:not(.is-talking-video) img.abx-stage-robbie{animation:abxTalkBob 1.1s ease-in-out infinite;transform-origin:50% 100%}
@keyframes abxTalkBob{0%,100%{transform:rotate(0) translateY(0)}30%{transform:rotate(-1.2deg) translateY(-3px)}65%{transform:rotate(1deg) translateY(-1px)}}
body.abx .abx-bubble{position:absolute;right:16%;bottom:calc(100% - 4%);width:max-content;max-width:min(300px,38vw);padding:13px 17px 14px;background:#fff;border:1px solid rgba(25,36,31,.08);border-radius:20px;box-shadow:0 2px 4px rgba(25,36,31,.06),0 14px 34px rgba(25,36,31,.16);z-index:3}
body.abx .abx-bubble:after{content:"";position:absolute;right:28%;bottom:-11px;width:22px;height:22px;background:#fff;border-right:1px solid rgba(25,36,31,.08);border-bottom:1px solid rgba(25,36,31,.08);transform:rotate(45deg) skew(8deg,8deg);border-radius:0 0 6px 0}
body.abx .abx-bubble-text{position:relative;z-index:1;margin:0!important;min-height:1.4em;font:650 16px/1.4 var(--abx-font,inherit)!important;letter-spacing:-.005em;color:var(--abx-ink,#19241F)!important}
body.abx .abx-bubble-text.typing:after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.15em;background:var(--abx-blue,#1E5BBF);animation:abxCaret .8s steps(1) infinite}
@keyframes abxCaret{50%{opacity:0}}
body.abx .abx-bubble.abx-pop-in{animation:abxPop .32s cubic-bezier(.2,.9,.3,1.25)}
@keyframes abxPop{from{transform:scale(.94) translateY(4px)}to{transform:none}}
body.abx .abx-hear{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:12px;min-height:40px;padding:0 15px 0 12px;border:1.5px solid var(--abx-blue-bd,#BCD0F0);border-radius:999px;background:rgba(255,255,255,.9);color:var(--abx-blue,#1E5BBF);font:650 14px/1 var(--abx-font,inherit);cursor:pointer}
body.abx .abx-hear[hidden]{display:none}
body.abx .abx-hear:hover{background:var(--abx-blue-soft,#EAF1FC)}
body.abx .abx-hear[aria-pressed="true"]{background:var(--abx-blue,#1E5BBF);border-color:var(--abx-blue,#1E5BBF);color:#fff}
body.abx .abx-hear:focus-visible{outline:3px solid var(--abx-focus,#205CC5);outline-offset:2px}
@media (max-width:1180px){ body.abx .abx-stage{height:min(62%,330px)} body.abx .abx-bubble{max-width:240px;right:8%} body.abx .abx-bubble-text{font-size:15px!important} }
@media (max-width:960px){
  body.abx .abx-intro{min-height:0}
  body.abx .abx-intro .abx-intro-media{position:relative!important;inset:auto!important;height:300px!important;order:-1;z-index:0}
  body.abx .abx-intro .abx-intro-media:after{background:linear-gradient(180deg,rgba(244,241,234,0) 62%,#F4F1EA 100%)}
  body.abx .abx-intro .abx-hero-copy{width:auto}
  body.abx .abx-stage{inset:0;height:auto;aspect-ratio:auto}
  body.abx .abx-stage .abx-stage-robbie{left:auto;right:12px;bottom:4px;height:88%!important;width:auto!important;aspect-ratio:640/827}
  body.abx .abx-bubble{left:12px;right:auto;top:14px;bottom:auto;max-width:min(52%,240px);padding:11px 14px 12px}
  body.abx .abx-bubble:after{right:-8px;left:auto;bottom:auto;top:58%;transform:rotate(-45deg) skew(8deg,8deg)}
  body.abx .abx-bubble-text{font-size:14.5px!important}
  body.abx .abx-hear{align-self:center}
}
@media (prefers-reduced-motion:reduce){ body.abx .abx-intro-bgvid,body.abx .abx-stage-talk{display:none!important} body.abx .abx-stage img.abx-stage-robbie{animation:none!important;visibility:visible!important} body.abx .abx-bubble.abx-pop-in,body.abx .abx-bubble-text.typing:after{animation:none!important} }

/* ------------------------------------------------ 26. Robbie moments */
body.abx .abx-face{position:relative;display:inline-block;flex:0 0 auto;border-radius:50%;overflow:hidden;background:#EAF1FC url('/robbie-mascot.png?v=3') 50% 6%/170% auto no-repeat;box-shadow:0 0 0 2px #fff,0 2px 8px rgba(25,36,31,.14);vertical-align:middle}
body.abx .abx-face video{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;margin:0!important;border-radius:0!important}
body.abx .abx-face-sm{width:30px;height:30px}
body.abx .abx-face-md{width:46px;height:46px}
body.abx .abx-face-lg{width:84px;height:84px;margin:0 auto 12px;display:block}
body.abx .abx-yay{display:inline-flex;align-items:center;gap:10px;margin:0 0 12px;padding:5px 16px 5px 5px;border-radius:999px;background:#F1F8E7;border:1px solid #CFE6B0;color:#2F5A0B;font:750 14.5px/1.2 var(--abx-font,inherit);animation:abxPop .4s cubic-bezier(.2,.9,.3,1.25) both}
body.abx .abx-season-robbie{position:absolute;z-index:3;right:5%;bottom:0;height:min(88%,330px);aspect-ratio:419/827;pointer-events:none}
body.abx .abx-season-robbie img,body.abx .abx-season-robbie video{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;object-position:50% 100%;margin:0!important;border-radius:0!important;filter:drop-shadow(0 12px 16px rgba(25,36,31,.25))}
body.abx .abx-season-robbie video{opacity:0;transition:opacity .25s}
body.abx .abx-season-robbie.is-live video{opacity:1}
body.abx .abx-season-robbie.is-live img{visibility:hidden}
body.abx .abx-season-bubble{position:absolute;right:80%;top:5%;width:max-content;max-width:190px;padding:9px 13px;border-radius:16px;background:#fff;box-shadow:0 10px 26px rgba(25,36,31,.16);font:700 13.5px/1.3 var(--abx-font,inherit);color:#7A3A00}
body.abx .abx-season .dash-hero-icon{display:none!important}
@media (max-width:960px){ body.abx .abx-season-robbie{height:210px} body.abx .abx-season-bubble{display:none} }
@media (max-width:640px){ body.abx .abx-season-robbie{display:none} }
@media (prefers-reduced-motion:reduce){ body.abx .abx-yay{animation:none} body.abx .abx-season-robbie video{display:none} body.abx .abx-season-robbie img{visibility:visible!important} }

/* ------------------------------------------------ 27. Gentle motion on photos (page headers, sponsor cards) */
body.abx .dash-hero .abx-hero-media .abx-motion{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;opacity:0;transition:opacity .9s ease;border-radius:0!important}
body.abx .dash-hero .abx-hero-media.abx-motion-on .abx-motion{opacity:1}
body.abx #v2AdRail .abx-ad-motion{position:absolute;inset:0;z-index:1;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;opacity:0;transition:opacity .6s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
body.abx #v2AdRail .v2-ad-img.abx-motion-on .abx-ad-motion{opacity:1}
body.abx #v2AdRail .v2-ad-static:hover .abx-ad-motion,body.abx #v2AdRail .v2-ad-static:focus-within .abx-ad-motion{transform:scale(1.05)}
@media (prefers-reduced-motion:reduce){ body.abx .abx-motion,body.abx .abx-ad-motion{display:none!important} }
body.abx .member-empty-rich .ee-more{color:#fff!important}

/* ------------------------------------------------ 28. Footer "Browse Ask Burbank" (real, crawlable links) */
body.abx .abx-browse{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:18px auto 0;padding:14px 0 4px;border-top:1px solid var(--abx-line,#E3E6DF);font-size:13.5px;line-height:1.4}
body.abx .abx-browse-t{flex:0 0 100%;font-weight:750;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--abx-ink-3,#6B7570)}
body.abx .abx-browse a{color:var(--abx-ink-2,#46524C);text-decoration:none;font-weight:600}
body.abx .abx-browse a:hover{color:var(--abx-blue,#1E5BBF);text-decoration:underline}

/* ------------------------------------------------ 29. A hint of blue (the v303 site sat on a cool #f6f8fc page) */
:root{
  --abx-bg:#EFF4FB; --bg-1:#EFF4FB; --bg-2:#E8EFF8; --bg-3:#DFE8F4;
  --abx-line:#DAE2EE; --abx-line-2:#E6ECF5; --line:#DAE2EE; --line-2:#E6ECF5;
  --abx-ivory:#EDF3FB;
}
body.abx .abx-hero{background:#E9F0FA}
body.abx .abx-hero-media:after{background:linear-gradient(90deg,#E9F0FA 0%,rgba(233,240,250,.94) 16%,rgba(233,240,250,.55) 36%,rgba(233,240,250,0) 60%)}
body.abx .abx-intro .abx-intro-media:after{background:linear-gradient(90deg,rgba(233,240,250,.96) 0%,rgba(233,240,250,.9) 30%,rgba(233,240,250,.5) 50%,rgba(233,240,250,0) 66%)}
@media (max-width:960px){
  body.abx .abx-hero-media:after{background:linear-gradient(180deg,rgba(233,240,250,0) 40%,#E9F0FA 100%)}
  body.abx .abx-intro .abx-intro-media:after{background:linear-gradient(180deg,rgba(233,240,250,0) 62%,#E9F0FA 100%)}
}

/* ------------------------------------------------ 30. Robbie's face is always a circle */
body.abx .abx-ask .ab-hero-form-btn .abx-robbie-face,body.abx .ab-hero-form-btn .abx-robbie-face{border-radius:50%!important;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 1px 3px rgba(0,0,0,.18)!important}

/* ------------------------------------------------ 32. Chamber member pop-up: wide, scrollable, two columns (ab-ui-v306.js §7) */
body.abx .mem-modal-card.abx-mem-wide{position:relative;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:min(90vh,820px)!important;scrollbar-width:thin}
body.abx .mem-modal.open .mem-modal-card.abx-mem-wide{animation:abxCardIn .42s cubic-bezier(.16,1,.3,1) both}
@keyframes abxCardIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
body.abx .mem-modal-card.abx-mem-wide>.mem-close{position:absolute!important;top:16px!important;right:16px!important;z-index:5;transition:transform .2s ease,background .2s ease}
body.abx .mem-modal-card.abx-mem-wide>.mem-close:hover{transform:rotate(90deg)}
body.abx .abx-mem-wide .mem-body{padding:0!important}
body.abx .abx-mem-wide .mem-hero{height:168px!important;margin:0 0 18px!important;border-radius:18px!important;background:radial-gradient(120% 140% at 0% 0%,#F3F7FE 0%,#EAF1FC 45%,#F6F3FF 100%)!important;border:1px solid #E1E9F6!important;box-shadow:inset 0 1px 0 #fff}
body.abx .abx-mem-wide .mem-hero-img{inset:18px 22px!important}
body.abx .abx-mem-wide .mem-badge{background:linear-gradient(180deg,#FFF7E0,#FDEFC4)!important;border:1px solid #EED89A!important;color:#6E4A00!important;box-shadow:0 2px 8px rgba(160,110,0,.14)!important}
body.abx .abx-mem-wide .mem-name{font:780 27px/1.15 var(--abx-font,inherit)!important;letter-spacing:-.025em!important;margin:0 0 8px!important}
body.abx .abx-mem-rate{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px!important;margin:0 0 10px!important;font-size:14px!important}
body.abx .abx-mem-rate>span:first-child{color:#B7791F!important}
body.abx .abx-mem-rate>span[style*="047857"]{border-radius:999px!important;padding:4px 10px!important;font-size:11.5px!important;letter-spacing:.04em}
body.abx .abx-mem-wide .mem-cats{display:inline-flex;margin:0 0 14px!important;padding:5px 12px;border-radius:999px;background:var(--tone-chamber-bg,#F0EDFA);border:1px solid var(--tone-chamber-bd,#D7CFF0);font-size:13px!important}
body.abx .abx-mem-wide .mem-desc{font-size:15.5px!important;line-height:1.65!important;margin:0 0 16px!important}
body.abx .abx-mem-acts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
body.abx .abx-mem-act{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 14px;border-radius:999px;border:1.5px solid #CADBF8;background:#fff;color:var(--abx-blue,#205CC5)!important;font:650 14.5px/1 var(--abx-font,inherit);text-decoration:none!important;white-space:nowrap;transition:transform .18s cubic-bezier(.2,.9,.3,1.2),background .18s,box-shadow .18s,border-color .18s}
body.abx .abx-mem-act:hover{background:var(--abx-blue-soft,#EDF3FE);border-color:var(--abx-blue,#205CC5);transform:translateY(-1px);box-shadow:0 6px 16px rgba(32,92,197,.14)}
body.abx .abx-mem-act:active{transform:scale(.97)}
body.abx .abx-mem-act.is-primary{background:var(--abx-blue,#205CC5);border-color:var(--abx-blue,#205CC5);color:#fff!important;box-shadow:0 6px 18px rgba(32,92,197,.28)}
body.abx .abx-mem-act.is-primary:hover{background:var(--abx-blue-hover,#1B50AD)}
body.abx .abx-mem-wide .mem-contact{border-radius:18px!important;box-shadow:0 1px 2px rgba(25,36,31,.04);margin:0 0 14px!important}
body.abx .abx-mem-wide .mem-contact-row{display:flex!important;align-items:center;gap:12px!important;padding:12px 14px!important;transition:background .16s ease}
body.abx .abx-mem-wide a.mem-contact-row>*{transition:translate .2s ease}
body.abx .abx-mem-wide a.mem-contact-row:hover{background:#F5F8FE!important}
body.abx .abx-mem-wide a.mem-contact-row:hover>*{translate:4px 0}  /* p18z30: the row's content moves by translate (its padding, animated, laid the row out on every frame) */
body.abx .abx-mem-wide .mem-contact-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:50%;background:#EAF1FC!important;-webkit-mask:none!important;mask:none!important;position:relative}
body.abx .abx-mem-wide .mem-contact-icon:after{content:"";position:absolute;inset:8px;background:var(--abx-blue,#205CC5);-webkit-mask:var(--abx-mi) center/18px 18px no-repeat;mask:var(--abx-mi) center/18px 18px no-repeat}
body.abx .abx-mem-wide div.mem-contact-row .mem-contact-icon{background:#EEF6E6!important}
body.abx .abx-mem-wide div.mem-contact-row .mem-contact-icon:after{background:#3F6B16}
body.abx .abx-mem-wide .abx-addr-map{margin:0!important;border-radius:18px!important;overflow:hidden}
body.abx .abx-mem-wide .mem-suggest{margin-top:6px}
body.abx .abx-mem-l>*,body.abx .abx-mem-r>*{animation:abxRise .5s cubic-bezier(.16,1,.3,1) both}
body.abx .abx-mem-l>*:nth-child(2),body.abx .abx-mem-r>*:nth-child(1){animation-delay:.05s}
body.abx .abx-mem-l>*:nth-child(3),body.abx .abx-mem-r>*:nth-child(2){animation-delay:.1s}
body.abx .abx-mem-l>*:nth-child(n+4),body.abx .abx-mem-r>*:nth-child(n+3){animation-delay:.15s}
@keyframes abxRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (min-width:880px){
  body.abx .mem-modal-card.abx-mem-wide{max-width:min(1040px,94vw)!important;width:min(1040px,94vw)!important}
  body.abx .abx-mem-wide .mem-body{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:28px;padding:22px 26px 26px!important}
  body.abx .abx-mem-wide .abx-mem-r{padding-top:58px}
  body.abx .abx-mem-wide .abx-addr-map iframe,body.abx .abx-mem-wide .abx-addr-map img{height:250px!important}
}
@media (max-width:879px){
  body.abx .abx-mem-wide .mem-body{display:flex!important;flex-direction:column;padding:12px 18px 22px!important}
  body.abx .abx-mem-wide .abx-mem-l,body.abx .abx-mem-wide .abx-mem-r{display:contents}
  body.abx .abx-mem-wide .mem-suggest{order:9}
  body.abx .abx-mem-wide .mem-hero{height:140px!important;margin:0 0 14px!important}
  body.abx .mem-modal-card.abx-mem-wide{max-height:92dvh!important}
  body.abx .mem-modal-card.abx-mem-wide>.mem-close{top:22px!important;right:28px!important}
}
@media (prefers-reduced-motion:reduce){ body.abx .mem-modal.open .mem-modal-card.abx-mem-wide,body.abx .abx-mem-l>*,body.abx .abx-mem-r>*{animation:none!important} }

/* ------------------------------------------------ 33. Share sheet (ab-ui-v306.js §8) */
body.abx .abx-share .ab-share-scrim{background:rgba(16,28,48,.48)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:0;transition:opacity .28s ease}
body.abx .abx-share.in .ab-share-scrim{opacity:1}
body.abx .abx-share .ab-share-card{width:min(468px,calc(100vw - 32px))!important;padding:20px 20px 18px!important;border-radius:28px!important;border:1px solid rgba(32,92,197,.10)!important;background:linear-gradient(180deg,#fff 0%,#FBFCFF 100%)!important;box-shadow:0 2px 6px rgba(16,28,48,.06),0 30px 80px -18px rgba(16,28,48,.42)!important;transform:translate(-50%,-44%) scale(.92)!important;opacity:0;transition:transform .5s cubic-bezier(.16,1.2,.3,1),opacity .25s ease!important}
body.abx .abx-share.in .ab-share-card{transform:translate(-50%,-50%) scale(1)!important;opacity:1}
body.abx .abx-sh-head{display:flex;align-items:center;gap:12px;margin:0 0 14px}
body.abx .abx-sh-av{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#fff url('/robbie-mascot.png?v=3') 50% 3%/285% auto no-repeat;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #CFE0F8,0 4px 12px rgba(32,92,197,.18)}
body.abx .abx-sh-av.is-logo{background:#fff url('/logo.png') center/78% auto no-repeat}
body.abx .abx-sh-ht{flex:1;min-width:0}
body.abx .abx-sh-eb{font:750 11.5px/1 var(--abx-font,inherit);letter-spacing:.16em;text-transform:uppercase;color:var(--abx-blue,#205CC5);margin-bottom:5px}
body.abx .abx-sh-ti{font:780 20px/1.15 var(--abx-font,inherit);letter-spacing:-.02em;color:var(--abx-ink,#19241F);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.abx .abx-share .abx-sh-head .ab-share-x{position:static!important;flex:0 0 40px;transition:transform .25s cubic-bezier(.2,.9,.3,1.3),background .2s!important}
body.abx .abx-share .abx-sh-head .ab-share-x:hover{transform:rotate(90deg)}
body.abx .abx-sh-pv{position:relative;margin:0 0 14px;padding:14px 16px 12px;border-radius:20px;background:#F4F7FC;border:1px solid #E3EAF5}
body.abx .abx-sh-q{display:flex;justify-content:flex-end;margin:0 0 8px}
body.abx .abx-sh-q span{max-width:85%;padding:7px 13px;border-radius:16px 16px 4px 16px;background:#E3EDFD;color:#1A4FA8;font:600 13.5px/1.35 var(--abx-font,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.abx .abx-sh-a{margin:0 0 10px!important;font:450 14.5px/1.5 var(--abx-font,inherit)!important;color:var(--abx-ink,#19241F)!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.abx .abx-sh-url{display:flex;align-items:center;gap:7px;padding-top:9px;border-top:1px solid #E3EAF5;font:600 12.5px/1 var(--abx-font,inherit);color:var(--abx-ink-2,#59645D)}
body.abx .abx-sh-fav{width:16px;height:16px;border-radius:5px;background:#fff url('/icon-192.png') center/cover no-repeat;box-shadow:0 0 0 1px #E3EAF5}
body.abx .abx-sh-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin:0 0 16px}
body.abx .abx-share .abx-sh-qb{flex-direction:row!important;justify-content:center;gap:8px!important;min-height:48px;padding:0 12px!important;border-radius:999px!important;border:1.5px solid #CADBF8!important;background:#fff!important;color:var(--abx-blue,#205CC5)!important;font:650 14px/1 var(--abx-font,inherit)!important;box-shadow:none!important;transition:transform .2s cubic-bezier(.2,.9,.3,1.3),background .18s,border-color .18s,box-shadow .2s!important}
body.abx .abx-share .abx-sh-qb:first-child{background:var(--abx-blue,#205CC5)!important;border-color:var(--abx-blue,#205CC5)!important;color:#fff!important;box-shadow:0 8px 18px -6px rgba(32,92,197,.5)!important}
body.abx .abx-share .abx-sh-qb:hover{transform:translateY(-2px);border-color:var(--abx-blue,#205CC5)!important;background:var(--abx-blue-soft,#EDF3FE)!important}
body.abx .abx-share .abx-sh-qb:first-child:hover{background:var(--abx-blue-hover,#1B50AD)!important}
body.abx .abx-share .abx-sh-qb:active{transform:scale(.96)}
body.abx .abx-share .abx-sh-qb .ab-share-ic{width:20px!important;height:20px!important;background:none!important;box-shadow:none!important;color:inherit!important;border-radius:0!important;transform:none!important}
body.abx .abx-share .abx-sh-qb .ab-share-ic svg{width:19px;height:19px}
body.abx .abx-share .abx-sh-qb.is-done .ab-share-ic{animation:abxPopIc .5s cubic-bezier(.2,.9,.3,1.5)}
@keyframes abxPopIc{0%{transform:scale(.4) rotate(-20deg)}60%{transform:scale(1.25)}100%{transform:none}}
body.abx .abx-sh-lab{font:700 11.5px/1 var(--abx-font,inherit);letter-spacing:.14em;text-transform:uppercase;color:var(--abx-ink-3,#66716A);margin:0 2px 10px}
body.abx .abx-sh-apps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
body.abx .abx-share .abx-sh-app{display:flex!important;flex-direction:column;align-items:center;gap:7px!important;padding:8px 2px 6px!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:16px!important;font:600 12px/1.1 var(--abx-font,inherit)!important;color:var(--abx-ink-2,#59645D)!important;text-decoration:none!important;transition:background .18s ease,color .18s ease!important;opacity:0;animation:abxTileIn .46s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.08s + var(--shi,0) * 30ms)}
body.abx .abx-share .abx-sh-app:hover{background:#F2F6FC!important;color:var(--abx-ink,#19241F)!important}
body.abx .abx-share .abx-sh-app .ab-share-ic{width:52px!important;height:52px!important;border-radius:50%!important;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -6px rgba(16,28,48,.45),inset 0 1px 0 rgba(255,255,255,.35)!important;transition:transform .25s cubic-bezier(.2,.9,.3,1.4)!important}
body.abx .abx-share .abx-sh-app .ab-share-ic svg{width:24px;height:24px}
body.abx .abx-share .abx-sh-gmail .ab-share-ic{box-shadow:0 0 0 1px #E3E8F0,0 6px 14px -6px rgba(16,28,48,.3)!important}
body.abx .abx-share .abx-sh-gmail .ab-share-ic svg{width:27px;height:27px}
body.abx .abx-share .abx-sh-app:hover .ab-share-ic{transform:translateY(-3px) scale(1.06)}
body.abx .abx-share .abx-sh-app:active .ab-share-ic{transform:scale(.92)}
@keyframes abxTileIn{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}
@media (max-width:600px){
  body.abx .abx-share .ab-share-card{width:100vw!important;left:0!important;top:auto!important;bottom:0!important;border-radius:28px 28px 0 0!important;transform:translateY(105%)!important;padding:12px 18px calc(18px + env(safe-area-inset-bottom))!important}
  body.abx .abx-share.in .ab-share-card{transform:translateY(0)!important}
  body.abx .abx-share .ab-share-card:before{content:""!important;display:block!important;position:static!important;width:42px;height:5px;margin:0 auto 12px;border-radius:99px;background:#D5DCE7!important}
  body.abx .abx-sh-apps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px}
}
@media (prefers-reduced-motion:reduce){ body.abx .abx-share .ab-share-card,body.abx .abx-share .abx-sh-app{transition:none!important;animation:none!important;opacity:1!important} }
/* p17t: app labels stay on one line ("WhatsApp" broke in two on a computer) */
body.abx .abx-share .abx-sh-app>span:last-child{white-space:nowrap;letter-spacing:-.01em}
/* p17t: the paste step for Email and Gmail on a computer (ab-ui-v306.js pasteStep): a preview of the designed email,
   one line on what to do (the key to press), Open Gmail / Open email app, Back, and the text version as a quiet link */
body.abx .abx-share .ab-share-card.is-paste .abx-sh-pv,body.abx .abx-share .ab-share-card.is-paste .abx-sh-quick,body.abx .abx-share .ab-share-card.is-paste .abx-sh-lab,body.abx .abx-share .ab-share-card.is-paste .abx-sh-apps{display:none!important}
body.abx .abx-sh-paste{display:flex;flex-direction:column;gap:12px;animation:abxPasteIn .32s cubic-bezier(.22,1,.36,1) both}
@keyframes abxPasteIn{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
body.abx .abx-sh-paste-pv{position:relative;height:214px;overflow:hidden;border-radius:18px;border:1px solid #E3EAF5;background:#EEF3FB}
body.abx .abx-sh-paste-pv iframe{position:absolute;left:0;top:0;width:624px;height:960px;border:0;transform-origin:0 0;pointer-events:none}
body.abx .abx-sh-paste-pv:after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(180deg,rgba(238,243,251,0),#EEF3FB 92%);pointer-events:none}
body.abx .abx-sh-paste-t{display:flex;align-items:center;gap:10px;margin-top:2px;font:780 18px/1.2 var(--abx-font,inherit);letter-spacing:-.01em;color:var(--abx-ink,#19241F)}
body.abx .abx-sh-paste-ok{flex:0 0 28px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#E5F2D6;color:#3F7A1C}
body.abx .abx-share .abx-sh-paste-s{margin:0!important;font:450 14.5px/1.55 var(--abx-font,inherit)!important;color:var(--abx-ink-2,#59645D)!important}
body.abx .abx-sh-paste-s kbd{display:inline-block;min-width:1.6em;padding:1px 7px;border:1px solid #CADBF8;border-bottom-width:2px;border-radius:7px;background:#fff;color:var(--abx-ink,#19241F);font:700 13px/1.4 var(--abx-font,inherit);text-align:center}
body.abx .abx-sh-paste-acts{display:flex;gap:8px;margin-top:2px}
body.abx .abx-share .abx-sh-paste-go{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border-radius:999px;background:var(--abx-blue,#205CC5);color:#fff!important;font:700 15px/1 var(--abx-font,inherit);text-decoration:none!important;box-shadow:0 8px 18px -6px rgba(32,92,197,.5);transition:background-color .2s ease}
body.abx .abx-share .abx-sh-paste-go:hover{background:var(--abx-blue-hover,#1B50AD)}
body.abx .abx-share .abx-sh-paste-go:focus-visible,body.abx .abx-share .abx-sh-paste-back:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--abx-blue,#205CC5)}
body.abx .abx-sh-paste-gm{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:#fff}
body.abx .abx-sh-paste-gm svg{width:16px;height:16px}
body.abx .abx-share .abx-sh-paste-back{flex:0 0 auto;min-height:48px;padding:0 20px;border:1.5px solid #CADBF8;border-radius:999px;background:#fff;color:var(--abx-blue,#205CC5);font:650 14.5px/1 var(--abx-font,inherit);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
body.abx .abx-share .abx-sh-paste-back:hover{border-color:var(--abx-blue,#205CC5);background:var(--abx-blue-soft,#EDF3FE)}
body.abx .abx-share .abx-sh-paste-plain{align-self:center;padding:4px 6px;font:600 13px/1.3 var(--abx-font,inherit);color:var(--abx-ink-3,#66716A)!important;text-decoration:underline!important;text-underline-offset:2px}
@media (prefers-reduced-motion:reduce){ body.abx .abx-sh-paste{animation:none} }

/* ------------------------------------------------ 34. Meet the City Council: portraits in gilt rings */
body.abx .page .council-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important}
body.abx .page .council-grid>.council-card{grid-column:span 2}
body.abx .page .council-grid>.council-card.is-mayor,body.abx .page .council-grid>.council-card.is-vice-mayor{grid-column:span 3}
body.abx .page .council-card.is-mayor .council-info,body.abx .page .council-card.is-vice-mayor .council-info{max-width:none}
body.abx .page .council-card{position:relative;overflow:hidden;gap:0!important;padding:28px 18px 22px!important;border-radius:24px!important;border:1px solid #E2E8F2!important;background:linear-gradient(180deg,#F3F6FC 0,#F3F6FC 74px,#fff 74px)!important;box-shadow:0 1px 2px rgba(16,28,48,.04),0 10px 30px -18px rgba(16,28,48,.25)!important;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .3s ease!important;animation:abxRise .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--ci,0) * 70ms)}
body.abx .page .council-card:before{content:"";position:absolute;left:0;right:0;top:0;height:74px;background:radial-gradient(120% 160% at 50% 0%,rgba(32,92,197,.16),rgba(32,92,197,0) 70%),repeating-linear-gradient(135deg,rgba(32,92,197,.035) 0 8px,transparent 8px 16px);pointer-events:none}
body.abx .page .council-card:hover{transform:translateY(-4px);border-color:#CFDBEE!important;box-shadow:0 2px 4px rgba(16,28,48,.05),0 22px 44px -18px rgba(16,28,48,.32)!important}
body.abx .page .council-portrait{position:relative;width:132px;height:132px;margin:0 auto 16px;border-radius:50%;padding:4px;background:conic-gradient(from 210deg,#B8892B,#F6E3A1,#C9973A,#FFF2C7,#B8892B);box-shadow:0 10px 24px -8px rgba(120,84,10,.45),0 0 0 6px #fff}
body.abx .page .council-portrait:after{content:"";position:absolute;inset:-6px;border-radius:50%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);background-size:250% 100%;background-position:120% 0;mix-blend-mode:soft-light;pointer-events:none;transition:background-position .9s ease}
body.abx .page .council-card:hover .council-portrait:after{background-position:-20% 0}
body.abx .page .council-avatar{width:100%!important;height:100%!important;min-height:0!important;border-radius:50%!important;background-size:cover!important;background-position:50% 12%!important;border:3px solid #fff!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)!important;transition:transform .5s cubic-bezier(.16,1,.3,1)}
body.abx .page .council-card:hover .council-avatar{transform:scale(1.04)}
body.abx .page .council-info{display:flex;flex-direction:column;align-items:center;gap:0}
body.abx .page .council-name{font:780 19px/1.2 var(--abx-font,inherit)!important;letter-spacing:-.02em!important;color:#13203A!important;text-wrap:balance;margin:0 0 8px}
body.abx .page .council-role{display:inline-flex;align-items:center;gap:8px;font:750 11.5px/1 var(--abx-font,inherit)!important;letter-spacing:.18em!important;text-transform:uppercase;color:#8A6417!important;margin:0 0 14px}
body.abx .page .council-role:before,body.abx .page .council-role:after{content:"";width:16px;height:1px;background:linear-gradient(90deg,transparent,#C9A24A)}
body.abx .page .council-role:after{transform:scaleX(-1)}
body.abx .page .council-sub{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
body.abx .page .council-mail{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 15px;border-radius:999px;background:#EEF4FD;border:1px solid #D3E1F7;color:var(--abx-blue,#205CC5);font:650 13.5px/1 var(--abx-font,inherit);transition:background .2s ease,color .2s ease,border-color .2s ease}
body.abx .page .council-card:hover .council-mail{background:var(--abx-blue,#205CC5);border-color:var(--abx-blue,#205CC5);color:#fff}
body.abx .page .council-chip{display:none!important}
body.abx .page .council-ribbon{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:5px 11px 5px 9px;border-radius:999px;background:linear-gradient(180deg,#FFF6D8,#F7E2A2);border:1px solid #E7C96E;color:#6B4A05;font:750 11px/1 var(--abx-font,inherit);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 10px -4px rgba(140,100,10,.4)}
body.abx .page .council-ribbon:before{content:"";width:11px;height:11px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z'/%3E%3C/svg%3E") center/contain no-repeat}
body.abx .page .council-card.is-mayor{border-color:#E8D8A8!important;background:linear-gradient(180deg,#FBF5E4 0,#FBF5E4 74px,#fff 74px)!important}
body.abx .page .council-card.is-mayor:before{background:radial-gradient(120% 160% at 50% 0%,rgba(201,151,58,.22),rgba(201,151,58,0) 70%),repeating-linear-gradient(135deg,rgba(201,151,58,.05) 0 8px,transparent 8px 16px)}
body.abx .page .council-card.is-mayor .council-portrait{width:144px;height:144px;margin-top:-6px}
@media (max-width:600px){ body.abx .page .council-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} body.abx .page .council-grid>.council-card,body.abx .page .council-grid>.council-card.is-mayor,body.abx .page .council-grid>.council-card.is-vice-mayor{grid-column:span 1} body.abx .page .council-grid>.council-card:last-child:nth-child(odd){grid-column:1 / -1} body.abx .page .council-portrait,body.abx .page .council-card.is-mayor .council-portrait{width:104px;height:104px;margin-top:0} body.abx .page .council-card{padding:34px 10px 16px!important} body.abx .page .council-name{font-size:16px!important} body.abx .page .council-role{letter-spacing:.12em!important} body.abx .page .council-mail{font-size:12.5px;padding:0 11px} }
@media (prefers-reduced-motion:reduce){ body.abx .page .council-card{animation:none!important} }

/* ------------------------------------------------ 35. Latest from the City */
body.abx #cityAnnounce .abx-ann-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 14px}
body.abx #cityAnnounce .abx-ann-meta{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--abx-ink-2,#59645D);font-size:13.5px}
body.abx #cityAnnounce .abx-ann-dot{width:8px;height:8px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:abxPulse 2.4s ease-out infinite}
@keyframes abxPulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
body.abx #cityAnnounce .abx-ann-all{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;background:#EEF4FD;border:1px solid #D3E1F7;color:var(--abx-blue,#205CC5);font:650 14px/1 var(--abx-font,inherit);text-decoration:none;transition:background .2s,transform .2s}
body.abx #cityAnnounce .abx-ann-all:hover{background:#E2ECFC;transform:translateY(-1px)}
body.abx #cityAnnounce .abx-ann-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.abx #cityAnnounce .abx-ann-item{position:relative;display:flex!important;align-items:center;gap:14px;padding:14px 16px!important;border:1px solid #E2E8F2!important;border-radius:18px!important;background:#fff;text-decoration:none!important;color:inherit;box-shadow:0 1px 2px rgba(16,28,48,.03);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .25s ease;animation:abxRise .55s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--ai,0) * 55ms)}
body.abx #cityAnnounce .abx-ann-item:hover{transform:translateY(-2px);border-color:#C9D8F0!important;box-shadow:0 14px 30px -16px rgba(16,28,48,.3)}
body.abx #cityAnnounce .abx-ann-item.is-lead{grid-column:1 / -1;padding:18px 20px!important;background:linear-gradient(100deg,#F2F6FD 0%,#fff 70%)}
body.abx #cityAnnounce .abx-ann-date{flex:0 0 54px;width:54px;height:58px;border-radius:14px;background:#EEF4FD;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
body.abx #cityAnnounce .abx-ann-date b{font:750 11px/1 var(--abx-font,inherit);letter-spacing:.1em;text-transform:uppercase;color:var(--abx-blue,#205CC5);margin-bottom:4px}
body.abx #cityAnnounce .abx-ann-date i{font:800 22px/1 var(--abx-font,inherit);font-style:normal;color:#13203A}
body.abx #cityAnnounce .abx-ann-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
body.abx #cityAnnounce .abx-ann-tags{display:flex;gap:6px;align-items:center}
body.abx #cityAnnounce .abx-ann-kind{display:inline-flex;padding:3px 9px;border-radius:999px;font:700 11.5px/1.2 var(--abx-font,inherit);background:#EEF2F7;color:#4A5568}
body.abx #cityAnnounce .k-el{background:#F0EDFA;color:#51408B}
body.abx #cityAnnounce .k-cc{background:#EDF3FE;color:#1B50AD}
body.abx #cityAnnounce .k-sf{background:#FCE9E7;color:#9B1C12}
body.abx #cityAnnounce .k-bz{background:#E6F3E8;color:#2F6A3A}
body.abx #cityAnnounce .k-cm{background:#FFF3E3;color:#8A4B08}
body.abx #cityAnnounce .k-ap{background:#E2F5F1;color:#0F766E}
body.abx #cityAnnounce .abx-ann-new{display:inline-flex;padding:3px 8px;border-radius:999px;background:#16A34A;color:#fff;font:750 10.5px/1.2 var(--abx-font,inherit);letter-spacing:.06em;text-transform:uppercase}
body.abx #cityAnnounce .abx-ann-title{font:620 15.5px/1.4 var(--abx-font,inherit);color:#13203A;text-wrap:pretty}
body.abx #cityAnnounce .is-lead .abx-ann-title{font-size:18px;font-weight:700;letter-spacing:-.01em}
body.abx #cityAnnounce .abx-ann-go{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--abx-blue,#205CC5);background:#F2F6FC;transition:transform .3s cubic-bezier(.2,.9,.3,1.3),background .2s,color .2s}
body.abx #cityAnnounce .abx-ann-item:hover .abx-ann-go{transform:translate(2px,-2px);background:var(--abx-blue,#205CC5);color:#fff}
@media (max-width:760px){ body.abx #cityAnnounce .abx-ann-list{grid-template-columns:minmax(0,1fr)} body.abx #cityAnnounce .abx-ann-head{flex-wrap:wrap} body.abx #cityAnnounce .abx-ann-go{display:none} }
@media (prefers-reduced-motion:reduce){ body.abx #cityAnnounce .abx-ann-item,body.abx #cityAnnounce .abx-ann-dot{animation:none!important} }

/* ------------------------------------------------ 36. Meetings: "View full schedule" as a visible soft-blue button */
body.abx .page .mtg-card-cta{display:flex!important;align-items:center;gap:12px;width:100%;margin:6px 0 0!important;min-height:56px;padding:0 10px 0 20px!important;border-radius:16px!important;border:1px solid #D3E1F7!important;background:linear-gradient(180deg,#F1F6FE,#E8F0FD)!important;color:var(--abx-blue,#205CC5)!important;cursor:pointer;box-shadow:0 1px 2px rgba(32,92,197,.06)!important;transition:background .2s ease,box-shadow .25s ease,transform .25s cubic-bezier(.16,1,.3,1)!important}
body.abx .page .mtg-card-cta:hover{background:linear-gradient(180deg,#E8F0FD,#DCE8FC)!important;box-shadow:0 10px 24px -14px rgba(32,92,197,.45)!important;transform:translateY(-1px)}
body.abx .page .mtg-card-cta:active{transform:scale(.99)}
body.abx .page .mtg-card-cta-lbl{flex:1;text-align:left;font:700 15.5px/1 var(--abx-font,inherit)!important;color:var(--abx-blue,#205CC5)!important}
body.abx .page .mtg-card-cta-count{padding:5px 11px;border-radius:999px;background:#fff;border:1px solid #D3E1F7;font:700 12px/1 var(--abx-font,inherit)!important;letter-spacing:.06em!important;color:#33507F!important;text-transform:uppercase}
body.abx .page .mtg-card-cta-arrow{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;background:var(--abx-blue,#205CC5);color:#fff!important;font-size:18px!important;transition:transform .3s cubic-bezier(.2,.9,.3,1.3)}
body.abx .page .mtg-card-cta:hover .mtg-card-cta-arrow{transform:translateX(3px)}
/* the language pill sits at the foot of the Burbank Live rail: keep the news card clear of it */
@media (min-width:961px){ body.abx .abx-live{padding-bottom:66px!important} }

/* ------------------------------------------------ 37. Intro hero, baked scene: Robbie in the street, lip-synced lines (ab-hero-v306.js §1) */
body.abx .abx-intro.abx-baked .abx-scene-v{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:62% 50%;opacity:0;transition:opacity .22s ease;z-index:0;border-radius:0!important;display:block}
body.abx .abx-intro.abx-baked .abx-scene-v.is-on{opacity:1}
body.abx .abx-intro.abx-baked .abx-intro-bgvid{display:none!important}
body.abx .abx-intro.abx-baked .abx-stage{inset:0;height:auto;aspect-ratio:auto;pointer-events:none}
body.abx .abx-intro.abx-baked .abx-stage .abx-stage-robbie{display:none!important}
body.abx .abx-intro.abx-baked .abx-bubble{right:auto;bottom:auto;left:auto;top:auto;pointer-events:auto}  /* p18z30: placed at once (left and top, animated, laid it out on every frame) */
body.abx .abx-intro.abx-baked .abx-bubble:after{right:auto;left:calc(var(--tail-x,70%) - 11px)}
@media (min-width:961px){ body.abx .abx-intro.abx-baked .abx-bubble{max-width:min(320px,30vw)} }
@media (max-width:960px){
  body.abx .abx-intro.abx-baked .abx-bubble{left:12px;top:14px}
  body.abx .abx-intro.abx-baked .abx-bubble:after{left:auto;right:-8px}
  body.abx .abx-intro.abx-baked .abx-intro-media{height:340px!important}
  body.abx .abx-intro.abx-baked .abx-intro-media .abx-scene-v,body.abx .abx-intro.abx-baked .abx-intro-bg{object-position:88% 50%!important}
  body.abx .abx-intro.abx-baked .abx-bubble{max-width:min(46%,200px)!important}
}
@media (prefers-reduced-motion:reduce){ body.abx .abx-intro.abx-baked .abx-scene-v{display:none!important} }

/* ------------------------------------------------ 38. Robbie easter eggs (costume clips above the answer) */
body.abx .abx-egg{display:grid;grid-template-columns:minmax(0,320px);gap:10px;margin:0 0 12px}
body.abx .abx-egg.is-duo{grid-template-columns:repeat(2,minmax(0,250px))}
body.abx .abx-egg-card,body.abx #robbieWidget .abx-egg-card{position:relative;border-radius:20px!important;overflow:hidden!important;background:#0F1B33;box-shadow:0 10px 26px -12px rgba(16,28,48,.45);animation:abxEggIn .6s cubic-bezier(.16,1.2,.3,1) both;animation-delay:calc(var(--ei,0) * 120ms)}
@keyframes abxEggIn{from{opacity:0;transform:translateY(10px) scale(.94) rotate(-1deg)}to{opacity:1;transform:none}}
body.abx .abx-egg-media{aspect-ratio:1/1}
body.abx .abx-egg-media video,body.abx .abx-egg-media img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;margin:0!important;border-radius:0!important}
body.abx .abx-egg-cap{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body.abx .abx-egg-cap b{font:800 14.5px/1.2 var(--abx-font,inherit);color:#13203A}
body.abx .abx-egg-cap span{font:600 12.5px/1.25 var(--abx-font,inherit);color:#59645D}
@media (prefers-reduced-motion:reduce){ body.abx .abx-egg-card{animation:none} }

/* ------------------------------------------------ 39. Splash: Robbie's welcome scene (ab-splash-v306.js) */
#splash.abx-scene{background:#E9DDC8!important;display:block!important}
#splash.abx-scene>*:not(.abx-sc){display:none!important}
#splash .abx-sc{position:absolute;inset:0;overflow:hidden;color:#fff;font-family:var(--abx-font,Inter,system-ui,sans-serif)}
#splash .abx-sc-media{position:absolute;inset:0;transform:scale(1.04);animation:abxScIn 7s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes abxScIn{to{transform:scale(1)}}
#splash .abx-sc-media img,#splash .abx-sc-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#splash .abx-sc-media video{opacity:0;transition:opacity .35s ease}
#splash .abx-sc.is-live .abx-sc-media video{opacity:1}
#splash .abx-sc-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,22,44,.38) 0%,rgba(10,22,44,0) 22%,rgba(10,22,44,0) 62%,rgba(10,22,44,.55) 100%)}
#splash .abx-sc-top{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px clamp(16px,3vw,32px);animation:abxScFade .7s .15s both}
#splash .abx-sc-logo{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px -10px rgba(0,0,0,.35)}
#splash .abx-sc-logo img{height:34px;width:auto;display:block}
#splash .abx-sc-tools{display:flex;gap:8px}
#splash .abx-sc-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(15,27,51,.52);color:#fff;font:650 14px/1 inherit;cursor:pointer;transition:background .2s,transform .2s}
#splash .abx-sc-btn:hover{background:rgba(15,27,51,.55);transform:translateY(-1px)}
#splash .abx-sc-sound.is-off{background:rgba(255,255,255,.92);color:#205CC5;border-color:#fff;animation:abxNudge 1.6s ease-in-out 1s 2}
@keyframes abxNudge{0%,100%{transform:none}50%{transform:scale(1.06)}}
#splash .abx-sc-bubble{position:absolute;max-width:min(380px,calc(100vw - 28px));padding:15px 19px 16px;border-radius:22px;background:#fff;color:#19241F;box-shadow:0 18px 48px -14px rgba(10,22,44,.55);transform-origin:var(--tail-x,50%) 100%;animation:abxScPop .55s .35s cubic-bezier(.2,.9,.3,1.3) both}
#splash .abx-sc-bubble:after{content:"";position:absolute;bottom:-9px;left:calc(var(--tail-x,50%) - 10px);width:20px;height:20px;background:#fff;transform:rotate(45deg);border-radius:0 0 5px 0}
#splash .abx-sc-text{position:relative;z-index:1;margin:0;min-height:1.4em;font:700 clamp(16px,1.5vw,19px)/1.42 var(--abx-font,inherit);letter-spacing:-.01em}
@keyframes abxScPop{from{opacity:0;transform:scale(.7) translateY(10px)}to{opacity:1;transform:none}}
@keyframes abxScFade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
#splash .abx-sc-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 16px calc(18px + env(safe-area-inset-bottom));animation:abxScUp .7s .6s both}
@keyframes abxScUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#splash .abx-sc-enter{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 26px 0 30px;border:0;border-radius:999px;background:#205CC5;color:#fff;font:750 17px/1 var(--abx-font,inherit);cursor:pointer;box-shadow:0 14px 34px -10px rgba(32,92,197,.75),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .25s cubic-bezier(.2,.9,.3,1.3),background .2s}
#splash .abx-sc-enter:hover{transform:translateY(-2px) scale(1.02);background:#1B50AD}
#splash .abx-sc-enter svg{transition:transform .25s}
#splash .abx-sc-enter:hover svg{transform:translateX(3px)}
#splash .abx-sc-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.75);transform-origin:0 50%;transform:scaleX(0)}
#splash .abx-sc-legal{max-width:760px;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.45)}
#splash .abx-sc-tag{font:700 12px/1.3 var(--abx-font,inherit);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:6px}
#splash .abx-sc-disc{font:500 11px/1.45 var(--abx-font,inherit);color:rgba(255,255,255,.86)}
#splash .abx-sc-disc a{color:#fff}
#splash.abx-sc-out{transition:opacity .65s ease,visibility .65s!important}
#splash.abx-sc-out .abx-sc-media{transition:transform .7s cubic-bezier(.4,0,.2,1);transform:scale(1.12)!important;animation:none}
#splash.abx-sc-out .abx-sc-bubble,#splash.abx-sc-out .abx-sc-top,#splash.abx-sc-out .abx-sc-bottom{transition:opacity .3s ease;opacity:0}
@media (max-width:600px){
  #splash .abx-sc-logo img{height:28px}
  #splash .abx-sc-logo{padding:8px 13px}
  #splash .abx-sc-btn{min-height:38px;padding:0 12px;font-size:13px}
  #splash .abx-sc-sound span{display:none}
  #splash .abx-sc-enter{min-height:52px;font-size:16px;padding:0 22px 0 26px}
  #splash .abx-sc-disc{font-size:10px}
}
@media (prefers-reduced-motion:reduce){ #splash .abx-sc-media,#splash .abx-sc-top,#splash .abx-sc-bottom,#splash .abx-sc-bubble{animation:none!important} }

/* ------------------------------------------------ 40. Vertical dividers between the page columns (desktop)
   (drawn by the sponsor rail: main.center clips its own overflow, so a line hung off it would be cut away) */
@media (min-width:1280px){
  body.abx .abx-body>#v2AdRail.v2-ad-rail:before{content:"";position:absolute;top:4px;bottom:4px;left:-12.5px;width:1px;pointer-events:none;
    background:linear-gradient(180deg,rgba(32,92,197,0) 0%,rgba(32,92,197,.30) 8%,rgba(96,150,60,.42) 50%,rgba(32,92,197,.30) 92%,rgba(32,92,197,0) 100%)}
}
@media (min-width:1280px) and (max-width:1439px){ body.abx .abx-body>#v2AdRail.v2-ad-rail:before{left:-10.5px} }
@media (min-width:961px){
  body.abx .abx-shell>#v2LiveRail{position:sticky}
  body.abx .abx-shell>#v2LiveRail:after{content:"";position:absolute;top:24px;bottom:24px;right:calc(var(--abx-gap,20px) / -2 - .5px);width:1px;pointer-events:none;
    background:linear-gradient(180deg,rgba(32,92,197,0),rgba(32,92,197,.26) 12%,rgba(32,92,197,.26) 88%,rgba(32,92,197,0))}
}

/* ------------------------------------------------ 41. Add to calendar chooser */
body.abx .cal-chooser-intro{font-size:15.5px!important;line-height:1.6!important;color:var(--abx-ink-2,#59645D)!important;margin:0 0 16px!important}
body.abx .cal-chooser-list{gap:10px!important}
body.abx .cal-card{gap:16px!important;padding:12px 14px 12px 12px!important;border:1px solid #E2E8F2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,28,48,.04)!important;
  transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .2s ease!important;animation:abxRise .5s cubic-bezier(.16,1,.3,1) both!important;will-change:transform}
body.abx .cal-card:nth-child(1){animation-delay:.04s!important} body.abx .cal-card:nth-child(2){animation-delay:.09s!important} body.abx .cal-card:nth-child(3){animation-delay:.14s!important} body.abx .cal-card:nth-child(4){animation-delay:.19s!important}
body.abx .cal-card:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--cal-accent) 45%,#fff)!important;box-shadow:0 14px 30px -16px rgba(16,28,48,.35)!important}
body.abx .cal-card:active{transform:scale(.985)!important}
body.abx .cal-card:focus-visible{outline:3px solid var(--abx-focus,#205CC5)!important;outline-offset:2px!important}
body.abx .cal-card::before{display:none!important}
body.abx .cal-card-icon{width:52px!important;height:52px!important;border-radius:14px!important;background:#fff!important;box-shadow:0 0 0 1px #E8EDF4,0 4px 10px -4px rgba(16,28,48,.18)!important;transition:transform .35s cubic-bezier(.2,.9,.3,1.4)!important}
body.abx .cal-card-icon svg{width:34px!important;height:34px!important}
body.abx .cal-card:hover .cal-card-icon{transform:scale(1.07) rotate(-3deg)!important;background:#fff!important}
body.abx .cal-card-name{font:700 16px/1.25 var(--abx-font,inherit)!important;color:#13203A!important}
body.abx .cal-card-sub{font-size:13.5px!important;color:var(--abx-ink-2,#59645D)!important;margin-top:3px!important}
body.abx .cal-card-arrow{width:36px;height:36px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;background:#F2F6FC;color:var(--abx-blue,#205CC5)!important;font-size:17px!important;transition:transform .3s cubic-bezier(.2,.9,.3,1.3),background .2s,color .2s!important}
body.abx .cal-card:hover .cal-card-arrow{transform:translateX(3px)!important;background:var(--abx-blue,#205CC5);color:#fff!important}
body.abx .cal-chooser-foot{font-size:13px!important;color:var(--abx-ink-3,#66716A)!important}
@media (prefers-reduced-motion:reduce){ body.abx .cal-card{animation:none!important} }
/* easter-egg caption sits under the clip, never over it */
body.abx .abx-egg-card,body.abx #robbieWidget .abx-egg-card{background:#fff!important;border:1px solid #E2E8F2}
body.abx .abx-egg-cap{position:static!important;left:auto;right:auto;bottom:auto;border-radius:0!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:10px 14px 12px!important}

/* ------------------------------------------------ 42. Hero bubble: smooth word reveal, transform positioning */
body.abx .abx-intro.abx-baked .abx-bubble{left:0!important;top:0!important;right:auto!important;bottom:auto!important;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .25s ease!important;will-change:transform}
body.abx .abx-intro.abx-baked .abx-bubble.is-waiting{opacity:0}
body.abx .abx-bubble-text.abx-words .w{display:inline-block;opacity:0;transform:translate3d(0,.28em,0);filter:none;transition:opacity .24s ease-out,transform .38s cubic-bezier(.22,1,.36,1)}
body.abx .abx-bubble-text.abx-words .w.on{opacity:1;transform:none}
body.abx .abx-bubble-text.abx-words:after{display:none!important}
body.abx .abx-intro.abx-baked .abx-bubble.abx-pop-in{animation:abxBubbleIn .5s cubic-bezier(.22,1,.36,1)}
@keyframes abxBubbleIn{from{opacity:0;scale:.92}to{opacity:1;scale:1}}
@media (max-width:960px){ body.abx .abx-intro.abx-baked .abx-bubble{left:12px!important;top:14px!important;transform:none!important} }
@media (max-width:600px){
  body.abx .abx-intro.abx-baked .abx-bubble{max-width:min(54%,220px)!important;padding:10px 13px 11px!important;border-radius:18px!important}
  body.abx .abx-intro.abx-baked .abx-bubble-text{font-size:14px!important;line-height:1.36!important}
  /* the old round icon-button rule (#abHeroForm … 50%) turned the full-width Ask button into an oval */
  body.abx #abHeroForm .ab-hero-form-btn{border-radius:999px!important}
}
@media (prefers-reduced-motion:reduce){ body.abx .abx-bubble-text.abx-words .w{opacity:1!important;transform:none!important;transition:none!important} }
#splash .abx-sc-text .w{display:inline-block;opacity:0;transform:translate3d(0,.28em,0);transition:opacity .24s ease-out,transform .38s cubic-bezier(.22,1,.36,1)}
#splash .abx-sc-text .w.on{opacity:1;transform:none}
#splash .abx-sc-bubble{will-change:transform}
@media (prefers-reduced-motion:reduce){ #splash .abx-sc-text .w{opacity:1!important;transform:none!important} }

/* ------------------------------------------------ 43. 60/120 fps pass: compositor-only motion, no per-frame repaints
   - Backdrop blurs re-filter everything behind them on every frame (scrolling under a blurred header, opening a
     blurred scrim); the redesign already uses solid surfaces, so blurs go and scrims get a touch more tint.
   - Infinite box-shadow "pulse" rings repaint every frame forever; they become transform/opacity rings.
   - Robbie's window opened with an animated full-panel blur filter and a spinning conic gradient driven by a
     custom property (a main-thread repaint every frame while open); now a scale/fade and a GPU-rotated layer.
   - Long card grids skip rendering cards that are off screen (content-visibility). */
body.abx *,body.abx *::before,body.abx *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.abx .abx-share .ab-share-scrim{background:rgba(16,28,48,.48)!important}
body.abx .mem-modal{background:rgba(16,28,48,.5)!important}
body.abx .robbie-scrim,body.abx .v2-drawer-backdrop,body.abx .sidebar-backdrop,body.abx .scrim{background:rgba(13,18,32,.42)!important}
#splash .abx-sc-btn{background:rgba(15,27,51,.58)!important}
body.abx .v2-tabbar,body.abx .v2-mobile-top,body.abx .mobile-topbar{background:#fff!important}
/* pulse rings without repaints */
body.abx .cb-live-pulse,body.abx .cb-live-dot,body.abx .v2-cta-pulse,body.abx #cityAnnounce .abx-ann-dot{animation:none!important;position:relative}
body.abx .cb-live-dot::after,body.abx #cityAnnounce .abx-ann-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;opacity:.45;transform:scale(1);animation:abxRing 2.2s cubic-bezier(.2,.6,.3,1) infinite;will-change:transform,opacity;pointer-events:none}
body.abx #cityAnnounce .abx-ann-dot{color:#16A34A}
body.abx .cb-live-dot{color:#dc2626}
@keyframes abxRing{0%{transform:scale(1);opacity:.45}80%,100%{transform:scale(2.6);opacity:0}}
/* Robbie's window: scale + fade in (no filter animation) */
body.abx #robbieWidget.open,body.abx .robbie-widget.open{animation:abxRobbieIn .42s cubic-bezier(.22,1,.36,1)!important}
@keyframes abxRobbieIn{from{opacity:.0;scale:.97}to{opacity:1;scale:1}}
/* page-to-page: one smooth fade on the compositor */
body.abx.abx-routed .page.active{animation:abxPageIn2 .26s cubic-bezier(.22,1,.36,1)!important}
@keyframes abxPageIn2{from{opacity:0}to{opacity:1}}
/* long grids: off-screen cards are not laid out or painted until they scroll near */
body.abx #memberGrid>.member-card{content-visibility:auto;contain-intrinsic-size:auto 534px}
body.abx #bizGrid>.member-card{content-visibility:auto;contain-intrinsic-size:auto 150px}
body.abx #evList>.evc-row{content-visibility:auto;contain-intrinsic-size:auto 96px}
body.abx .site-footer{content-visibility:auto;contain-intrinsic-size:auto 700px}
/* tap feedback without delay on touch screens */
body.abx a,body.abx button,body.abx [role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media (prefers-reduced-motion:reduce){ body.abx .cb-live-dot::after,body.abx #cityAnnounce .abx-ann-dot::after{animation:none!important} body.abx #robbieWidget.open{animation:none!important} }
body.abx .abx-share .ab-share-card{will-change:transform,opacity}

/* ------------------------------------------------ 44. Halloween (October only; added by ab-hero-v306.js §4)
   The corner webs sit BEHIND the page cards (they peek out of the gutters and never cover text or buttons); one web
   hangs in the hero photo's top corner with the spider, under Robbie's speech bubble. */
#abxSpooky{position:fixed;inset:0;z-index:0;pointer-events:none}
#abxSpooky .abx-web{position:fixed;top:0;width:190px;height:190px;color:rgba(70,84,108,.40);opacity:0;animation:abxWebIn .9s .4s ease-out forwards}
#abxSpooky .abx-web svg,.abx-hero-web svg{display:block;width:100%;height:100%}
#abxSpooky .abx-web-l{left:0}
#abxSpooky .abx-web-r{right:0;transform:scaleX(-1)}
@keyframes abxWebIn{to{opacity:1}}
body.abx .abx-intro{position:relative}
.abx-intro .abx-hero-web{position:absolute;top:0;right:0;z-index:2;width:118px;height:118px;color:rgba(255,255,255,.78);filter:drop-shadow(0 0 1px rgba(40,50,70,.55));transform:scaleX(-1);pointer-events:none;opacity:0;animation:abxWebIn .9s .6s ease-out forwards}
.abx-intro .abx-spider{position:absolute;top:-150px;right:46px;z-index:2;width:22px;height:220px;pointer-events:none;animation:abxSpiderDrop 1.4s 1.1s cubic-bezier(.3,1.4,.5,1) backwards,abxSpiderBob 5.5s 2.5s ease-in-out infinite alternate} /* p17c: the drop no longer holds its end state (fill 'backwards', not 'both'): two transform animations held on one element are "incompatible", which kept the bob on the main thread, a full repaint every frame */
.abx-intro .abx-spider-thread{position:absolute;left:10.5px;top:0;width:1px;height:204px;background:rgba(255,255,255,.75);box-shadow:0 0 1px rgba(30,40,60,.6)}
.abx-intro .abx-spider-bug{position:absolute;left:0;bottom:0;width:22px;height:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
body.abx .abx-intro .abx-bubble{z-index:3}
@keyframes abxSpiderDrop{from{transform:translate3d(0,-60px,0)}to{transform:translate3d(0,0,0)}}
@keyframes abxSpiderBob{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,22px,0)}}
@media (max-width:960px){
  #abxSpooky{display:none}
  .abx-intro .abx-hero-web{width:92px;height:92px}
  .abx-intro .abx-spider{right:30px;top:-168px}
  .abx-intro .abx-spider-bug{width:18px;height:18px;left:2px}
}
/* the ghost that glides to the middle of the screen when someone asks Robbie */
.abx-ghost{position:fixed;left:0;top:0;width:150px;height:150px;z-index:2147483000;pointer-events:none;will-change:transform,opacity}
.abx-ghost img,.abx-ghost .abx-ghost-svg{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(29,43,58,.25))}
.abx-ghost .abx-ghost-svg svg{display:block;width:62%;height:62%;margin:19%}
@media (max-width:600px){ .abx-ghost{width:118px;height:118px} }
@media (prefers-reduced-motion:reduce){ #abxSpooky .abx-web,.abx-intro .abx-hero-web,.abx-intro .abx-spider{animation:none!important;opacity:1} .abx-ghost{display:none!important} }
@media print{ #abxSpooky,.abx-ghost,.abx-hero-web,.abx-intro .abx-spider{display:none!important} }

/* ------------------------------------------------ 44b. Thanksgiving (November) and Christmas (December), ab-hero-v306.js §4b
   Corner leaves / holly sit BEHIND the page cards (fixed, z-index 0) and peek out of the gutters; the hero gets a corner
   piece, drifting leaves or light snow inside the scene (above the photo, under the headline and bubble) and, in December,
   a string of twinkling lights along its top edge. Transform/opacity animations only; paused off screen. */
#abxSeasonDecor{position:fixed;inset:0;z-index:0;pointer-events:none}
#abxSeasonDecor .abx-corner{position:fixed;top:0;width:170px;height:146px;opacity:0;animation:abxWebIn .9s .4s ease-out forwards;filter:drop-shadow(0 3px 5px rgba(60,30,10,.18))}
#abxSeasonDecor .abx-corner svg,.abx-intro .abx-hero-corner svg{display:block;width:100%;height:100%;overflow:visible}
#abxSeasonDecor .abx-corner-l{left:-6px;transform:rotate(-8deg)}
#abxSeasonDecor .abx-corner-r{right:-6px;transform:scaleX(-1) rotate(-8deg)}
.abx-intro .abx-hero-corner{position:absolute;top:-8px;right:-6px;z-index:2;width:112px;height:96px;transform:scaleX(-1) rotate(-6deg);pointer-events:none;opacity:0;animation:abxWebIn .9s .6s ease-out forwards;filter:drop-shadow(0 3px 4px rgba(40,20,5,.28))}
.abx-intro .abx-fall{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}
.abx-fall .abx-fall-col{position:absolute;top:0;height:100%;width:0;transform:translate3d(0,-100%,0);animation:abxFall var(--dur,12s) var(--delay,0s) linear infinite}
.abx-fall .abx-fall-sway{position:absolute;left:0;bottom:0;animation:abxSway var(--sway,3.4s) ease-in-out infinite alternate;--dx0:calc(var(--dx,20px) * -1)}
.abx-fall .abx-fall-lf{display:block;width:var(--ls,18px);height:var(--ls,18px);margin-left:calc(var(--ls,18px) / -2);animation:abxSpin var(--spin,5s) linear infinite;filter:drop-shadow(0 2px 2px rgba(60,25,5,.25))}
.abx-fall .abx-fall-lf svg{display:block;width:100%;height:100%}
.abx-fall .abx-flake{display:block;width:var(--fs,5px);height:var(--fs,5px);margin-left:calc(var(--fs,5px) / -2);border-radius:50%;background:#fff;opacity:var(--fo,.8);box-shadow:0 0 4px rgba(255,255,255,.9),0 0 1px rgba(60,80,110,.5)}
.abx-fall.is-paused .abx-fall-col,.abx-fall.is-paused .abx-fall-sway,.abx-fall.is-paused .abx-fall-lf,.abx-lights.is-paused .abx-bulb{animation-play-state:paused}
@keyframes abxFall{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,6%,0)}}
@keyframes abxSway{from{transform:translate3d(var(--dx0,-20px),0,0)}to{transform:translate3d(var(--dx,20px),0,0)}}
@keyframes abxSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.abx-intro .abx-lights{position:absolute;left:0;right:0;top:0;height:34px;z-index:3;pointer-events:none}
.abx-intro .abx-lights svg{position:absolute;inset:0;width:100%;height:100%}
.abx-intro .abx-bulb{position:absolute;top:14px;width:9px;height:14px;margin-left:-4.5px;border-radius:45% 45% 50% 50%/40% 40% 60% 60%;animation:abxTwinkle 2.4s var(--tw,0s) ease-in-out infinite alternate}
.abx-intro .abx-bulb:before{content:"";position:absolute;left:2px;top:-4px;width:5px;height:5px;border-radius:1px;background:#4A4F45}
.abx-intro .abx-bulb-0{background:#FFD36B;box-shadow:0 0 8px 2px rgba(255,211,107,.75)}
.abx-intro .abx-bulb-1{background:#E5383B;box-shadow:0 0 8px 2px rgba(229,56,59,.6)}
.abx-intro .abx-bulb-2{background:#3FAE5A;box-shadow:0 0 8px 2px rgba(63,174,90,.6)}
.abx-intro .abx-bulb-3{background:#FFF1C9;box-shadow:0 0 8px 2px rgba(255,241,201,.8)}
@keyframes abxTwinkle{from{opacity:1}to{opacity:.5}}
.abx-burst{position:fixed;left:0;top:0;width:0;height:0;z-index:2147483000;pointer-events:none}
.abx-burst>span{position:absolute;left:0;top:0;width:26px;height:26px;opacity:0;will-change:transform,opacity}
.abx-burst>span svg{display:block;width:100%;height:100%}
.abx-burst .abx-burst-snow{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(20,40,80,.35))}
.abx-burst .abx-burst-leaf{filter:drop-shadow(0 2px 2px rgba(60,25,5,.25))}
body.abx .abx-season-christmas .abx-season-bubble{color:#9B1C1C}
body.abx .abx-season-thanksgiving .abx-season-bubble{color:#8A3B12}
@media (max-width:960px){
  #abxSeasonDecor{display:none}
  .abx-intro .abx-hero-corner{width:86px;height:74px}
}
@media (max-width:600px){ .abx-fall-leaf .abx-fall-col:nth-child(n+6),.abx-fall-snow .abx-fall-col:nth-child(n+13){display:none} }
@media (prefers-reduced-motion:reduce){
  #abxSeasonDecor .abx-corner,.abx-intro .abx-hero-corner{animation:none!important;opacity:1}
  .abx-intro .abx-fall,.abx-burst{display:none!important}
  .abx-intro .abx-bulb{animation:none!important}
}
@media print{ #abxSeasonDecor,.abx-hero-corner,.abx-intro .abx-fall,.abx-intro .abx-lights,.abx-burst{display:none!important} }
/* p18z19 (Romik, 29 Oct 2026: "use higgsfield for the animations"; his picks: leaf on the breeze, wind gust, pie steam on
   Events, countdown to 26 Nov). Painted leaves (media/season/) replace the drawn ones in the corners, the falling leaves
   and the puff; a gust now and then pushes the falling leaves sideways; the
   Events page Robbie's pie steams; Burbank Live counts down to Thanksgiving. Same rules as above. */
.abx-leafset{position:relative;display:block;width:100%;height:100%}
.abx-leafset .abx-leaf-at{position:absolute;display:block}
.abx-leafset img,.abx-fall .abx-fall-lf img,.abx-burst>span img,.abx-live-count img{display:block;width:100%;height:auto;max-width:none!important;border-radius:0!important;box-shadow:none!important}
.abx-fall .abx-fall-lf img{height:100%}
.abx-fall .abx-gust{position:absolute;inset:0}
body.abx .abx-season-robbie .abx-pie-steam{position:absolute;left:62%;top:31%;width:24%;height:14%;z-index:2;pointer-events:none}
body.abx .abx-season-robbie .abx-pie-steam i{position:absolute;bottom:0;width:26%;height:72%;border-radius:50%;background:radial-gradient(ellipse at 50% 60%,rgba(255,255,255,.85),rgba(255,255,255,0) 68%);opacity:0;animation:abxSteam 3.6s ease-out infinite}
body.abx .abx-season-robbie .abx-pie-steam i:nth-child(1){left:12%}
body.abx .abx-season-robbie .abx-pie-steam i:nth-child(2){left:38%;animation-delay:1.2s}
body.abx .abx-season-robbie .abx-pie-steam i:nth-child(3){left:62%;animation-delay:2.4s}
@keyframes abxSteam{0%{opacity:0;transform:translate3d(0,10%,0) scale(.55,.7)}30%{opacity:.85}100%{opacity:0;transform:translate3d(-14%,-95%,0) scale(1.25,1.4)}}
body.abx .abx-live-count{display:flex;align-items:center;gap:6px;margin:6px 0 0!important;font-size:12.5px!important;font-weight:650!important;line-height:1.25!important;color:#8A3B12!important;white-space:normal}
body.abx .abx-live-count img{flex:0 0 20px;width:20px;height:20px}
@media (prefers-reduced-motion:reduce){ body.abx .abx-season-robbie .abx-pie-steam,#abxSideLeaves{display:none!important} }
@media print{ #abxSideLeaves,body.abx .abx-season-robbie .abx-pie-steam{display:none!important} }
/* p18z37 (Romik, 1 Nov 2026: "the leaves should be falling not going around the card, lets have leaves falling on the
   left and right side of the website"): two strips fixed to the screen's edges (each the page's side margin, at least
   44 px, 30 on phones; set by ab-hero-v306.js) where painted leaves fall top to bottom. Above the side cards (the
   Burbank Live rail is 60), under the pop-ups (80), header and tab bar (90), panels and Robbie's window. Transform only.
   The layer is one large viewport tall, so a phone's toolbar showing or hiding never makes the leaves jump, and it clips
   at the screen's edges, so a leaf swaying outward is cut there and can never widen the page. */
#abxSideLeaves{position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh;z-index:70;pointer-events:none;overflow:hidden}
#abxSideLeaves .abx-side{position:absolute;top:0;height:100%;pointer-events:none}
#abxSideLeaves .abx-side-l{left:0;width:var(--abx-sl,44px)}
#abxSideLeaves .abx-side-r{right:0;width:var(--abx-sr,44px)}
#abxSideLeaves .abx-fall{position:absolute;inset:0;pointer-events:none}
@media (max-width:960px){ #abxSideLeaves .abx-fall-col:nth-child(n+4){display:none} #abxSideLeaves .abx-fall-lf{width:calc(var(--ls,18px) * .72);height:calc(var(--ls,18px) * .72);margin-left:calc(var(--ls,18px) * -.36)} }

/* ------------------------------------------------ 46. Opening chooser + Sponsor splash (ab-sponsor-v306.js) */
/* chooser */
#splash .abx-pick-bg{position:absolute;inset:0;overflow:hidden}
#splash .abx-pick-bg img{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;filter:blur(14px) saturate(1.1);transform:scale(1.04)}
#splash .abx-pick-shade{position:absolute;inset:0;background:radial-gradient(90% 70% at 50% 40%,rgba(10,22,44,.25),rgba(10,22,44,.72))}
#splash .abx-pick-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:96px 24px 40px;text-align:center}
#splash .abx-pick-eb{font:700 12px/1 var(--abx-font,inherit);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.82)}
#splash .abx-pick-h{margin:0 0 18px;font:800 clamp(28px,3.4vw,44px)/1.1 var(--abx-font,inherit);letter-spacing:-.02em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
#splash .abx-pick-row{display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:22px}
#splash .abx-pick-card{position:relative;display:flex;flex-direction:column;padding:10px;border:0;border-radius:26px;background:rgba(255,255,255,.96);color:#19241F;text-align:left;cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.12),0 26px 60px -24px rgba(0,0,0,.55);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;animation:abxPickIn .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--pi) * 90ms + 120ms)}
#splash .abx-pick-card:hover,#splash .abx-pick-card:focus-visible{transform:translate3d(0,-6px,0) scale(1.015);box-shadow:0 4px 10px rgba(0,0,0,.14),0 36px 70px -26px rgba(0,0,0,.6);outline:none}
#splash .abx-pick-card:focus-visible{box-shadow:0 0 0 4px rgba(255,255,255,.95),0 0 0 7px #205CC5,0 36px 70px -26px rgba(0,0,0,.6)}
#splash .abx-pick-card.is-spon{border:3px solid transparent;padding:7px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--sa),var(--sb)) border-box}
#splash .abx-pick-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#0d1a2d}
#splash .abx-pick-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
#splash .abx-pick-card:hover .abx-pick-thumb img{transform:scale(1.04)}
#splash .abx-pick-play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.92);color:#205CC5;box-shadow:0 8px 20px rgba(0,0,0,.25)}
#splash .abx-pick-chip{position:absolute;left:12px;top:12px;padding:6px 11px;border-radius:999px;background:linear-gradient(135deg,var(--sa),var(--sb));color:#fff;font:800 11px/1 var(--abx-font,inherit);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.3)}
#splash .abx-pick-meta{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:center;padding:14px 10px 8px}
#splash .abx-pick-k{grid-row:span 2;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#EAF1FC;color:#205CC5;font:800 15px/1 var(--abx-font,inherit)}
#splash .abx-pick-t{font:800 18px/1.2 var(--abx-font,inherit);letter-spacing:-.01em}
#splash .abx-pick-s{font:500 13.5px/1.35 var(--abx-font,inherit);color:#59645D}
#splash .abx-pick-logo{position:absolute;right:12px;top:12px;height:28px;width:auto}
#splash .abx-pick-hint{margin-top:16px;font:600 12.5px/1 var(--abx-font,inherit);color:rgba(255,255,255,.75)}
#splash .abx-pick.is-out{opacity:0;transition:opacity .25s ease}
@keyframes abxPickIn{from{opacity:0;transform:translate3d(0,18px,0) scale(.97)}to{opacity:1;transform:none}}
@media (max-width:760px){
  #splash .abx-pick-row{grid-template-columns:minmax(0,1fr);gap:14px;width:100%;max-width:420px}
  #splash .abx-pick-stage{justify-content:flex-start;padding-top:92px;overflow-y:auto}
  #splash .abx-pick-h{margin-bottom:10px}
  #splash .abx-pick-hint{display:none}
}
/* sponsor splash (full-screen layout: section 56) */
@keyframes abxSponIn{from{opacity:0;transform:translate3d(0,24px,0) scale(.96)}to{opacity:1;transform:none}}
@keyframes abxSponUp{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
@keyframes abxSponPulse{0%,100%{box-shadow:0 0 0 3px var(--sb),0 18px 40px -12px rgba(0,0,0,.6)}50%{box-shadow:0 0 0 6px var(--sb),0 22px 48px -12px rgba(0,0,0,.65)}}
@keyframes abxSponShine{0%{transform:translate3d(-120%,0,0)}55%,100%{transform:translate3d(120%,0,0)}}
#splash.abx-sc-out .abx-spon,#splash.abx-sc-out .abx-pick{transition:opacity .45s ease;opacity:0}
@media (prefers-reduced-motion:reduce){ #splash .abx-pick-card{animation:none!important} }

/* ------------------------------------------------ 47. Share sheet toast (formatted email copied) */
.abx-sh-toast{position:fixed;left:50%;bottom:28px;z-index:2147483001;max-width:min(460px,calc(100vw - 32px));padding:13px 18px;border-radius:16px;background:#14233A;color:#fff;
  font:600 14px/1.45 var(--abx-font,Inter,system-ui,sans-serif);box-shadow:0 18px 40px -14px rgba(0,0,0,.5);opacity:0;transform:translate3d(-50%,12px,0);transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1);pointer-events:none}
.abx-sh-toast.in{opacity:1;transform:translate3d(-50%,0,0)}

/* ------------------------------------------------ 48. No collisions at any size: Burbank Live always fits its card
   (the list scrolls inside the card on short screens, rows tighten, the news card shrinks before it can run under the
   language button that sits in the card's reserved foot) */
@media (min-width:961px){
  body.abx .abx-live>.abx-live-head,body.abx .abx-live>.abx-live-fresh,body.abx .abx-live>.abx-live-news{flex-shrink:0}
  body.abx .abx-shell:not([data-live="min"]) .abx-live-list{flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#CFD8E6 transparent;
    -webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 14px),transparent)}
  body.abx .abx-shell[data-live="min"] .abx-live-list{flex:0 1 auto;min-height:0;overflow:visible}
  body.abx .lang-wrap{z-index:61!important}
}
@media (min-width:961px) and (max-height:820px){
  body.abx .abx-shell:not([data-live="min"]) .abx-live-row{min-height:48px;padding-top:5px;padding-bottom:5px}
  body.abx .abx-live-list{gap:3px}
  body.abx .abx-live-head{padding-bottom:10px}
}
@media (min-width:961px) and (max-height:720px){
  body.abx .abx-live-fresh{display:none!important}
}
/* phones and tablets: the language button lives in the top bar (right side), never floating over the page */
@media (max-width:960px){
  body.abx .lang-wrap{position:fixed!important;top:calc(8px + env(safe-area-inset-top,0px))!important;right:12px!important;left:auto!important;bottom:auto!important;z-index:9500!important}
  body.abx .lang-btn{height:44px!important;min-height:44px!important;padding:0 12px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--abx-line,#E3E6DF)!important;box-shadow:none!important;color:var(--abx-ink,#19241F)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-weight:700!important}
  body.abx .lang-sheet{top:calc(100% + 8px)!important;bottom:auto!important;left:auto!important;right:0!important;transform-origin:right top!important}
}
@media (max-width:340px){ body.abx .lang-btn .lang-code{display:none!important} body.abx .lang-btn{padding:0 11px!important} body.abx .lang-wrap{right:8px!important} }
/* minimized Burbank Live: the language button shrinks to its globe so it fits the slim rail, and rows tighten on short screens */
@media (min-width:961px){
  body.abx:has(#abxShell[data-live="min"]) .lang-wrap .lang-code{display:none!important}
  body.abx:has(#abxShell[data-live="min"]) .lang-btn{width:44px!important;min-width:44px!important;padding:0!important;justify-content:center!important}
  body.abx:has(#abxShell[data-live="min"]) .lang-wrap{left:calc(max(var(--abx-pad),(100vw - var(--abx-max))/2 + var(--abx-pad)) + 14px)!important}
}
@media (min-width:961px) and (max-height:760px){
  body.abx .abx-shell[data-live="min"] .abx-live-row{min-height:44px;padding-top:4px;padding-bottom:4px}
  body.abx .abx-shell[data-live="min"] .abx-live-list{gap:3px}
}
@media (min-width:961px) and (max-height:600px){
  body.abx .abx-shell[data-live="min"] .abx-live-row{min-height:40px}
  body.abx .abx-shell[data-live="min"] .abx-live-head{padding-bottom:8px}
}
/* sponsor rail on short desktop screens: photos give up height first, then the small extra lines, so every card's
   text and "Visit website" stay inside the card */
@media (min-width:1280px){
  body.abx #v2AdRail .v2-ad-static{min-height:0}
  body.abx #v2AdRail .v2-ad-img{min-height:40px!important}
}
@media (min-width:1280px) and (max-height:900px){
  body.abx #v2AdRail .v2-ad-body>div:not([class]),body.abx #v2AdRail .v2-ad-hours{display:none!important}
}
@media (min-width:1280px) and (max-height:800px){
  body.abx #v2AdRail .v2-ad-meta{display:none!important}
  body.abx #v2AdRail .v2-ad-img{min-height:34px!important}
}
@media (min-width:1280px) and (max-height:680px){
  body.abx #v2AdRail .v2-ad-desc{display:none!important}
}
body.abx #v2AdRail .v2-ad-body{min-width:0;max-width:100%}
body.abx #v2AdRail .v2-ad-title-lg{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1279px){ body.abx #v2AdRail .v2-ad-title-lg{white-space:normal!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere} }
/* the language menu is solid (no backdrop blur anywhere any more, so a see-through sheet would mix with the page) */
body.abx .lang-sheet{background:#fff!important;border:1px solid var(--abx-line,#E3E6DF)!important;border-radius:18px!important;box-shadow:0 2px 6px rgba(16,28,48,.06),0 24px 48px -16px rgba(16,28,48,.28)!important}
/* Robbie's window on desktop: wider and as tall as the screen allows, so more of the conversation is visible */
@media (min-width:961px){
  body.abx #robbieWidget.robbie-widget{width:min(820px,calc(var(--abx-cw,860px) - 16px),calc(100vw - 32px))!important;height:min(1040px,calc(100vh - var(--abx-header-h) - 2*var(--abx-pad) - 14px))!important}
}

/* ------------------------------------------------ 49. Phones and tablets: every opening fits, held upright or sideways */
/* nothing in the opening screens is ever squeezed: if a very small screen runs out of room it scrolls instead */
@media (max-width:760px){
  #splash .abx-pick-stage>*{flex-shrink:0}
}
/* chooser on shorter phones (most phones once the browser bars are showing): both cards fit without scrolling */
@media (max-width:760px) and (max-height:760px){
  #splash .abx-pick-stage{padding-top:78px;gap:8px}
  #splash .abx-pick-h{font-size:26px;margin-bottom:6px}
  #splash .abx-pick-row{gap:12px}
  #splash .abx-pick-thumb{aspect-ratio:2.2/1}
  #splash .abx-pick-thumb img{object-position:50% 30%}
  #splash .abx-pick-meta{grid-template-columns:auto minmax(0,1fr);padding:10px 8px 4px}
  #splash .abx-pick-s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #splash .abx-pick-card.is-spon .abx-pick-meta{padding-right:92px}
  #splash .abx-pick-logo{top:50%;margin-top:-14px}
}
/* opening screens on a phone held sideways: a slimmer top bar */
@media (max-height:500px) and (min-aspect-ratio:5/4){
  #splash .abx-sc-top{padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))}
  #splash .abx-sc-logo{padding:7px 12px}
  #splash .abx-sc-logo img{height:26px}
  #splash .abx-sc-btn{min-height:38px;padding:0 12px;font-size:13px}
}
/* welcome splash held sideways: Robbie speaks from the side (ab-splash-v306.js), Enter sits to his right, the fine print
   runs along the bottom on a soft shade */
@media (max-height:520px) and (min-aspect-ratio:5/4){
  #splash .abx-sc-text{font-size:15px}
  #splash .abx-sc-bubble{padding:11px 15px 12px;border-radius:18px}
  #splash .abx-sc-bottom{gap:0;padding:26px max(16px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:linear-gradient(180deg,transparent,rgba(10,22,44,.55))}
  #splash .abx-sc-enter{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:calc(100% + 10px);min-height:50px;font-size:16px;padding:0 22px 0 26px}
  #splash .abx-sc-legal{max-width:none}
  #splash .abx-sc-tag{font-size:10.5px;margin-bottom:3px}
  #splash .abx-sc-disc{font-size:9.5px;line-height:1.35}
}
#splash .abx-sc-bubble.is-side{transform-origin:100% var(--tail-y,50%)}
#splash .abx-sc-bubble.is-side:after{bottom:auto;left:auto;right:-9px;top:calc(var(--tail-y,50%) - 10px);border-radius:0 5px 0 0}
/* touch tablets have no keyboard shortcut to hint at */
@media (hover:none){ #splash .abx-pick-hint{display:none} }
/* the share sheet always fits the screen (it scrolls inside on a phone held sideways) */
body.abx .abx-share .ab-share-card{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow-y:auto!important;overscroll-behavior:contain}
/* touch screens: small text links get a full-size tap area without changing how they look */
@media (pointer:coarse){
  body.abx .abx-crumbs a{display:inline-block;padding:12px 4px;margin:-12px -4px}
  body.abx .v2-ad-website{display:inline-block;padding:9px 0;margin:-9px 0}
}
/* the smallest phones (an iPhone SE with the browser bars showing): thumbnails slimmer, the thank-you line (Robbie says
   it in the video and the caption) gives its room to the buttons */
@media (max-width:760px) and (max-height:620px){
  #splash .abx-pick-stage{padding-top:70px}
  #splash .abx-pick-h{font-size:23px}
  #splash .abx-pick-thumb{aspect-ratio:2.7/1}
}
/* chooser on a phone held sideways: the two cards side by side, short enough to see both in full */
@media (max-height:500px) and (min-aspect-ratio:5/4){
  #splash .abx-pick-stage{justify-content:center;gap:6px;padding:58px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));overflow-y:auto}
  #splash .abx-pick-eb{font-size:10.5px}
  #splash .abx-pick-h{margin:0 0 6px;font-size:22px}
  #splash .abx-pick-row{grid-template-columns:repeat(2,minmax(0,380px));gap:14px;width:auto;max-width:none}
  #splash .abx-pick-thumb{aspect-ratio:2.4/1}
  #splash .abx-pick-thumb img{object-position:50% 30%}
  #splash .abx-pick-meta{grid-template-columns:auto minmax(0,1fr);padding:8px 6px 2px}
  #splash .abx-pick-k{width:28px;height:28px;font-size:13px}
  #splash .abx-pick-t{font-size:16px}
  #splash .abx-pick-s{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #splash .abx-pick-card.is-spon .abx-pick-meta{padding-right:84px}
  #splash .abx-pick-logo{top:50%;height:24px;margin-top:-12px}
  #splash .abx-pick-play{width:44px;height:44px;margin:-22px 0 0 -22px}
  #splash .abx-pick-hint{display:none}
}
/* 900–960px wide (a large phone held sideways, some tablets): the page shell picked up a stacking layer that put the
   top bar over the language button, so taps on it missed. Same layering as every other phone width now. */
@media (max-width:960px){ body.abx #abxShell.app{z-index:auto!important} }
/* "Featured sponsor" chip sits on the card's top edge, never on the picture (so it can't cover Robbie's face) */
#splash .abx-pick-card>.abx-pick-chip{left:20px;top:-12px;z-index:3;padding:6px 12px;box-shadow:0 6px 14px -4px rgba(8,16,30,.45),0 0 0 2px rgba(255,255,255,.9)}
@media (max-height:500px) and (min-aspect-ratio:5/4){ #splash .abx-pick-card>.abx-pick-chip{top:-10px;left:16px;padding:5px 10px;font-size:10px} }
/* footer: the bottom bar and the fine print span the full footer width (they had fallen into the narrow brand
   column, leaving a large empty area beside them) */
body.abx #siteFooter .abx-foot-bar{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 28px;margin-top:4px;padding-top:18px;border-top:1px solid var(--abx-line,#E3E6DF)}
body.abx #siteFooter .abx-foot-bar>.footer-bottom-row{display:block!important;margin:0!important;padding:0!important;border:0!important}
body.abx #siteFooter .abx-foot-bar>.footer-bottom-row:first-child>span{display:inline}
body.abx #siteFooter .footer-disclaimer{grid-column:1/-1;max-width:none!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:6px 40px;margin-top:-8px!important;font-size:11.5px!important;line-height:1.55!important}
body.abx #siteFooter .footer-disclaimer p{margin:0}
@media (max-width:760px){ body.abx #siteFooter .abx-foot-bar{flex-direction:column;align-items:flex-start} }

/* ------------------------------------------------ 50. Language: a header button beside Ask Robbie + a richer menu */
@media (min-width:961px){
  body.abx #abxShell .abx-header-actions>.lang-wrap.in-header{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;z-index:80!important;display:inline-flex!important;visibility:visible!important;margin:0 10px 0 0}
  body.abx #abxShell .abx-header-actions>.lang-wrap.in-header .lang-btn{display:inline-flex!important;align-items:center;gap:8px;height:48px!important;min-height:48px!important;width:auto!important;min-width:0!important;padding:0 14px 0 7px!important;border-radius:999px!important;
    background:#fff!important;border:1px solid var(--abx-line,#E3E6DF)!important;color:var(--abx-ink,#19241F)!important;font:750 14.5px/1 var(--abx-font,Inter,system-ui,sans-serif)!important;letter-spacing:.02em;
    box-shadow:0 1px 2px rgba(16,28,48,.06),0 6px 16px -10px rgba(16,28,48,.28)!important;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}
  body.abx #abxShell .abx-header-actions>.lang-wrap.in-header .lang-btn:hover{border-color:#C9D6EA!important;box-shadow:0 2px 4px rgba(16,28,48,.08),0 12px 24px -12px rgba(32,92,197,.35)!important;transform:translateY(-1px)}
  body.abx #abxShell .abx-header-actions>.lang-wrap.in-header .lang-btn>svg:first-child{box-sizing:content-box;width:18px;height:18px;padding:8px;border-radius:50%;background:#EAF1FC;color:#205CC5;flex:0 0 auto}
  body.abx #abxShell .abx-header-actions>.lang-wrap.in-header .lang-code{display:inline!important}
  body.abx #abxShell .abx-header-actions>.lang-wrap.in-header .lang-chev{display:block;color:#6B746E;transition:transform .25s cubic-bezier(.22,1,.36,1)}
  body.abx #abxShell .abx-header-actions>.lang-wrap.in-header .lang-btn[aria-expanded="true"]{border-color:#9DB8E6!important;box-shadow:0 0 0 4px rgba(32,92,197,.12)!important}
  body.abx #abxShell .abx-header-actions>.lang-wrap.in-header .lang-btn[aria-expanded="true"] .lang-chev{transform:rotate(180deg)}
  body.abx #abxShell .abx-header-actions>.lang-wrap.in-header .lang-sheet{position:absolute!important;top:calc(100% + 10px)!important;bottom:auto!important;right:0!important;left:auto!important;width:300px!important;max-width:calc(100vw - 32px);transform-origin:right top!important}
  /* the Burbank Live card no longer reserves a foot for the button */
  body.abx .abx-live{padding-bottom:18px!important}
  /* p18z17 (Romik, 29 Oct: "remove all the additional white space"): the card is as tall as what it holds, at most the
     window's height, so nothing empty sits under the Burbank News card; on short windows the list still scrolls inside
     it (§48) */
  body.abx .abx-live{height:auto;max-height:calc(100vh - 2*var(--abx-pad))}
}
/* phones/tablets: same look for the top-bar button (globe chip + code + chevron) */
body.abx .lang-chev{display:none}
@media (max-width:960px){
  body.abx .lang-btn{display:inline-flex!important;align-items:center;gap:6px;padding:0 10px 0 5px!important}
  body.abx .lang-btn>svg:first-child{box-sizing:content-box;width:17px;height:17px;padding:7px;border-radius:50%;background:#EAF1FC;color:#205CC5}
  body.abx .lang-chev{display:block;color:#6B746E;transition:transform .25s ease}
  body.abx .lang-btn[aria-expanded="true"] .lang-chev{transform:rotate(180deg)}
}
@media (max-width:340px){ body.abx .lang-chev{display:none!important} }
/* the menu: each language on its own row — a code badge, the language in its own script with its English name under it,
   the beta tag and the check on the right */
body.abx .lang-sheet{padding:8px!important;min-width:280px}
body.abx .lang-sheet .lang-sheet-h{padding:6px 10px 8px!important;font:800 11px/1 var(--abx-font,inherit)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--abx-ink-3,#6B746E)!important}
body.abx .lang-sheet .lang-opt{display:flex!important;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px 8px 8px!important;border-radius:14px!important;text-align:left}
body.abx .lang-sheet .lang-ab{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#F2F5F9;color:#3D4A5C;font:800 12.5px/1 var(--abx-font,inherit);letter-spacing:.04em;transition:background .2s,color .2s}
body.abx .lang-sheet .lang-opt.on .lang-ab{background:#205CC5;color:#fff}
body.abx .lang-sheet .lang-tx{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}
body.abx .lang-sheet .lang-tx b{font:700 15px/1.2 var(--abx-font,inherit);color:var(--abx-ink,#19241F)}
body.abx .lang-sheet .lang-tx small{font:500 12px/1.2 var(--abx-font,inherit);color:var(--abx-ink-3,#6B746E)}
body.abx .lang-sheet .lang-opt em{margin-left:auto!important;flex:0 0 auto}
body.abx .lang-sheet .lang-opt::after{margin-left:6px!important}
body.abx .lang-sheet .lang-opt:not(:has(em))::after{margin-left:auto!important}
body.abx .lang-sheet .lang-sheet-note{margin:6px 4px 2px!important;padding:10px 10px 4px!important;border-top:1px solid var(--abx-line,#E3E6DF);font:500 11.5px/1.45 var(--abx-font,inherit)!important;color:var(--abx-ink-3,#6B746E)!important}

/* ------------------------------------------------ 51. Hero: one tidy row of suggestions; "Hear Robbie" on his bubble */
body.abx .abx-intro .abx-chips{flex-wrap:nowrap!important;flex-direction:row!important;align-items:center!important;gap:8px!important;margin-top:14px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:2px 2px 4px;margin-left:-2px;margin-right:-2px}
body.abx .abx-intro .abx-chips::-webkit-scrollbar{display:none}
body.abx .abx-intro .abx-chip{flex:0 0 auto!important;min-height:38px!important;padding:0 12px!important;gap:6px!important;font-size:13px!important;font-weight:650!important;white-space:nowrap;justify-content:center;
  background:rgba(255,255,255,.86)!important;border:1px solid rgba(25,36,31,.10)!important;box-shadow:0 1px 2px rgba(16,28,48,.05)!important}
body.abx .abx-intro .abx-chip svg{width:15px!important;height:15px!important;opacity:.75}
@media (min-width:961px){ body.abx .abx-intro .abx-chip svg{display:none} }
/* only whole chips: heroFit() in ab-hero-v306.js hides the ones that would be cut, in every language
   (this replaces the old scroll-with-fade on small screens, which still showed half a chip) */
body.abx .abx-intro .abx-chips{overflow:hidden!important}
body.abx .abx-intro .abx-chip{max-width:100%}
body.abx .abx-intro .abx-chip>span{overflow:hidden;text-overflow:ellipsis}
body.abx .abx-intro .abx-chip.abx-chip-off{display:none!important}
body.abx .abx-intro .abx-chips.is-tight .abx-chip{padding:0 11px!important}
body.abx .abx-intro .abx-chips.is-tight .abx-chip svg{display:none!important}
/* the Ask button steps down when a long label would squeeze the question: a short label, then Robbie's face alone */
body.abx .abx-ask .abx-ask-short{display:none}
body.abx .abx-ask.is-short .ab-hero-form-btn-lbl,body.abx .abx-ask.is-icon .ab-hero-form-btn-lbl{display:none!important}
body.abx .abx-ask.is-short .abx-ask-short{display:inline;color:#fff;font-size:16.5px;font-weight:700;line-height:1;white-space:nowrap}
body.abx .abx-ask.is-short .ab-hero-form-btn{padding:0 18px 0 7px!important}
body.abx .abx-ask.is-icon .ab-hero-form-btn{padding:0 14px 0 7px!important;gap:8px!important;justify-content:center}
body.abx .abx-ask.is-icon .ab-hero-form-btn::after{content:"";flex:0 0 auto;width:18px;height:18px;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
/* speaker button on Robbie's speech bubble */
body.abx .abx-bubble .abx-hear.in-bubble{position:absolute;right:-12px;bottom:-12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:0!important;margin:0!important;padding:0!important;align-self:auto;
  border:0!important;border-radius:50%!important;background:#205CC5!important;color:#fff!important;box-shadow:0 0 0 3px #fff,0 8px 18px -6px rgba(32,92,197,.65)!important;cursor:pointer;transition:transform .2s ease}
body.abx .abx-bubble .abx-hear.in-bubble[hidden]{display:none}
body.abx .abx-bubble .abx-hear.in-bubble:hover{transform:scale(1.08)}
body.abx .abx-bubble .abx-hear.in-bubble svg{width:17px;height:17px}
body.abx .abx-bubble .abx-hear.in-bubble .abx-hear-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.abx .abx-bubble .abx-hear.in-bubble[aria-pressed="true"]{background:#fff!important;color:#205CC5!important;box-shadow:0 0 0 3px #205CC5,0 8px 18px -6px rgba(32,92,197,.65)!important;animation:abxHearPulse 1.6s ease-in-out infinite}
@keyframes abxHearPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@media (prefers-reduced-motion:reduce){ body.abx .abx-bubble .abx-hear.in-bubble{animation:none!important} }
@media (max-width:960px){ body.abx .abx-bubble .abx-hear.in-bubble{right:-8px;bottom:-10px;width:32px;height:32px} }

/* ------------------------------------------------ 52. Halloween: a spider crawling around the inside rim of the cards */
.abx-crawl-host{position:relative}
.abx-crawl{position:absolute;left:0;top:0;z-index:4;width:25px;height:25px;pointer-events:none;will-change:transform;filter:drop-shadow(0 1px 1.5px rgba(255,255,255,.55)) drop-shadow(0 2px 3px rgba(10,20,40,.25))}
/* oct13: three stacked layers (legs A, legs B, body); the legs turn with a CSS transform on their own <svg>, which the
   compositor can animate (a transform on a <g> inside an svg runs on the main thread) */
.abx-crawl svg{position:absolute;inset:0;display:block;width:100%;height:100%}
.abx-crawl .abx-cl{transform-origin:50% 55%}
.abx-crawl.is-walk .abx-cl-a{animation:abxClA .26s linear infinite}
.abx-crawl.is-walk .abx-cl-b{animation:abxClB .26s linear infinite}
@keyframes abxClA{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
@keyframes abxClB{0%,100%{transform:rotate(9deg)}50%{transform:rotate(-9deg)}}
@media (max-width:600px){ .abx-crawl{width:21px;height:21px} }
@media (prefers-reduced-motion:reduce){ .abx-crawl{display:none!important} }
@media print{ .abx-crawl{display:none!important} }

/* ------------------------------------------------ 53. Burbank News in Burbank Live (p18q, 23 Oct 2026). Romik: "make to
   fun, friendly and incorporate Robbie, reading a news paper", then "don't show the articles in the live section" (no
   headlines, so the section stays uncluttered). A warm newsprint card in the family of the Teach Robbie card (same cream,
   gold edge and sparkles): Robbie reading the paper on its top corner, Burbank News, one friendly line and Read the latest.
   The site's own type (no serif masthead, no capitals label: p17x). The legacy .rn-card rules in index.html (box, lift,
   blue bar) are reset here. Markup: index.html (railHtml). Very short rails hide the card. */
body.abx .rn-card.rn-v4{--rn-bg:#FFF7E6;position:relative;display:block;margin:0;padding:12px 12px 12px;border:1px solid #F1DBA8;border-radius:16px;background:var(--rn-bg);box-shadow:none;color:var(--abx-ink);text-decoration:none;overflow:visible;transform:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
body.abx .rn-card.rn-v4:hover{--rn-bg:#FFF2D6;transform:none;border-color:#E6C47A;box-shadow:0 10px 22px -16px rgba(120,80,10,.55)}
body.abx .rn-card.rn-v4:before,body.abx .rn-card.rn-v4:after{display:none}
body.abx .rn-card.rn-v4:focus-visible{border-radius:16px}
body.abx .rn-v4 .rn-art{position:absolute;top:-22px;right:0;width:70px;height:70px;pointer-events:none;transition:transform .28s var(--abx-ease)}
body.abx .rn-v4:hover .rn-art{transform:translate3d(0,-3px,0) scale(1.05)}
body.abx .rn-v4 .rn-robbie{display:block;width:100%;height:100%;max-width:none;margin:0;border-radius:0;transform-origin:50% 92%;animation:rnRead 6.5s ease-in-out infinite;filter:drop-shadow(0 3px 3px rgba(96,64,8,.18))}
body.abx .rn-v4 .rn-spark{position:absolute;width:7px;height:7px;background:#F0A500;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;animation:rnSpark 2.8s ease-in-out infinite}
body.abx .rn-v4 .rn-s1{top:6px;left:-5px}
body.abx .rn-v4 .rn-s2{top:-8px;right:10px;width:6px;height:6px;animation-delay:.9s}
body.abx .rn-v4 .rn-s3{top:26px;right:-6px;width:5px;height:5px;animation-delay:1.8s}
body.abx .rn-v4 .rn-tt{display:block;min-height:44px;padding:0 58px 0 0}
body.abx .rn-v4 .rn-title{display:block;margin:0;padding:0;font:750 16px/1.2 var(--abx-font,inherit);letter-spacing:-.01em;color:var(--abx-ink)}
body.abx .rn-v4 .rn-sub{display:block;margin:4px 0 0;padding:0;font:500 12.5px/1.35 var(--abx-font,inherit);color:#765E2F}
body.abx .rn-v4 .rn-go{display:flex;align-items:center;gap:2px;margin:10px 0 0 1px;font:700 13px/1.2 var(--abx-font,inherit);letter-spacing:0;text-transform:none;color:#7A5A12}
body.abx .rn-v4 .rn-go .rn-chev{flex:0 0 auto;width:16px;height:16px;margin:1px 0 0;color:currentColor;transition:transform .18s ease}
body.abx .rn-v4:hover .rn-go .rn-chev{transform:translateX(3px)}
@keyframes rnRead{0%,100%{transform:translate3d(0,0,0) rotate(0)}16%{transform:translate3d(0,0,0) rotate(-2.5deg)}32%{transform:translate3d(0,0,0) rotate(2deg)}48%{transform:translate3d(0,0,0) rotate(-1.5deg)}64%{transform:translate3d(0,0,0) rotate(0)}74%,86%{transform:translate3d(0,-4px,0) scale(1.04)}94%{transform:translate3d(0,0,0) scale(1)}}
@keyframes rnSpark{0%,100%{opacity:0;transform:scale(.4) rotate(0)}45%{opacity:1;transform:scale(1) rotate(45deg)}70%{opacity:0;transform:scale(.6) rotate(90deg)}}
/* the rail: right under the live signals, with room above for Robbie's head */
body.abx #railNews{margin-top:28px;padding-top:0;border-top:0}
@media (min-width:961px) and (max-height:640px){ body.abx .abx-live-news{display:none} }
/* the phone menu and the phone Burbank Live sheet: the same card, a little larger */
body.abx #drawerNews{margin-top:34px}
body.abx #sheetNews{margin:34px 0 4px}
body.abx #sheetNews:empty{display:none}
body.abx :is(#drawerNews,#sheetNews) .rn-card.rn-v4{padding:14px}
body.abx :is(#drawerNews,#sheetNews) .rn-v4 .rn-art{top:-28px;right:4px;width:86px;height:86px}
body.abx :is(#drawerNews,#sheetNews) .rn-v4 .rn-tt{min-height:50px;padding-right:84px}
body.abx :is(#drawerNews,#sheetNews) .rn-v4 .rn-title{font-size:17px}
body.abx :is(#drawerNews,#sheetNews) .rn-v4 .rn-sub{font-size:13.5px}
body.abx :is(#drawerNews,#sheetNews) .rn-v4 .rn-go{font-size:14px}
@media (prefers-reduced-motion:reduce){
  body.abx .rn-card.rn-v4,body.abx .rn-v4 .rn-art,body.abx .rn-v4 .rn-chev{transition:none}
  body.abx .rn-v4 .rn-robbie,body.abx .rn-v4 .rn-spark{animation:none}
  body.abx .rn-v4 .rn-s1,body.abx .rn-v4 .rn-s2{opacity:1}
}

/* ------------------------------------------------ 53b. The Burbank News page (p18q, 23 Oct 2026). Romik: "redesign the ask
   Burbank news section, elevate it so it matches the aesthetics of the rest of the site, make it more organized, easy to
   ready, user friendly". The site's hero with Robbie reading the paper; a bar with the date and topic buttons; the top
   story; then one white panel per topic (City Hall, Around town, Schools, Sports, Public safety) with a tinted tile like
   the Burbank Live rows, and each story as a row: newsroom category, headline, newsroom, byline and time, a photo when the
   newsroom has one. A whole row or card opens the story on the newsroom's site. Markup: index.html (news script, page()). */
body.abx #page-news .dash-hero-icon{display:none!important}
@media (min-width:961px){ body.abx #page-news .dash-hero.abx-v306.abx-no-photo .dash-hero-inner{width:min(660px,68%)} }
body.abx .nw2-robbie{position:absolute;z-index:3;right:4%;bottom:0;width:min(24%,250px);aspect-ratio:1;pointer-events:none}
body.abx .nw2-robbie img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;object-fit:contain;object-position:50% 100%;transform-origin:50% 96%;animation:rnRead 6.5s ease-in-out infinite;filter:drop-shadow(0 12px 16px rgba(25,36,31,.2))}
body.abx .nw2-bubble{position:absolute;right:2%;bottom:calc(100% + 2px);width:max-content;max-width:180px;padding:9px 13px;border-radius:16px;background:#fff;box-shadow:0 10px 26px rgba(25,36,31,.16);font:700 13.5px/1.3 var(--abx-font,inherit);color:#7A5A12;animation:nw2Bob 4.5s ease-in-out infinite}
body.abx .nw2-spark{position:absolute;width:9px;height:9px;background:#F0A500;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;animation:rnSpark 2.8s ease-in-out infinite}
body.abx .nw2-s1{top:10%;left:6%}
body.abx .nw2-s2{top:0;right:16%;width:7px;height:7px;animation-delay:.9s}
body.abx .nw2-s3{top:26%;right:-2%;width:6px;height:6px;animation-delay:1.8s}
@keyframes nw2Bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
/* the bar: date and freshness, then the topic buttons in one rounded group */
body.abx .nw2{margin-top:22px}
body.abx .nw2-bar{container-type:inline-size;display:grid;gap:14px;margin:0 0 18px;padding:16px 18px 18px;background:#fff;border:1px solid var(--abx-line);border-radius:22px}
body.abx .nw2-when{display:grid;gap:4px}
body.abx .nw2-date{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin:0;font:500 14.5px/1.4 var(--abx-font,inherit);color:var(--abx-ink-3)}
body.abx .nw2-date b{font:750 16px/1.3 var(--abx-font,inherit);letter-spacing:-.01em;color:var(--abx-ink)}
body.abx .nw2-live{flex:0 0 auto;width:9px;height:9px;margin-right:-2px;border-radius:50%;background:#2E9E4F;box-shadow:0 0 0 4px rgba(46,158,79,.16)}
body.abx .nw2-credits{margin:0;font:500 14px/1.45 var(--abx-font,inherit);color:var(--abx-ink-2)}
body.abx .nw2-room{display:inline-flex;align-items:center;gap:2px;font-weight:700;color:var(--abx-blue);text-decoration:none}
body.abx .nw2-room:hover{text-decoration:underline;text-underline-offset:3px}
body.abx .nw2-dot{margin:0 6px;color:#A9B3AC}
/* the topics: three tiles a row, all of them in one row when the panel is wide; each in its panel's tone. A name too
   long for its tile is set a little smaller, and if it still does not fit the tile takes two places (fitTiles in the
   news script), so no word is ever split. */
body.abx .nw2-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row dense;gap:8px;padding-top:14px;border-top:1px solid var(--abx-line-2)}
@container (min-width:700px){ body.abx .nw2-topics{grid-template-columns:repeat(var(--n,6),minmax(0,1fr))} }
body.abx .nw2-tbtn.nw2-wide{grid-column:span 2}
body.abx .nw2-tbtn[data-tone="all"]{--t:#2B3A33;--tb:#EEF1F0}
body.abx .nw2-tbtn[data-tone="city"]{--t:var(--lt-airport);--tb:var(--lt-airport-bg)}
body.abx .nw2-tbtn[data-tone="town"]{--t:var(--lt-aqi);--tb:var(--lt-aqi-bg)}
body.abx .nw2-tbtn[data-tone="schools"]{--t:var(--lt-sun);--tb:var(--lt-sun-bg)}
body.abx .nw2-tbtn[data-tone="sports"]{--t:var(--lt-roads);--tb:var(--lt-roads-bg)}
body.abx .nw2-tbtn[data-tone="safety"]{--t:var(--lt-fire);--tb:var(--lt-fire-bg)}
body.abx .nw2-tbtn{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ico cnt" "lbl lbl";align-items:start;gap:8px 6px;min-width:0;min-height:82px;margin:0;padding:11px 11px 10px;border:1.5px solid var(--abx-line);border-radius:16px;background:#fff;text-align:left;color:var(--abx-ink);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease}
body.abx .nw2-tbtn:hover{border-color:var(--t);box-shadow:0 8px 18px -14px rgba(25,36,31,.45);transform:translateY(-1px)}
body.abx .nw2-tbtn:focus-visible{outline:3px solid var(--abx-blue);outline-offset:2px}
body.abx .nw2-tico{grid-area:ico;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--tb);color:var(--t)}
body.abx .nw2-tl{grid-area:lbl;align-self:end;min-width:0;font:700 14px/1.2 var(--abx-font,inherit);letter-spacing:-.005em;color:var(--abx-ink);overflow-wrap:normal;word-break:normal}
body.abx .nw2-tc{grid-area:cnt;justify-self:end;font:650 13px/1 var(--abx-font,inherit);color:var(--abx-ink-3)}
body.abx .nw2-tbtn[aria-pressed="true"]{border-color:var(--t);background:var(--tb);box-shadow:inset 0 0 0 1px var(--t)}
body.abx .nw2-tbtn[aria-pressed="true"] .nw2-tico{background:var(--t);color:#fff}
body.abx .nw2-tbtn[aria-pressed="true"] .nw2-tc{color:var(--t)}
/* shared: newsroom category, headline links that cover their card, the meta line */
body.abx .nw2-kick{display:flex;flex-wrap:wrap;align-items:center;font:700 11.5px/1.3 var(--abx-font,inherit);letter-spacing:.12em;text-transform:uppercase;color:var(--abx-ink-3)}
body.abx .nw2-kick .nw2-dot{margin:0 7px}
body.abx .nw2-top{color:var(--abx-blue)}
body.abx .nw2-link{color:inherit;text-decoration:none}
body.abx .nw2-link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
body.abx .nw2-link:focus-visible{outline:none}
body.abx .nw2-link:focus-visible:after{outline:3px solid var(--abx-blue);outline-offset:-3px}
body.abx :is(.nw2-lead,.nw2-row):hover .nw2-link{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
body.abx .nw2-by{overflow:hidden;font:500 13.5px/1.45 var(--abx-font,inherit);color:var(--abx-ink-3)}
body.abx .nw2-author{font-weight:650;color:var(--abx-ink-2)}
body.abx .nw2-srcline{display:flex;align-items:center;gap:8px;font:700 14px/1.3 var(--abx-font,inherit);color:var(--abx-ink)}
body.abx .nw2-srcico{flex:0 0 24px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--abx-blue-soft);color:var(--abx-blue)}
body.abx .nw2-srcname{font-weight:700;color:var(--abx-ink)}
body.abx .nw2-cat{font:600 13px/1.3 var(--abx-font,inherit);color:var(--abx-ink-3)}
body.abx .nw2-srcwrap{flex:1 1 auto;min-width:0;overflow:hidden}
body.abx .nw2-meta-in{display:flex;flex-wrap:wrap;margin-left:-15px}
body.abx .nw2-mi{white-space:nowrap}
body.abx .nw2-mi:before{content:"·";display:inline-block;width:15px;text-align:center;color:#A9B3AC}
body.abx .nw2 .nw-mt{display:inline-block;margin-left:8px;font:600 11.5px/1.4 var(--abx-font,inherit);color:var(--abx-ink-3);vertical-align:2px}
body.abx .nw2-ext{flex:0 0 auto}
/* the top story */
body.abx .nw2-lead{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin:0 0 18px;overflow:hidden;background:#fff;border:1px solid var(--abx-line);border-radius:22px;transition:box-shadow .2s ease,border-color .2s ease}
body.abx .nw2-lead:hover{border-color:#C9D6EA;box-shadow:0 16px 34px -22px rgba(25,36,31,.45)}
body.abx .nw2-lead-media{position:relative;min-height:270px;background:#E8EEF7;overflow:hidden}
body.abx .nw2-lead-media .nw2-pic{position:absolute;inset:0;border-radius:0}
body.abx .nw2-lead.no-pic{grid-template-columns:minmax(0,1fr)}
body.abx .nw2-lead.no-pic .nw2-lead-media{display:none}
body.abx .nw2-lead:hover .nw2-pic img{transform:scale(1.03)}
body.abx .nw2-lead-body{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:26px 28px}
body.abx .nw2-lead-h{margin:0;font:750 clamp(22px,2.3vw,29px)/1.2 var(--abx-font,inherit);letter-spacing:-.015em;color:var(--abx-ink);text-wrap:balance;overflow-wrap:anywhere}
body.abx .nw2-read{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font:700 14.5px/1.2 var(--abx-font,inherit);color:var(--abx-blue)}
/* one panel per topic */
body.abx .nw2-sec{margin:0 0 18px;padding:4px 22px 6px;background:#fff;border:1px solid var(--abx-line);border-radius:22px}
body.abx .nw2-sec[data-topic="city"]{--t:var(--lt-airport);--tb:var(--lt-airport-bg)}
body.abx .nw2-sec[data-topic="town"]{--t:var(--lt-aqi);--tb:var(--lt-aqi-bg)}
body.abx .nw2-sec[data-topic="schools"]{--t:var(--lt-sun);--tb:var(--lt-sun-bg)}
body.abx .nw2-sec[data-topic="sports"]{--t:var(--lt-roads);--tb:var(--lt-roads-bg)}
body.abx .nw2-sec[data-topic="safety"]{--t:var(--lt-fire);--tb:var(--lt-fire-bg)}
body.abx .nw2-sec-h{display:flex;align-items:center;gap:12px;margin:0;padding:16px 0 14px;border-bottom:1px solid var(--abx-line-2);font:750 19px/1.2 var(--abx-font,inherit);letter-spacing:-.01em;color:var(--abx-ink)}
body.abx .nw2-ico{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--tb);color:var(--t)}
body.abx .nw2-count{margin-left:auto;font:600 13.5px/1 var(--abx-font,inherit);color:var(--abx-ink-3)}
/* p18u (Romik, 23 Oct 17:32 PT: "I need to see the article image for each article") and p18w (19:08 PT: "If an article
   doesn't have a picture, don't put a placeholder"). In each topic the stories with a picture come first: on a narrow
   panel (phones) the first leads with its picture across the panel and the rest are rows with the picture on the
   right; on a wide panel (tablets, computers) they are cards, picture on top. Stories without a picture follow as a
   plain list of headlines, text only. */
body.abx .nw2-sec{container-type:inline-size}
body.abx .nw2-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:16px;align-items:start;align-content:start;padding:16px 0;border-top:1px solid var(--abx-line-2)}
body.abx .nw2-row.no-pic{grid-template-columns:minmax(0,1fr)}
body.abx :is(.nw2-rows,.nw2-list)>.nw2-row:first-child{border-top:0}
body.abx .nw2-rows+.nw2-list{border-top:1px solid var(--abx-line-2)}
body.abx .nw2-txt{display:flex;flex-direction:column;gap:6px;min-width:0}
body.abx .nw2-h{margin:0;font:650 17px/1.38 var(--abx-font,inherit);letter-spacing:-.005em;color:var(--abx-ink);overflow-wrap:anywhere}
body.abx .nw2-pic{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:14px;background:#EEF1F0}
body.abx .nw2-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--abx-ease)}
body.abx .nw2-row:hover .nw2-pic img{transform:scale(1.05)}
/* narrow panel: the first story of each topic leads with its picture across the panel */
body.abx .nw2-rows>.nw2-row:first-child{grid-template-columns:minmax(0,1fr);gap:14px}
body.abx .nw2-rows>.nw2-row:first-child .nw2-pic{order:-1;aspect-ratio:16/9;border-radius:16px}
body.abx .nw2-rows>.nw2-row:first-child .nw2-h{font-size:19px;line-height:1.3}
/* wide panel: cards, picture on top */
@container (min-width:600px){
  body.abx .nw2-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px 22px;padding:20px 0 22px}
  body.abx .nw2-rows>.nw2-row,body.abx .nw2-rows>.nw2-row:first-child{grid-template-columns:minmax(0,1fr);gap:12px;padding:0;border-top:0}
  body.abx .nw2-row .nw2-pic,body.abx .nw2-rows>.nw2-row:first-child .nw2-pic{order:-1;aspect-ratio:3/2;border-radius:16px}
  body.abx .nw2-rows>.nw2-row:first-child .nw2-h{font-size:17px;line-height:1.38}
  body.abx .nw2-rows+.nw2-list{margin-top:4px}
}
body.abx .nw2-alts{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:2px;font:500 13px/1.4 var(--abx-font,inherit);color:var(--abx-ink-3)}
body.abx .nw2-alt{display:inline-flex;align-items:center;gap:3px;font-weight:650;color:var(--abx-blue);text-decoration:none}
body.abx .nw2-alt:hover{text-decoration:underline;text-underline-offset:3px}
body.abx .nw2-empty{padding:30px 20px;text-align:center;background:#fff;border:1px solid var(--abx-line);border-radius:22px;font:500 15px/1.5 var(--abx-font,inherit);color:var(--abx-ink-3)}
body.abx #page-news .nw-credit{display:block;margin:4px 0 0;padding:16px 20px;border-radius:18px;background:#fff;border:1px solid var(--abx-line);font:400 13.5px/1.6 var(--abx-font,inherit);color:var(--abx-ink-2)}
body.abx #page-news .nw-credit b{font-weight:700;color:var(--abx-ink)}
@media (max-width:960px){
  body.abx .nw2-robbie{width:min(30%,200px)}
  body.abx .nw2-bubble{display:none}
}
@media (max-width:640px){
  body.abx #page-news .dash-hero :is(.abx-crumbs,.dash-hero-crumb,.dash-hero-title){padding-right:96px}
  body.abx .nw2-robbie{top:12px;bottom:auto;right:6px;width:108px}
  body.abx .nw2-bar{margin-bottom:14px;padding:14px 14px 14px;border-radius:20px}
  body.abx .nw2-topics{gap:7px}
  body.abx .nw2-tbtn{min-height:78px;padding:10px 10px 9px;border-radius:14px}
  body.abx .nw2-tl{font-size:13.5px}
  body.abx .nw2-lead{grid-template-columns:minmax(0,1fr);border-radius:20px}
  body.abx .nw2-lead-media{min-height:0;aspect-ratio:16/10}
  body.abx .nw2-lead-body{padding:18px 18px 20px;gap:10px}
  body.abx .nw2-lead-h{font-size:22px}
  body.abx .nw2-sec{padding:2px 16px 4px;border-radius:20px}
  body.abx .nw2-sec-h{font-size:18px;padding:14px 0 12px}
  body.abx .nw2-row{grid-template-columns:minmax(0,1fr) 104px;gap:14px;padding:14px 0}
  body.abx .nw2-pic{border-radius:12px}
  body.abx .nw2-h{font-size:16px}
  body.abx .nw2-rows>.nw2-row:first-child{padding-top:16px}
  body.abx .nw2-rows>.nw2-row:first-child .nw2-pic{border-radius:14px}
  body.abx .nw2-rows>.nw2-row:first-child .nw2-h{font-size:18px}
}
@media (max-width:360px){
  body.abx .nw2-row{grid-template-columns:minmax(0,1fr) 84px;gap:12px}
  body.abx .nw2-by{font-size:13px}
  body.abx .nw2-srcline{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){
  body.abx .nw2-robbie img,body.abx .nw2-bubble,body.abx .nw2-spark{animation:none}
  body.abx .nw2-s1,body.abx .nw2-s2{opacity:1}
  body.abx .nw2-lead,body.abx .nw2-pic img,body.abx .nw2-tbtn{transition:none}
  body.abx .nw2-tbtn:hover{transform:none}
  body.abx .nw2-lead:hover .nw2-pic img,body.abx .nw2-row:hover .nw2-pic img{transform:none}
}
@media print{ body.abx .nw2-robbie,body.abx .nw2-topics{display:none!important} body.abx .nw2-lead,body.abx .nw2-sec{break-inside:avoid} }

/* p18q (Romik, 23 Oct 13:42 PT): the phone menu's header (logo and close button) stays at the top while the menu scrolls */
body.abx #v2Drawer .v2-drawer-hdr{position:sticky!important;top:0;z-index:5;background:rgba(255,255,255,.95)!important;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-top-left-radius:24px}

/* ------------------------------------------------ 55. Phones: the page fits the screen and does not zoom (p18s, 23 Oct 2026).
   Romik, with an iPhone screenshot of a page slightly wider than the screen: "make sure on mobile, the frame of the site
   fits within any mobile browser and doesn't allow you to pinch zoom". With the viewport tag (maximum-scale=1,
   user-scalable=no) and the iOS gesture guard in index.html: pan-x pan-y lets every page and row scroll but takes away
   pinch and double-tap zoom (the map sets its own touch-action and zooms itself); nothing may make the page wider than the
   screen (clip, not hidden, so sticky headers and window scrolling keep working). tools/qa/fit.mjs checks every
   page at 320, 375 and 430 px in the gate. */
html,body.abx{touch-action:pan-x pan-y}
html,body.abx{max-width:100%;overflow-x:clip}
/* found by tools/qa/fit.mjs on a 320 px screen (small Android phones): the rental spaces' 300 px minimum column and the
   calendar header's 172 px month box were wider than the screen */
body.abx .page .chx-spaces{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))!important}
@media (max-width:400px){ body.abx .evc-head{flex-wrap:wrap;row-gap:8px} body.abx .evc-month{min-width:0!important} }

/* ------------------------------------------------ 54. Sponsor screens: white Ask Burbank logo (2x, no pill) */
#splash .abx-spon .abx-sc-logo,#splash .abx-pick .abx-sc-logo{padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
#splash .abx-spon .abx-sc-logo img,#splash .abx-pick .abx-sc-logo img{height:68px!important;filter:brightness(0) invert(1) drop-shadow(0 2px 10px rgba(0,0,0,.35))}
@media (max-width:600px){
  #splash .abx-spon .abx-sc-logo img,#splash .abx-pick .abx-sc-logo img{height:52px!important}
}
@media (max-width:760px){ #splash .abx-pick .abx-pick-stage{padding-top:96px} }
@media (max-width:760px) and (max-height:760px){ #splash .abx-pick .abx-pick-stage{padding-top:84px} }
@media (max-height:500px) and (min-aspect-ratio:5/4){
  #splash .abx-spon .abx-sc-logo img,#splash .abx-pick .abx-sc-logo img{height:44px!important}
  #splash .abx-pick .abx-pick-stage{padding-top:60px}
}

/* ------------------------------------------------ 55. Where to Stay: each hotel card opens with a real photo of the property */
#page-city-visit .vb-hotel-photo{position:relative;margin:-16px -16px 14px;aspect-ratio:16/10;overflow:hidden;background:#E9EEF5}
#page-city-visit .vb-hotel-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
#page-city-visit .vb-hotel:hover .vb-hotel-photo img{transform:scale(1.04)}
#page-city-visit .vb-hotel-photo:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(10,18,32,.45));pointer-events:none}
#page-city-visit .vb-hotel-photo figcaption{position:absolute;right:8px;bottom:6px;z-index:1;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 10px/1.3 var(--abx-font,Inter,system-ui,sans-serif);color:rgba(255,255,255,.88);text-shadow:0 1px 2px rgba(0,0,0,.5)}
#page-city-visit .vb-hotel:before{z-index:2}
@media (prefers-reduced-motion:reduce){ #page-city-visit .vb-hotel-photo img{transition:none} #page-city-visit .vb-hotel:hover .vb-hotel-photo img{transform:none} }
/* translations run longer: titles ellipsize instead of running under neighbours */
body.abx .abx-live-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#splash .abx-pick-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#v2Tabbar .v2-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ------------------------------------------------ v306 Chamber pages: real burbankchamber.org content (Oct 2026) */
body.abx .page .chamber-hero-img.chx-img{position:relative;overflow:hidden;background:#F3F6FA!important;min-height:280px;align-self:stretch;height:auto!important}
body.abx .page .chx-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
body.abx .page .chx-img.chx-contain>img{object-fit:contain;padding:18px;box-sizing:border-box}
body.abx .page .chamber-hero-img.chx-img.chx-contain{min-height:340px;background:#fff!important;border-left:1px solid var(--abx-line)}
body.abx .page .chx-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 16px;margin:16px 0 0;font-size:15px;line-height:1.5}
body.abx .page .chx-facts dt{font-weight:700;color:var(--abx-ink)}
body.abx .page .chx-facts dd{margin:0;color:var(--abx-ink-2)}
body.abx .page .chx-facts a{color:var(--abx-blue)!important}
body.abx .page .chx-levels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.abx .page .chx-level{display:flex;flex-direction:column;gap:2px;height:100%;box-sizing:border-box;padding:16px 16px 14px;background:#fff;border:1px solid var(--abx-line);border-radius:var(--abx-r-tile);color:var(--abx-ink);text-decoration:none;transition:border-color var(--abx-t-fast) var(--abx-ease),box-shadow var(--abx-t-fast) var(--abx-ease)}
body.abx .page .chx-level:hover,body.abx .page .chx-level:focus-visible{border-color:var(--abx-blue);box-shadow:var(--abx-shadow-2)}
body.abx .page .chx-level-k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tone-chamber)}
body.abx .page .chx-level-p{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-top:4px}
body.abx .page .chx-level-p span{font-size:14px;font-weight:600;letter-spacing:0;color:var(--abx-ink-2);margin-left:2px}
body.abx .page .chx-level-e{font-size:14px;color:var(--abx-ink-2);line-height:1.4}
body.abx .page .chx-level-go{margin-top:auto;padding-top:10px;font-size:13px;font-weight:700;color:var(--abx-blue)}
body.abx .page .chx-level.chx-micro{background:var(--tone-chamber-bg);border-color:var(--tone-chamber-bd)}
body.abx .page .chx-fine{margin:12px 2px 0;font-size:13px;line-height:1.55;color:var(--abx-ink-2)}
body.abx .page .chx-quote{margin:0 0 12px;padding:0 0 0 16px;border-left:3px solid var(--tone-chamber-bd)}
body.abx .page .chx-quote p{font-size:16.5px!important;line-height:1.7!important;color:var(--abx-ink)!important;margin:0!important}
body.abx .page .mayor-body p.chx-src,body.abx .page p.chx-src{font-size:13.5px!important;color:var(--abx-ink-2)!important;margin:0 0 6px!important}
body.abx .page .chx-person-name{font-size:clamp(24px,2.2vw,30px);font-weight:800;letter-spacing:-.02em;color:var(--abx-ink);margin:0 0 4px}
body.abx .page .chx-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:14px}
body.abx .page .chx-gallery figure{margin:0;background:#fff;border:1px solid var(--abx-line);border-radius:var(--abx-r-tile);overflow:hidden}
body.abx .page .chx-gallery img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#F3F6FA}
body.abx .page .chx-gallery.chx-flyers img{aspect-ratio:4/5;object-fit:contain;padding:10px;box-sizing:border-box}
body.abx .page .chx-gallery figcaption{padding:10px 12px;font-size:13.5px;line-height:1.45;color:var(--abx-ink-2)}
body.abx .page .chx-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
body.abx .page .chx-list li{display:flex;gap:14px;align-items:baseline;padding:12px 16px;background:#fff;border:1px solid var(--abx-line);border-radius:14px;font-size:14.5px;line-height:1.45}
body.abx .page .chx-d{flex:0 0 190px;font-weight:700;color:var(--tone-chamber)}
body.abx .page .chx-t{color:var(--abx-ink);min-width:0}
body.abx .page .chx-space{background:#fff;border:1px solid var(--abx-line);border-radius:var(--abx-r-tile);overflow:hidden}
body.abx .page .chx-space>img{display:block;width:100%;height:190px;object-fit:cover}
body.abx .page .chx-space-b{padding:16px}
body.abx .page .chx-space-t{font-weight:700;font-size:16px;color:var(--abx-ink)}
body.abx .page .chx-space-d{font-size:14px;color:var(--abx-ink-2);margin-top:4px;line-height:1.5}
body.abx .page .chx-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
body.abx .page .chx-chips span{padding:4px 10px;background:var(--abx-blue-soft);border-radius:999px;font-size:12.5px;font-weight:600;color:var(--abx-blue)}
body.abx .page .chx-chips-lg span{font-size:13.5px;padding:6px 12px}
body.abx .page .chx-rates{width:100%;border-collapse:collapse;font-size:14px;margin-top:12px}
body.abx .page .chx-rates th,body.abx .page .chx-rates td{padding:8px 6px;border-bottom:1px solid var(--abx-line);text-align:left;font-weight:500;color:var(--abx-ink)}
body.abx .page .chx-rates thead th{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--abx-ink-2);font-weight:700}
body.abx .page .chx-rates td{text-align:right;font-weight:700}
body.abx .page .chx-rates td[colspan]{text-align:right;font-weight:500;color:var(--abx-ink-2)}
body.abx .page .chx-rates thead th:not(:first-child){text-align:right}
body.abx .page .chx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:900px){
  body.abx .page .chx-levels{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  body.abx .page .chx-follow{grid-template-columns:1fr!important}
  body.abx .page .chx-follow-nl{border-left:0!important;padding-left:0!important;border-top:1px solid var(--line);padding-top:16px}
  body.abx .page .chx-list li{flex-direction:column;gap:2px}
  body.abx .page .chx-d{flex:none}
  body.abx .page .chx-facts{grid-template-columns:1fr;gap:2px}
  body.abx .page .chx-facts dd{margin-bottom:8px}
  body.abx .page .chx-img.chx-contain{min-height:300px!important}
  body.abx .page .chx-domain{font-size:34px!important}
  #page-chamber-ceo .mayor-card,#page-chamber-chair .mayor-card{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;padding:18px!important}
  #page-chamber-ceo .mayor-img,#page-chamber-chair .mayor-img{position:static!important;width:min(100%,260px)!important}
  /* p18s: the same for every portrait card (Meet the Mayor, Board of Education): on a phone the photo column left the text
     column a few pixels wide, one letter a line (found by tools/qa/fit.mjs) */
  body.abx .page .mayor-card{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;padding:18px!important}
  body.abx .page .mayor-img{position:static!important;width:min(100%,260px)!important}
}
@media (max-width:380px){ body.abx .page .chx-levels{grid-template-columns:1fr} }
body.abx .page .bd-role.chx-mail{font-size:13px!important;margin-top:2px}
body.abx .page .bd-role.chx-mail a{color:var(--abx-blue);text-decoration:none}
body.abx .page .chx-rates th,body.abx .page .chx-rates td{background:none!important}
body.abx .page .chx-rates thead th{border-bottom:1px solid var(--abx-line)!important}
body.abx .page .feat-grid.chx-g4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}
body.abx .page .chamber-hero .chamber-stats{flex-wrap:wrap;row-gap:12px}
body.abx .page .chamber-hero .chamber-stats>div{flex:0 0 auto}
body.abx .page .chamber-hero .chamber-stats .cs-l{overflow-wrap:normal;word-break:normal}
body.abx .page .chx-rates thead th,body.abx .page .chx-rates td{white-space:nowrap}
body.abx .page .chx-rates td[colspan]{white-space:normal}
body.abx .page .chx-note-tel,body.abx .page a[href^="tel:"]{white-space:nowrap}
@media (max-width:700px){ body.abx .page .chx-rates thead th{letter-spacing:.03em;font-size:10.5px} body.abx .page .chx-rates th,body.abx .page .chx-rates td{padding:8px 4px} }
body.abx .page .chx-rates tbody th{font-size:14px!important;font-weight:500!important;line-height:1.35}

/* ------------------------------------------------ 56. Sponsor splash, full screen (ab-sponsor-v306.js)
   Like the welcome splash, Robbie's sponsor video fills the screen. The script places the picture so Robbie and the
   sponsor's sign always stay in view and clear of the controls; on a phone held upright the picture runs edge to edge
   across the width and the space above and below is a soft, blurred continuation of the same scene. White Ask Burbank
   logo top left, sound and Skip top right, the sponsor line and logo under them, the caption and both buttons at the
   bottom, with shades behind each so they read on any frame. */
#splash .abx-spon{background:#0B1626}
#splash .abx-spon-bg{position:absolute;inset:0;overflow:hidden}
#splash .abx-spon-bg img{position:absolute;inset:-6%;width:112%;height:112%;max-width:none;object-fit:cover;filter:blur(26px) saturate(1.1) brightness(.82);transform:scale(1.04)}
#splash .abx-spon-ext{position:absolute;inset:0;background-repeat:no-repeat;filter:blur(14px)}
#splash .abx-spon-frame{position:absolute;inset:0;overflow:hidden;transform-origin:50% 40%;animation:abxSponZoom 7s cubic-bezier(.2,.7,.2,1) both}
@keyframes abxSponZoom{from{transform:scale(1.035)}to{transform:none}}
#splash .abx-spon-v{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}
#splash .abx-spon-shade{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,16,30,.6) 0,rgba(8,16,30,.3) 96px,rgba(8,16,30,0) 190px),
    linear-gradient(0deg,rgba(8,16,30,.8) 0,rgba(8,16,30,.55) var(--spon-b,180px),rgba(8,16,30,0) calc(var(--spon-b,180px) + 150px))}
#splash .abx-spon .abx-sc-top,#splash .abx-pick .abx-sc-top{z-index:3}   /* oct13: the chooser's full-screen stage sat over Skip and swallowed the tap */
/* sponsor line + logo: under the sound/Skip controls, top right (the top corners never cover Robbie) */
#splash .abx-spon-head{position:absolute;z-index:3;top:86px;right:clamp(16px,3vw,32px);display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(470px,46vw);animation:abxSponUp .7s .2s cubic-bezier(.22,1,.36,1) both}
#splash .abx-spon-eb{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(8,16,30,.58);border:1px solid rgba(255,255,255,.24);color:#fff;font:700 11.5px/1.25 var(--abx-font,inherit);letter-spacing:.12em;text-transform:uppercase;text-align:right}
#splash .abx-spon-spark{flex:none;width:8px;height:8px;border-radius:50%;background:var(--sb);box-shadow:0 0 0 4px rgba(255,255,255,.12),0 0 14px var(--sb)}
#splash .abx-spon-logo{display:inline-flex;padding:6px;border-radius:12px;background:#fff;box-shadow:0 10px 28px -8px rgba(0,0,0,.5)}
#splash .abx-spon-logo img{display:block;height:38px;width:auto;border-radius:4px}
#splash .abx-spon-name{font:800 22px/1 var(--abx-font,inherit);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45)}
/* caption + buttons, centred at the bottom */
#splash .abx-spon-bottom{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 16px calc(22px + env(safe-area-inset-bottom));animation:abxSponUp .7s .45s cubic-bezier(.22,1,.36,1) both}
#splash .abx-spon-cap{width:min(860px,100%);padding:10px 18px;border-radius:16px;background:rgba(8,16,30,.5);text-align:center;opacity:0;transition:opacity .4s ease}
#splash .abx-spon.is-live .abx-spon-cap,#splash .abx-spon.is-still .abx-spon-cap{opacity:1}
#splash .abx-spon-text{margin:0;font:700 clamp(16px,1.5vw,20px)/1.42 var(--abx-font,inherit);color:#fff;letter-spacing:-.005em;text-shadow:0 1px 2px rgba(0,0,0,.45)}
#splash .abx-spon-text .w{display:inline-block;opacity:0;transform:translate3d(0,.22em,0);transition:opacity .16s ease-out,transform .28s cubic-bezier(.22,1,.36,1)}
#splash .abx-spon-text .w.on{opacity:1;transform:none}
#splash .abx-spon-cta{display:flex;align-items:center;justify-content:center;gap:14px;min-height:58px}
#splash .abx-spon-enter{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:58px;padding:0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(8,16,30,.5);color:#fff;font:700 16px/1 var(--abx-font,inherit);cursor:pointer;transition:background .2s,transform .2s}
#splash .abx-spon-enter:hover{background:rgba(8,16,30,.7);transform:translateY(-1px)}
#splash .abx-spon-go{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 28px 0 30px;border-radius:999px;text-decoration:none;
  background:var(--sa);color:#fff;font:800 17px/1 var(--abx-font,inherit);letter-spacing:-.005em;box-shadow:0 0 0 3px var(--sb),0 18px 40px -12px rgba(0,0,0,.6);
  opacity:0;transform:translate3d(0,14px,0) scale(.96);pointer-events:none;transition:opacity .5s ease,transform .6s cubic-bezier(.22,1.3,.36,1),box-shadow .3s ease}
#splash .abx-spon.is-cta .abx-spon-go{opacity:1;transform:none;pointer-events:auto;animation:abxSponPulse 2.4s 1s ease-in-out infinite}
#splash .abx-spon-go:hover{transform:translate3d(0,-2px,0) scale(1.03)!important}
#splash .abx-spon-go svg{transition:transform .25s}
#splash .abx-spon-go:hover svg{transform:translate(2px,-2px)}
#splash .abx-spon-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translate3d(-120%,0,0)}
#splash .abx-spon.is-cta .abx-spon-shine{animation:abxSponShine 3s .6s ease-in-out infinite}
/* before Robbie finishes, Enter sits centred alone; the sponsor button joins it when he's done (the row's room is kept) */
#splash .abx-spon:not(.is-cta) .abx-spon-go{position:absolute;visibility:hidden}
/* narrower screens: the sponsor line wraps into a slimmer block so it stays in the corner, clear of Robbie */
@media (min-width:601px) and (max-width:1180px){
  #splash .abx-spon-head{max-width:min(300px,34vw)}
  #splash .abx-spon-eb{font-size:10.5px;letter-spacing:.1em}
  #splash .abx-spon-logo img{height:32px}
}
#splash .abx-sc-btn[hidden]{display:none!important}   /* reduced motion hides the sound button (the video doesn't play) */
#splash .abx-spon-prog{position:absolute;left:0;right:0;bottom:0;z-index:4;height:3px;background:linear-gradient(90deg,var(--sa),var(--sb));transform-origin:0 50%;transform:scaleX(0)}
/* phones held upright: the sponsor line and logo share one centred row under the top bar; buttons stack (sponsor first),
   their room is kept from the start so nothing moves when the sponsor button appears; one sentence of caption at a time */
@media (max-width:600px){
  #splash .abx-spon-head{top:80px;left:50%;right:auto;translate:-50% 0;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:calc(100% - 24px)}
  #splash .abx-spon-eb{padding:7px 10px;font-size:10px;letter-spacing:.07em;text-align:left}
  #splash .abx-spon-logo{padding:4px;border-radius:10px}
  #splash .abx-spon-logo img{height:28px}
  #splash .abx-spon-bottom{gap:10px;padding:0 14px calc(16px + env(safe-area-inset-bottom))}
  #splash .abx-spon-cap{padding:9px 14px}
  #splash .abx-spon-text{font-size:15px}
  #splash .abx-spon-cta{flex-direction:column;justify-content:flex-end;gap:8px;width:100%;max-width:420px;min-height:108px}
  #splash .abx-spon-go,#splash .abx-spon-enter{width:100%;min-height:50px;font-size:15.5px;padding:0 18px}
  #splash .abx-spon-go{order:-1}
}
@media (max-width:760px),(max-height:720px){
  #splash .abx-spon-text{display:grid}
  #splash .abx-spon-text>.s{grid-area:1/1;align-self:center;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}
  #splash .abx-spon-text>.s.cur{opacity:1;visibility:visible;transition:opacity .3s ease}
}
/* phones held sideways (the script adds .is-side): Robbie on the left, the sponsor line, caption and buttons in a column on
   the right over a side shade */
#splash .abx-spon.is-side .abx-spon-shade{background:linear-gradient(180deg,rgba(8,16,30,.55) 0,rgba(8,16,30,0) 90px),linear-gradient(270deg,rgba(8,16,30,.82) 0,rgba(8,16,30,.6) min(44vw,360px),rgba(8,16,30,0) calc(min(44vw,360px) + 120px))}
#splash .abx-spon.is-side .abx-spon-head{top:58px;left:auto;right:max(16px,env(safe-area-inset-right));translate:none;flex-direction:row;align-items:center;width:auto;max-width:calc(min(44vw,360px) - max(16px,env(safe-area-inset-right)))}   /* p17q: no wider than the column under it, so the picture beside them can show whole */
#splash .abx-spon.is-side .abx-spon-eb{padding:6px 10px;font-size:10px;letter-spacing:.07em}
#splash .abx-spon.is-side .abx-spon-logo img{height:24px}
#splash .abx-spon.is-side .abx-spon-bottom{top:104px;left:auto;right:0;width:min(44vw,360px);justify-content:center;align-items:stretch;gap:8px;padding:0 max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) 0}
#splash .abx-spon.is-side .abx-spon-cap{width:auto;padding:7px 12px}
#splash .abx-spon.is-side .abx-spon-text{font-size:13.5px}
#splash .abx-spon.is-side .abx-spon-cta{flex-direction:column;justify-content:flex-start;gap:8px;width:100%;min-height:100px}
#splash .abx-spon.is-side .abx-spon-go,#splash .abx-spon.is-side .abx-spon-enter{width:100%;min-height:46px;font-size:14.5px;padding:0 14px}
#splash .abx-spon.is-side .abx-spon-go{order:-1}
@media (prefers-reduced-motion:reduce){ #splash .abx-spon-frame,#splash .abx-spon-head,#splash .abx-spon-bottom,#splash .abx-spon-go,#splash .abx-spon-shine{animation:none!important} #splash .abx-spon-text .w{opacity:1!important;transform:none!important} }

/* ------------------------------------------- 57. Accordions, elevated (all routes)
   Every expand/collapse list on a page (City "How to" on Officials, Education, 311, Fire, Police, Library, Parks,
   Public Works; New to Burbank) plus the "All opening hours" disclosure on sponsor business cards. A lifted card with a
   hairline border, the section's tone (--accent) on the open card, a round chevron button, and a smooth open/close
   driven by ab-ui-v306.js §57 (a clip-path reveal plus compositor transforms on what sits below, so layout never animates;
   the native toggle stays as the no-JS / reduced-motion path).
   Overrides §9 and the inline .cx-how rules. Robbie's chat note (.rb-note) is left as it is. */
body.abx .page .cx-how{gap:12px}
body.abx .page details{--acc-c:var(--accent,var(--abx-blue,#205CC5));position:relative;margin:0 0 12px;background:#fff;border:1px solid rgba(25,36,31,.09);border-radius:18px;overflow:hidden;overflow:clip;
  box-shadow:0 1px 2px rgba(16,24,20,.04),0 6px 18px -10px rgba(16,24,20,.12);
  transition:box-shadow .3s cubic-bezier(.2,.8,.2,1),border-color .3s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1)}
body.abx .page .cx-how details{margin:0}
body.abx .page details::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--acc-c);transform:scaleY(0);transform-origin:50% 0;transition:transform .34s cubic-bezier(.2,.8,.2,1);z-index:1;pointer-events:none}
body.abx .page details[open]::before{transform:scaleY(1)}
body.abx .page details.acc-closing::before{transform:scaleY(0)}
body.abx .page details[open]{border-color:rgba(32,92,197,.28);border-color:color-mix(in srgb,var(--acc-c) 30%,rgba(25,36,31,.09));
  box-shadow:0 2px 6px rgba(16,24,20,.05),0 18px 36px -20px rgba(16,24,20,.28);box-shadow:0 2px 6px rgba(16,24,20,.05),0 18px 38px -20px color-mix(in srgb,var(--acc-c) 45%,rgba(16,24,20,.3))}
body.abx .page details>summary{display:flex;align-items:center;gap:12px;min-height:60px;padding:16px 70px 16px 22px;position:relative;list-style:none;cursor:pointer;background:transparent;
  font-size:16.5px;font-weight:650;letter-spacing:-.012em;line-height:1.35;color:var(--abx-ink,#19241F);-webkit-tap-highlight-color:transparent;
  transition:background-color .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1),color .2s}
body.abx .page details>summary::-webkit-details-marker{display:none}
body.abx .page details>summary::after{content:"";position:absolute;right:16px;top:50%;width:34px;height:34px;margin-top:-17px;box-sizing:border-box;border:1px solid rgba(25,36,31,.1);border-radius:50%;opacity:1;
  background:#F4F6F2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B4640' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/16px 16px no-repeat;
  transform:rotate(0deg);transition:transform .34s cubic-bezier(.2,.8,.2,1),background-color .3s cubic-bezier(.2,.8,.2,1),border-color .3s cubic-bezier(.2,.8,.2,1)}
body.abx .page details[open]>summary{background:#F5F8FE;background:color-mix(in srgb,var(--acc-c) 6%,#fff);box-shadow:inset 0 -1px 0 rgba(25,36,31,.07)}
body.abx .page details[open]>summary::after{transform:rotate(180deg);border-color:transparent;background-color:var(--acc-c);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
body.abx .page details.acc-closing>summary{background:transparent;box-shadow:none}
body.abx .page details.acc-closing>summary::after{transform:rotate(0deg);border-color:rgba(25,36,31,.1);background-color:#F4F6F2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B4640' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
@media (hover:hover){
  body.abx .page details:hover{transform:translateY(-1px);border-color:rgba(32,92,197,.24);border-color:color-mix(in srgb,var(--acc-c) 26%,rgba(25,36,31,.09));box-shadow:0 2px 4px rgba(16,24,20,.05),0 14px 30px -14px rgba(16,24,20,.2)}
  body.abx .page details:not([open])>summary:hover::after{background-color:#EAEEE7;border-color:rgba(25,36,31,.16)}
  body.abx .page details:not([open])>summary:hover{color:#0F1814}
}
body.abx .page details>summary:focus{outline:none}
body.abx .page details>summary:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--acc-c)}
body.abx .page details:has(>summary:focus-visible){box-shadow:0 0 0 3px rgba(32,92,197,.25),0 6px 18px -10px rgba(16,24,20,.12);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc-c) 30%,transparent),0 6px 18px -10px rgba(16,24,20,.12)}
body.abx .page details>*:not(summary){padding-left:22px;padding-right:22px}
body.abx .page details[open]>*:last-child{padding-bottom:18px}
body.abx .page .cx-how details>ol{margin:0;padding:16px 22px 6px 48px;font-size:14.5px;line-height:1.6;color:var(--abx-ink-2,#59645D)}
body.abx .page .cx-how details>ol>li{margin:0 0 8px;padding-left:4px}
body.abx .page .cx-how details>ol>li::marker{color:var(--acc-c);font-weight:700}
body.abx .page .cx-how details>.cx-src{margin:0;padding:2px 22px 18px;font-size:13px}
body.abx .page details.acc-anim>:not(summary){will-change:opacity,transform}
@media (max-width:700px){
  body.abx .page details{border-radius:16px}
  body.abx .page details>summary{min-height:56px;padding:14px 60px 14px 18px;font-size:15.5px}
  body.abx .page details>summary::after{right:12px;width:32px;height:32px;margin-top:-16px}
  body.abx .page details>*:not(summary){padding-left:18px;padding-right:18px}
  body.abx .page .cx-how details>ol{padding:14px 18px 4px 42px;font-size:14.5px}
  body.abx .page .cx-how details>.cx-src{padding:2px 18px 16px}
}
/* sponsor business card: "All opening hours" stays a compact text disclosure, with a chevron that turns */
.adb .adb-hours>summary{display:inline-flex;align-items:center;gap:4px;padding:0 8px;margin-left:-8px;border-radius:8px;transition:background-color .2s}
.adb .adb-hours>summary::after{content:"";width:16px;height:16px;margin-left:2px;flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e5bbf' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/14px 14px no-repeat;
  transform:rotate(-90deg);transition:transform .3s cubic-bezier(.2,.8,.2,1)!important}
.adb .adb-hours[open]>summary::after{transform:rotate(0deg)}
.adb .adb-hours.acc-closing>summary::after{transform:rotate(-90deg)}
@media (hover:hover){.adb .adb-hours>summary:hover{background:rgba(30,91,191,.07)}}
.adb .adb-hours>summary:focus-visible{outline:2px solid #1e5bbf;outline-offset:1px}
.adb .adb-hours{overflow:hidden;overflow:clip}
@media (prefers-reduced-motion:reduce){
  body.abx .page details,body.abx .page details::before,body.abx .page details>summary,body.abx .page details>summary::after,.adb .adb-hours>summary::after{transition:none!important}
  body.abx .page details:hover{transform:none}
}

/* ------------------------------------------------ 58. Phone top bar fit (es/hy) — toggled by ab-ui-v306.js */
@media (max-width:960px){
  body.abx.abx-top-tight .lang-btn .lang-code,body.abx.abx-top-tight .lang-btn .lang-chev{display:none!important}
  body.abx.abx-top-tight .lang-btn{padding:0 11px!important;gap:0!important}
  body.abx.abx-top-tighter .v2-mobile-top .abx-live-trigger{padding:0 11px 0 9px!important;gap:6px!important;min-width:0;max-width:calc(100vw - 196px)}
  body.abx.abx-top-tighter .v2-mobile-top .abx-live-trigger span:last-child{font-size:13px!important;overflow:hidden;text-overflow:ellipsis;min-width:0}
}

/* ------------------------------------------------ 59. Chooser: "What is Ask Burbank?" tour button + pop-up player (ab-sponsor-v306.js) */
#splash .abx-pick-tour{position:relative;display:inline-flex;align-items:center;gap:14px;margin-top:22px;padding:7px 12px 7px 7px;min-height:72px;max-width:min(520px,100%);
  border:2px solid transparent;border-radius:999px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#205CC5,#4FA3E0 45%,#7AB648) border-box;color:#19241F;text-align:left;cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.14),0 22px 48px -22px rgba(0,0,0,.6);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;
  animation:abxPickIn .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--pi) * 90ms + 120ms);-webkit-tap-highlight-color:transparent}
#splash .abx-pick-tour:hover{transform:translate3d(0,-4px,0) scale(1.02);box-shadow:0 4px 10px rgba(0,0,0,.16),0 30px 60px -24px rgba(0,0,0,.65)}
#splash .abx-pick-tour:active{transform:translate3d(0,-1px,0) scale(.99)}
#splash .abx-pick-tour:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(255,255,255,.95),0 0 0 7px #205CC5,0 30px 60px -24px rgba(0,0,0,.65)}
#splash .abx-pick-tour-thumb{position:relative;flex:0 0 auto;width:56px;height:56px;border-radius:50%}
#splash .abx-pick-tour-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
#splash .abx-pick-tour-thumb::before{content:"";position:absolute;inset:-2px;border-radius:50%;border:3px solid #7AB648;opacity:0;transform:scale(1);animation:abxTourRing 2.6s 1.4s cubic-bezier(.22,1,.36,1) infinite;pointer-events:none}
@keyframes abxTourRing{0%{opacity:.7;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.32)}}
#splash .abx-pick-tour-play{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#205CC5;color:#fff;box-shadow:0 0 0 3px #fff,0 4px 10px rgba(32,92,197,.45)}
#splash .abx-pick-tour-play svg{width:12px;height:12px;margin-left:2px}
#splash .abx-pick-tour-tx{display:flex;flex-direction:column;gap:3px;min-width:0;padding-right:4px}
#splash .abx-pick-tour-t{font:800 17px/1.15 var(--abx-font,inherit);letter-spacing:-.01em}
#splash .abx-pick-tour-s{font:600 13px/1.3 var(--abx-font,inherit);color:#4A5A52}
#splash .abx-pick-tour-k{flex:0 0 auto;width:30px;height:30px;font-size:13.5px;margin-left:auto}
@media (hover:none){ #splash .abx-pick-tour-k{display:none} }
@media (max-width:760px){
  #splash .abx-pick-tour{width:100%;max-width:420px;margin-top:14px;border-radius:24px;padding:8px 14px 8px 8px}
}
@media (max-width:760px) and (max-height:760px){
  #splash .abx-pick-tour{min-height:62px;margin-top:10px}
  #splash .abx-pick-tour-thumb{width:46px;height:46px}
  #splash .abx-pick-tour-t{font-size:15.5px}
  #splash .abx-pick-tour-s{font-size:12.5px}
}
@media (max-height:500px) and (min-aspect-ratio:5/4){
  #splash .abx-pick-tour{min-height:54px;margin-top:8px;padding:5px 10px 5px 5px}
  #splash .abx-pick-tour-thumb{width:40px;height:40px}
  #splash .abx-pick-tour-play{width:22px;height:22px}
}
/* the pop-up player */
#splash .abx-xv{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:clamp(14px,4vw,56px)}
#splash .abx-xv-back{position:absolute;inset:0;background:rgba(6,12,24,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#splash .abx-xv-box{position:relative;width:min(1180px,100%,calc((100vh - 112px) * 16 / 9));width:min(1180px,100%,calc((100dvh - 112px) * 16 / 9));aspect-ratio:16/9;border-radius:22px;background:#000;
  box-shadow:0 2px 8px rgba(0,0,0,.3),0 40px 100px -24px rgba(0,0,0,.8);transform-origin:50% 50%;will-change:transform}
#splash .abx-xv-v{display:block;width:100%;height:100%;border-radius:22px;background:#000;object-fit:contain}
#splash .abx-xv-v::cue{font:600 clamp(15px,1.6vw,22px)/1.35 var(--abx-font,system-ui,sans-serif);background:rgba(8,14,26,.72);color:#fff}
#splash .abx-xv-x{position:absolute;top:-16px;right:-16px;z-index:2;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#fff;color:#19241F;cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.25),0 14px 30px -10px rgba(0,0,0,.6);transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s}
#splash .abx-xv-x:hover{transform:scale(1.08)}
#splash .abx-xv-x:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px #205CC5}
/* p18b: Full screen, the same round white button, left of Close */
#splash .abx-xv-fs{position:absolute;top:-16px;right:42px;z-index:2;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#fff;color:#19241F;cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.25),0 14px 30px -10px rgba(0,0,0,.6);transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s}
#splash .abx-xv-fs:hover{transform:scale(1.08)}
#splash .abx-xv-fs:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px #205CC5}
#splash .abx-xv-v:fullscreen{border-radius:0}
@media (max-width:760px){
  #splash .abx-xv{padding:12px}
  #splash .abx-xv-box,#splash .abx-xv-v{border-radius:16px}
  #splash .abx-xv-x{top:auto;bottom:calc(100% + 12px);right:0;width:44px;height:44px}
  #splash .abx-xv-fs{top:auto;bottom:calc(100% + 12px);right:56px;width:44px;height:44px}
}
@media (max-height:500px) and (min-aspect-ratio:5/4){
  #splash .abx-xv{padding:10px 64px}
  #splash .abx-xv-box{width:min(100%,calc((100vh - 20px) * 16 / 9));width:min(100%,calc((100dvh - 20px) * 16 / 9))}
  #splash .abx-xv-x{top:0;right:-56px}
  #splash .abx-xv-fs{top:56px;right:-56px}
}
@media (prefers-reduced-motion:reduce){ #splash .abx-pick-tour,#splash .abx-pick-tour-thumb::before{animation:none!important} #splash .abx-xv-fs{transition:none} }
/* short phones: with the tour button the chooser still fits without scrolling */
@media (max-width:760px) and (max-height:760px){
  #splash .abx-pick-stage:has(.abx-pick-tour){padding-bottom:14px}
  #splash .abx-pick-stage:has(.abx-pick-tour) .abx-pick-thumb{aspect-ratio:2.8/1}
}
@media (max-width:760px) and (max-height:600px){
  #splash .abx-pick-stage:has(.abx-pick-tour) .abx-pick-thumb{aspect-ratio:3.4/1}
}

/* ------------------------------------------------ 60. Navigation: the sliding line (oct11 — Romik's pick, "9")
   No boxes. Each section has its own colour icon (Discover coral, Directory violet, Events amber, Chamber green, Our city
   blue); labels are light until hovered, open or current. One fine line in the section's colour slides from item to item
   as the pointer moves along the menu and settles back under the section you are in (placed by ab-ui-v306.js; without the
   script a fixed line marks the current section). Submenus carry the same colours: header tile, row icons, hover wash,
   current marker. The phone menu follows the same rules. Chamber green / City blue are also those sections' accents
   across the site. Transform/opacity motion only; reduced motion turns it off. */
:root{
  --tone-chamber:#2E6B3B; --tone-chamber-bg:#EEF6EF; --tone-chamber-bd:#CFE4D3;
  --tone-city:#1E4F96; --tone-city-bg:#EDF3FB; --tone-city-bd:#CBDBF1;
  --nav-ink:#19241F; --nav-ink-2:#4A544E; --nav-ico:#5D6672; --nav-line:#E3E7E4; --nav-line-2:#CDD4CF; --nav-hover:#F3F5F4;
  --ic-discover:#D6453A; --ic-directory:#6B4FD0; --ic-events:#C47A06; --ic-map:#0F8A7E; --ic-chamber:#2E7D3B; --ic-city:#1F5BB0;
}
body.abx .abx-nav [data-abx-tone="discover"],body.abx #v2Drawer [data-abx-tone="discover"]{--ic:var(--ic-discover)}
body.abx .abx-nav [data-abx-tone="directory"],body.abx #v2Drawer [data-abx-tone="directory"]{--ic:var(--ic-directory)}
body.abx .abx-nav [data-abx-tone="events"],body.abx #v2Drawer [data-abx-tone="events"]{--ic:var(--ic-events)}
body.abx .abx-nav [data-abx-tone="map"],body.abx #v2Drawer [data-abx-tone="map"]{--ic:var(--ic-map)}
body.abx .abx-nav [data-abx-tone="chamber"],body.abx #v2Drawer [data-abx-tone="chamber"]{--ic:var(--ic-chamber)}
body.abx .abx-nav [data-abx-tone="city"],body.abx #v2Drawer [data-abx-tone="city"]{--ic:var(--ic-city)}
/* submenu tokens follow the section colour */
body.abx .abx-nav .abx-drop{--tts:var(--ic);--tq:var(--ic);--tt:color-mix(in srgb,var(--ic) 8%,#fff);--tbd:color-mix(in srgb,var(--ic) 22%,#fff)}

/* menu items */
body.abx .abx-nav{position:relative;gap:4px!important}
body.abx .abx-nav .abx-pg[data-abx-tone="chamber"]{margin-left:13px!important}
body.abx .abx-nav .abx-pg[data-abx-tone="chamber"]:before{content:"";position:absolute;left:-10px;top:50%;width:1px;height:22px;margin-top:-11px;background:var(--nav-line-2);pointer-events:none}
body.abx .abx-nav .abx-pill,body.abx .abx-nav .abx-pill:hover,body.abx .abx-nav .abx-pg.open>.abx-pill,body.abx .abx-nav .abx-pg.abx-current>.abx-pill,body.abx .abx-nav .abx-pill[aria-current="page"]{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
body.abx .abx-nav .abx-pill{height:40px;gap:7px;padding:0 12px!important;border:1px solid transparent!important;border-radius:10px!important;font-size:14.5px!important;font-weight:500!important;color:var(--nav-ink-2)!important;transition:color .2s var(--abx-ease)!important}
body.abx .abx-nav .abx-pill .abx-pill-ico{display:block!important;width:17px;height:17px;color:var(--ic)!important}
body.abx .abx-nav .abx-pill .abx-pill-chev{width:13px;height:13px;color:var(--nav-ico)!important;opacity:.7}
body.abx .abx-nav .abx-pill:hover,body.abx .abx-nav .abx-pg.open>.abx-pill,body.abx .abx-nav .abx-pg.abx-current>.abx-pill{color:var(--nav-ink)!important}
body.abx .abx-nav .abx-pg.abx-current>.abx-pill{font-weight:600!important}
body.abx .abx-nav .abx-pg.open>.abx-pill .abx-pill-chev{opacity:1}
body.abx .abx-nav .abx-pill:focus-visible{outline:2px solid var(--abx-focus)!important;outline-offset:2px}
body.abx .abx-nav .abx-pill .abx-pill-t{position:relative}
body.abx .abx-nav:not(.abx-glide-on) .abx-pg.abx-current>.abx-pill .abx-pill-t:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:var(--ic)}
/* the sliding line */
/* oct13: a 100px line moved and sized with one transform (translate + scaleX), so the glide runs on the compositor
   (animating width meant layout and paint on every frame) */
body.abx .abx-nav .abx-glide{position:absolute;left:0;top:0;width:100px;height:2px;border-radius:1px;z-index:1;pointer-events:none;opacity:0;background:var(--nav-ink);
  transform-origin:0 0;transform:translate3d(0,0,0) scaleX(0);will-change:transform;
  transition:transform .42s cubic-bezier(.32,1.18,.48,1),opacity .2s var(--abx-ease),background-color .25s}
body.abx .abx-nav .abx-glide.is-on{opacity:1}
body.abx .abx-nav .abx-glide.no-anim{transition:opacity .2s var(--abx-ease)!important}
body.abx .abx-nav .abx-glide[data-tone="discover"]{background:var(--ic-discover)}
body.abx .abx-nav .abx-glide[data-tone="directory"]{background:var(--ic-directory)}
body.abx .abx-nav .abx-glide[data-tone="events"]{background:var(--ic-events)}
body.abx .abx-nav .abx-glide[data-tone="map"]{background:var(--ic-map)}
body.abx .abx-nav .abx-glide[data-tone="chamber"]{background:var(--ic-chamber)}
body.abx .abx-nav .abx-glide[data-tone="city"]{background:var(--ic-city)}
/* narrower desktops (961–1439 px): keep the colour icons, tighten; below 1340 px the small arrows go */
@media (max-width:1439px){
  body.abx .abx-nav{gap:0!important}
  body.abx .abx-nav .abx-pill{padding:0 9px!important;gap:6px;font-size:14px!important}
  body.abx .abx-nav .abx-pill .abx-pill-ico{width:16px;height:16px}
  body.abx .abx-nav .abx-pg[data-abx-tone="chamber"]{margin-left:9px!important}
  body.abx .abx-nav .abx-pg[data-abx-tone="chamber"]:before{left:-6px}
}
@media (max-width:1339px){
  body.abx .abx-nav .abx-pill .abx-pill-chev{display:none}
  body.abx .abx-nav .abx-pill{padding:0 8px!important}
}

/* dropdown panels */
body.abx .abx-nav .v2-drop.abx-drop{top:calc(100% + 9px);padding:6px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(25,36,31,.08)!important;
  box-shadow:0 1px 2px rgba(25,36,31,.05),0 12px 28px -10px rgba(25,36,31,.16),0 32px 64px -20px rgba(25,36,31,.24)!important;
  /* oct13: the motion uses the separate translate/scale properties. The base theme pins transform with !important on an
     open menu, and Chrome cannot run a transition of an !important property on the compositor, so every open/close
     animated on the main thread. transform stays none; translate + scale animate on the GPU. */
  transform:none!important;translate:0 -6px;scale:.985;transform-origin:22% 0;
  transition:opacity .16s var(--abx-ease),translate .22s var(--abx-ease),scale .22s var(--abx-ease),visibility 0s linear .22s!important}
body.abx .abx-nav .v2-group.open>.v2-drop.abx-drop{transform:none!important;translate:0 0;scale:1;transition:opacity .14s var(--abx-ease),translate .22s var(--abx-ease),scale .22s var(--abx-ease),visibility 0s!important}
body.abx .abx-nav .abx-pg[data-abx-tone="city"] .v2-drop.abx-drop{transform-origin:85% 0}
body.abx .abx-nav .abx-pg[data-abx-tone="chamber"] .v2-drop.abx-drop{transform:none!important;translate:-50% -6px;transform-origin:50% 0}
body.abx .abx-nav .abx-pg[data-abx-tone="chamber"].open .v2-drop.abx-drop{transform:none!important;translate:-50% 0}
body.abx .abx-nav .v2-drop.abx-drop{min-width:330px}
body.abx .abx-nav .v2-drop.abx-drop.abx-drop-wide{min-width:600px;max-width:640px;column-gap:2px}
/* header: icon tile · title / subtitle · official logo */
body.abx .abx-drop .v2-drop-header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ico t logo" "ico s logo";align-items:center;column-gap:12px;row-gap:1px;
  padding:12px 14px!important;margin:0 0 6px!important;border:0!important;border-bottom:1px solid var(--nav-line)!important;border-radius:13px 13px 0 0!important;
  background:linear-gradient(180deg,var(--tt),rgba(255,255,255,0))!important}
body.abx .abx-drop .v2-drop-header:after{display:none!important}
body.abx .abx-drop .abx-dh-ico{grid-area:ico;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--tts);border:1px solid var(--tbd);box-shadow:0 1px 2px rgba(25,36,31,.05)}
body.abx .abx-drop .abx-dh-ico svg{width:19px;height:19px}
body.abx .abx-drop .v2-drop-header-t{grid-area:t;align-self:end;font-size:15.5px!important;font-weight:750!important;color:var(--nav-ink)!important;letter-spacing:-.012em!important}
body.abx .abx-drop .v2-drop-header-s{grid-area:s;align-self:start;margin:0!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--abx-ink-2)!important}
body.abx .abx-drop .v2-drop-header img{grid-area:logo;position:static!important;transform:none!important;height:30px!important;width:auto!important;max-width:132px;object-fit:contain;margin:0 0 0 8px!important}
/* rows */
body.abx .abx-drop>a{position:relative;gap:12px;padding:8px 34px 8px 8px!important;border-radius:12px!important;min-height:52px;transition:background-color .14s var(--abx-ease)}
body.abx .abx-drop .v2-drop-ico{flex:0 0 38px;width:38px!important;height:38px!important;border-radius:11px!important;background:var(--tt)!important;color:var(--tts)!important;
  transition:background-color .14s var(--abx-ease),box-shadow .18s var(--abx-ease)}
body.abx .abx-drop .v2-drop-ico svg,body.abx .abx-drop .abx-dh-ico svg{width:18px;height:18px;color:inherit!important}
body.abx .abx-drop .v2-drop-t{font-size:14.5px!important;font-weight:600!important;color:var(--nav-ink)!important}
body.abx .abx-drop .v2-drop-s{font-size:12.5px!important;color:var(--abx-ink-2)!important}
body.abx .abx-drop>a:after{content:"";display:block!important;position:absolute;left:auto!important;bottom:auto!important;background:none!important;border-radius:0!important;box-shadow:none!important;border-left:0!important;border-bottom:0!important;right:13px;top:50%;width:7px;height:7px;margin-top:-4px;border-right:1.8px solid var(--tts);border-top:1.8px solid var(--tts);transform:translateX(-5px) rotate(45deg);opacity:0;transition:opacity .16s var(--abx-ease),transform .2s var(--abx-ease)}
body.abx .abx-drop>a:hover,body.abx .abx-drop>a:focus-visible{background:color-mix(in srgb,var(--ic) 5%,#fff)!important}
body.abx .abx-drop>a:hover .v2-drop-ico,body.abx .abx-drop>a:focus-visible .v2-drop-ico{background:#fff!important;box-shadow:0 0 0 1px var(--tbd),0 2px 6px -2px rgba(25,36,31,.16)!important}
body.abx .abx-drop>a:hover:after,body.abx .abx-drop>a:focus-visible:after{opacity:.9;transform:translateX(0) rotate(45deg)}
body.abx .abx-drop>a:focus-visible{outline:2px solid var(--abx-focus)!important;outline-offset:-2px}
body.abx .abx-drop>a.abx-current{background:var(--tt)!important;box-shadow:none!important}
body.abx .abx-drop>a.abx-current:before{content:"";display:block!important;position:absolute;left:3px!important;right:auto!important;top:50%!important;bottom:auto!important;width:3px!important;height:22px!important;margin-top:-11px;border:0!important;border-radius:3px!important;background:var(--tq)!important;opacity:1!important;transform:none!important}
body.abx .abx-drop>a.abx-current .v2-drop-t{color:var(--tts)!important}
/* oct13: the rows open with the panel (no per-row staggered reveal: animating every row separately cost each opening
   a style pass and a layer per row, and measured ~40% slower worst frames on a throttled CPU) */

/* phone menu drawer: no boxes either — rows on hairlines, colour icons, a fine line in the section colour beside an open group */
body.abx #v2Drawer.v2-drawer{border-radius:24px 0 0 24px!important}
body.abx #v2Drawer .v2-drawer-hdr{padding:14px 16px 14px 18px!important;border-bottom:1px solid var(--nav-line)!important}
body.abx #v2Drawer .v2-drawer-close{width:42px!important;height:42px!important;border-radius:999px!important;border:1px solid var(--nav-line)!important;background:#fff!important;color:var(--nav-ink)!important;box-shadow:0 1px 2px rgba(25,36,31,.05)!important}
body.abx #v2Drawer .v2-drawer-close svg{width:18px;height:18px}
body.abx #v2Drawer .v2-drawer-nav{gap:0!important;padding:6px 16px 14px!important}
body.abx #v2Drawer .v2-drawer-nav{--ic:var(--nav-ico)}
body.abx #v2Drawer .v2-drawer-nav>a,body.abx #v2Drawer .v2-drawer-nav>a[data-abx-tone],body.abx #v2Drawer .v2-drawer-group>.v2-cta-mobile,body.abx #v2Drawer .v2-drawer-group[data-abx-tone]>.v2-cta-mobile{min-height:56px;padding:12px 6px!important;gap:14px!important;border:0!important;border-bottom:1px solid var(--nav-line)!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;font-size:16px!important;font-weight:550!important;color:var(--nav-ink)!important;transition:color .16s var(--abx-ease)}
body.abx #v2Drawer .v2-drawer-nav>a svg,body.abx #v2Drawer .v2-drawer-group>.v2-cta-mobile svg:not(.chev){color:var(--ic)!important;width:20px;height:20px}
body.abx #v2Drawer .v2-drawer-group>.v2-cta-mobile .chev{color:var(--nav-ico)!important;opacity:.75;width:15px;height:15px}
body.abx #v2Drawer .v2-drawer-group[data-abx-tone].open>.v2-cta-mobile{font-weight:650!important;border-bottom-color:transparent!important;background:none!important}
body.abx #v2Drawer .v2-drawer-group.open>.v2-cta-mobile .chev{transform:rotate(180deg)}
body.abx #v2Drawer .v2-drawer-nav>a:hover,body.abx #v2Drawer .v2-drawer-group>.v2-cta-mobile:hover{background:none!important;color:var(--nav-ink)!important}
body.abx #v2Drawer .v2-drawer-nav>a.abx-current{font-weight:650!important}
body.abx #v2Drawer .v2-drawer-sub{padding-left:15px!important}
body.abx #v2Drawer .v2-drawer-group.open>.v2-drawer-sub{border-bottom:1px solid var(--nav-line)}
body.abx #v2Drawer .v2-drawer-sub-inner{border-left:2px solid color-mix(in srgb,var(--ic) 30%,#fff);padding-left:14px!important;margin:0 0 4px}
body.abx #v2Drawer .v2-drawer-group.open .v2-drawer-sub-inner{padding-top:2px!important;padding-bottom:8px!important}
body.abx #v2Drawer .v2-drawer-sub a{position:relative;min-height:44px;padding:10px 4px!important;border-radius:0!important;font-size:15px!important;font-weight:500!important;color:var(--nav-ink-2)!important;background:none!important}
body.abx #v2Drawer .v2-drawer-sub a:hover{color:var(--nav-ink)!important;background:none!important}
body.abx #v2Drawer .v2-drawer-sub a.abx-current{color:var(--nav-ink)!important;font-weight:650!important;background:none!important}
body.abx #v2Drawer .v2-drawer-sub a.abx-current:before{content:"";display:block!important;position:absolute;left:-14px;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--ic);opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){
  body.abx .abx-nav .v2-drop.abx-drop{transform:none!important;translate:0 0!important;scale:1!important}
  body.abx .abx-nav .abx-pg[data-abx-tone="chamber"] .v2-drop.abx-drop{translate:-50% 0!important}
  body.abx .abx-drop>a:after{transition:none}
  body.abx .abx-nav .abx-glide{transition:opacity .01s!important}
}

/* ------------------------------------------------ 61. Smooth everywhere (oct13): looping effects on the compositor
   Anything that loops forever animates only transform/opacity, so it never repaints on the main thread (a box-shadow or
   background-position loop repaints every frame and keeps the page from idling). */
/* BWP page: the live dot pulses with a ring (was a box-shadow loop) */
body.abx #page-city-bwp .bwp-dot{animation:none!important;position:relative;box-shadow:none!important;color:var(--tone,var(--bwp-2))}
body.abx #page-city-bwp .bwp-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;opacity:.45;animation:abxRing 2.4s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}
/* BWP search: the faint moving sheen stays as a still gradient */
body.abx #page-city-bwp .bwp-fx-search{animation:none!important}
/* BWP buttons: named transitions instead of "all" */
body.abx #page-city-bwp .bwp-goal-n{transition:background-color .2s,border-color .2s,color .2s!important}
body.abx #page-city-bwp .bwp-add{transition:background-color .15s,border-color .15s,color .15s!important}
/* loading placeholders: the shimmer is a moving highlight layer (was a background-position loop) */
body.abx .abx-skel i{position:relative;overflow:hidden;background:#EEF0EC!important;animation:none!important}
body.abx .abx-skel i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,247,244,0),#F6F7F4 50%,rgba(246,247,244,0));transform:translate3d(-100%,0,0);animation:abxShimmerX 1.2s linear infinite;pointer-events:none}
@keyframes abxShimmerX{to{transform:translate3d(100%,0,0)}}
/* sponsor splash: the call-to-action breathes (scale) inside a fixed ring (was a box-shadow loop) */
#splash .abx-spon.is-cta .abx-spon-go{animation:abxSponBreath 2.4s 1s ease-in-out infinite;box-shadow:0 0 0 3px var(--sb),0 18px 40px -12px rgba(0,0,0,.6)}
@keyframes abxSponBreath{0%,100%{transform:none}50%{transform:scale(1.03)}}
@media (prefers-reduced-motion:reduce){
  body.abx #page-city-bwp .bwp-dot::after,body.abx .abx-skel i::after,#splash .abx-spon.is-cta .abx-spon-go{animation:none!important}
}
/* phone menu: slides with the translate property. The base theme pins transform with !important on the open drawer, which
   kept its slide on the main thread; transform stays none and translate animates on the compositor. */
body.abx #v2Drawer.v2-drawer{transform:none!important;translate:105% 0;transition:translate .26s cubic-bezier(.2,.9,.3,1),visibility 0s linear .26s!important;will-change:translate}
body.abx #v2Drawer.v2-drawer.open{transform:none!important;translate:0 0;transition:translate .26s cubic-bezier(.2,.9,.3,1),visibility 0s!important}
@media (prefers-reduced-motion:reduce){ body.abx #v2Drawer.v2-drawer{transition:none!important} }
/* oct13b: text fields that sit inside a box drawn by their wrapper keep square corners of their own. A field clips its
   text to its own (invisible) rounded corner, which cut letters at the edge: the "p" starting the last wrapped line in
   Robbie's box (28px corner, no left padding), and the first letter's tail in the homepage and search fields. */
body.abx #robbieWidget #aiInput,body.abx .robbie-widget #aiInput,body.abx #abHeroInput,body.abx #globalSearch{border-radius:0!important}

/* ------------------------------------------------ 62. Chooser: holiday Robbie previews (oct13, ab-sponsor-v306.js)
   Three options beside "What is Ask Burbank?": Halloween, Thanksgiving, Christmas Robbie (keys 4–6). Each plays its reel
   full screen in the sponsor player, then Enter, Skip or Esc comes back to the chooser (p17q; ?season=<key> in the
   address opens the site in that holiday's look). */
#splash .abx-pick-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 18px;margin-top:24px;max-width:min(1120px,100%)}
#splash .abx-pick-more .abx-pick-tour{margin-top:0}
#splash .abx-pick-hol{position:relative;display:flex;align-items:stretch;min-height:72px;padding:6px;border-radius:999px;background:rgba(255,255,255,.97);
  box-shadow:0 2px 6px rgba(0,0,0,.14),0 22px 48px -22px rgba(0,0,0,.6);animation:abxPickIn .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--pi) * 90ms + 120ms)}
#splash .abx-pick-hol-chip{position:absolute;left:50%;top:0;transform:translate(-50%,-55%);padding:5px 11px;border-radius:999px;white-space:nowrap;
  background:linear-gradient(120deg,#E8742C,#C9701E 40%,#C62828 70%,#2E7D32);color:#fff;font:800 10.5px/1 var(--abx-font,inherit);letter-spacing:.08em;text-transform:uppercase;
  text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 10px -4px rgba(0,0,0,.45);pointer-events:none}
#splash .abx-pick-hol-b{position:relative;display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border:0;border-radius:999px;background:transparent;color:#19241F;text-align:left;cursor:pointer;
  transition:background-color .2s ease,transform .3s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}
#splash .abx-pick-hol-b+.abx-pick-hol-b::before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:1px;background:#E3E7E4;pointer-events:none}
#splash .abx-pick-hol-b:hover{background:color-mix(in srgb,var(--ha) 9%,#fff);transform:translate3d(0,-2px,0)}
#splash .abx-pick-hol-b:active{transform:scale(.98)}
#splash .abx-pick-hol-b:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ha)}
#splash .abx-pick-hol-img{position:relative;flex:0 0 auto;width:52px;height:52px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--ha),var(--hb));
  box-shadow:0 0 0 2px #fff,0 0 0 4px color-mix(in srgb,var(--ha) 55%,#fff)}
#splash .abx-pick-hol-img img{position:absolute;left:50%;top:4%;width:120%;height:auto;max-width:none;transform:translateX(-50%)}
#splash .abx-pick-hol-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
#splash .abx-pick-hol-t{font:800 15.5px/1.15 var(--abx-font,inherit);letter-spacing:-.01em}
#splash .abx-pick-hol-s{font:600 12.5px/1.2 var(--abx-font,inherit);color:#5A665F}
#splash .abx-pick-hol-k{width:26px;height:26px;font-size:12.5px;margin-left:2px;background:color-mix(in srgb,var(--ha) 12%,#fff);color:var(--ha)}
@media (hover:none){ #splash .abx-pick-hol-k{display:none} }
@media (max-width:760px){
  #splash .abx-pick-more{flex-direction:column;gap:14px;width:100%;margin-top:14px}
  #splash .abx-pick-hol{flex-direction:column;width:100%;max-width:420px;border-radius:24px;padding:16px 8px 8px}
  #splash .abx-pick-hol-b{border-radius:16px;padding:6px 10px 6px 6px}
  #splash .abx-pick-hol-b+.abx-pick-hol-b::before{left:66px;right:12px;top:-1px;bottom:auto;width:auto;height:1px}
}
@media (max-width:760px) and (max-height:760px){ #splash .abx-pick-hol-img{width:44px;height:44px} #splash .abx-pick-hol-t{font-size:14.5px} }
@media (max-height:500px) and (min-aspect-ratio:5/4){ #splash .abx-pick-hol{min-height:54px;padding:4px} #splash .abx-pick-hol-img{width:40px;height:40px} }
@media (prefers-reduced-motion:reduce){ #splash .abx-pick-hol{animation:none} #splash .abx-pick-hol-b{transition:none} }
@media (min-width:761px){ #splash .abx-pick-hol-chip{left:auto;right:24px;transform:translateY(-55%)} }

/* ------------------------------------------------ 62b. Chooser: "Enter the site" (p17q, ab-sponsor-v306.js)
   Romik, 20 Oct: "when i showcase and play the videos, i want to go back to the splash page and only enter the site with
   a enter the site button". Every video played from the chooser comes back to it; this button is the only way in. It
   sits under the choices (p18c: on a phone too; it used to float over them); on a phone
   held sideways (no room below) the same button shows in the top corner instead (.abx-pick-in). The entrance uses the
   translate property, so the hover lift (transform) still works once it has played. */
#splash .abx-pick-enter{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;min-height:54px;padding:0 24px 0 28px;
  border:0;border-radius:999px;background:#205CC5;color:#fff;font:750 16.5px/1 var(--abx-font,inherit);cursor:pointer;-webkit-tap-highlight-color:transparent;
  box-shadow:0 14px 34px -10px rgba(32,92,197,.75),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .25s cubic-bezier(.2,.9,.3,1.3),background-color .2s ease;
  animation:abxPickEnterIn .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--pi) * 90ms + 120ms)}
@keyframes abxPickEnterIn{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
#splash .abx-pick-enter svg{flex:0 0 auto;transition:transform .25s cubic-bezier(.2,.9,.3,1.3)}
#splash .abx-pick-enter:hover{background-color:#1B50AE;transform:translate3d(0,-2px,0)}
#splash .abx-pick-enter:hover svg{transform:translate3d(3px,0,0)}
#splash .abx-pick-enter:active{transform:scale(.98)}
#splash .abx-pick-enter:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(255,255,255,.95),0 0 0 7px #205CC5,0 14px 34px -10px rgba(32,92,197,.75)}
#splash .abx-sc-btn.abx-pick-in{display:none;background:#205CC5!important;border-color:rgba(255,255,255,.4)}
/* p18c (Romik, 22 Oct: the seasonal videos "go straight into ask Burbank"): on a phone the button used to float at the
   bottom while the choices scrolled under it, so a tap meant for a Holiday Robbie card could land on it. It now sits after
   the choices, with room below, and nothing scrolls under it. */
@media (max-width:760px){
  #splash .abx-pick-enter{width:100%;max-width:420px;min-height:52px;margin-top:22px;margin-bottom:max(18px,env(safe-area-inset-bottom))}
}
/* p18c: inside a video played from the chooser, the main button goes back to the videos (arrow first, pointing back) */
#splash .abx-sc-enter.is-back{padding:0 30px 0 24px}
#splash .abx-sc-enter.is-back:hover svg,#splash .abx-spon-enter.is-back:hover svg{transform:translateX(-3px)}
#splash .abx-spon-enter.is-back svg{transition:transform .25s}
@media (max-height:500px) and (min-aspect-ratio:5/4){
  #splash .abx-pick-enter{display:none}
  #splash .abx-sc-btn.abx-pick-in{display:inline-flex}
}
/* coming back from a video the choices settle in quicker, and the logo stays put (the video's screen fades over it) */
#splash .abx-pick.is-back .abx-pick-card,#splash .abx-pick.is-back .abx-pick-tour,#splash .abx-pick.is-back .abx-pick-hol,#splash .abx-pick.is-back .abx-pick-enter{animation-duration:.45s;animation-delay:calc(var(--pi) * 40ms + 60ms)}
#splash .abx-pick.is-back .abx-sc-top{animation:none}
@media (prefers-reduced-motion:reduce){ #splash .abx-pick-enter{animation:none!important;transition:none} #splash .abx-pick-enter svg{transition:none} }

/* ------------------------------------------------ 63. Sponsor cards and the sponsor panel (p17c, Romik 18 Oct)
   One row of actions (Directions, Ask Robbie, Share: no Save, nothing twice), the photo scrolls with the card
   while the close button stays, and every motion is a transform or an opacity change, so it runs on the
   compositor at the display's own rate (60 or 120 Hz): no shadow, colour or size is ever animated. */

/* rail / inline sponsor cards: the card and its label lift together; the photo eases in; a pre-drawn shadow fades in.
   The lift uses the `translate` property, not `transform`: v304 pins `transform:none!important` on these cards, and
   an animation on a property held by !important cannot run on the compositor (Chrome: "affects important property"). */
body.abx #v2AdRail div.v2-ad-static{transition:translate .38s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 1px 2px rgba(16,28,48,.04)!important;-webkit-tap-highlight-color:transparent}
body.abx #v2AdRail .v2-ad-head{transition:translate .38s cubic-bezier(.16,1,.3,1);box-shadow:none!important}
body.abx #v2AdRail div.v2-ad-static::after{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border-radius:inherit;background:none!important;
  box-shadow:0 24px 40px -26px rgba(16,28,48,.45),0 8px 16px -12px rgba(16,28,48,.18);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}
body.abx #v2AdRail div.v2-ad-static .v2-ad-img{background:#E9EEF5!important;isolation:isolate}
body.abx #v2AdRail div.v2-ad-static .v2-ad-img::before{content:""!important;display:block!important;position:absolute;inset:0;border-radius:inherit;background:var(--ad-img) center/cover no-repeat;transition:scale .7s cubic-bezier(.16,1,.3,1);z-index:0}
body.abx #v2AdRail .v2-ad-tag,body.abx #v2AdRail .v2-ad-deal,body.abx #v2AdRail .v2-ad-credit{z-index:2}
body.abx #v2AdRail .v2-ad-body{padding:12px 4px 0 2px!important}
body.abx #v2AdRail .v2-ad-title-lg{font-size:17px!important;font-weight:750!important;letter-spacing:-.015em!important}
body.abx #v2AdRail .v2-ad-meta{display:flex;align-items:center;gap:4px;font-size:12.5px!important}
body.abx #v2AdRail .v2-ad-star{color:#9A6400!important;font-weight:700}
body.abx #v2AdRail .v2-ad-website{display:inline-flex!important;align-items:center;gap:4px}
body.abx #v2AdRail .v2-ad-website svg{flex:none}
body.abx #v2AdRail .v2-ad-hours{font-size:12px;line-height:1.4;color:var(--abx-ink-3,#6B7570);margin-top:2px}
body.abx #v2AdRail .v2-ad-title{font-size:11.5px!important;font-weight:750!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#5F6B65!important}
body.abx #v2AdRail .v2-ad-dot{display:inline-block!important;flex:none;width:6px;height:6px;border-radius:50%;box-shadow:none!important}
@media (hover:hover) and (pointer:fine){
  body.abx #v2AdRail div.v2-ad-static:hover{translate:0 -3px;box-shadow:0 1px 2px rgba(16,28,48,.04)!important}
  body.abx #v2AdRail .v2-ad-head:has(+ .v2-ad-static:hover){translate:0 -3px}
  body.abx #v2AdRail div.v2-ad-static:hover::after{opacity:1}
  body.abx #v2AdRail div.v2-ad-static:hover .v2-ad-title-lg{color:var(--abx-blue,#205CC5)!important}
  body.abx #v2AdRail div.v2-ad-static:active{translate:none;transition-duration:.12s!important}
}

/* the panel scrolls as one card: photo and details move together, the close button stays put */
body.abx #panel.panel{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#C9D3E2 transparent}
body.abx #panel .panel-body{overflow:visible!important;flex:none!important}
body.abx #panel .panel-img{flex:none!important}
body.abx #panel>.panel-close{position:sticky!important;top:12px!important;right:auto!important;align-self:flex-end;flex:none;margin:24px 24px -64px auto!important;z-index:6}
body.abx #panel.is-ad .info-grid,body.abx #panel.is-ad .actions{display:none!important}
/* photo: a real image, faded in once decoded; it settles from a touch larger as the panel arrives */
body.abx #panel .adp-hero{display:none}
body.abx #panel.is-ad .panel-img{position:relative;height:244px!important;margin:12px 12px 0!important;border-radius:18px!important;overflow:hidden;background:#E9EEF5!important;isolation:isolate}
body.abx #panel.is-ad .panel-img::after{content:""!important;display:block!important;position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;
  box-shadow:inset 0 0 0 1px rgba(16,28,48,.06);background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.14))}
body.abx #panel.is-ad .adp-hero{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0!important;
  opacity:0;transition:opacity .3s ease}
body.abx #panel.is-ad .adp-hero.is-ready{opacity:1}
body.abx #panel.is-ad.open .adp-hero{animation:adpSettle 1.1s cubic-bezier(.16,1,.3,1) backwards}
@keyframes adpSettle{from{transform:scale(1.06)}to{transform:none}}
/* label, name, facts, blurb */
body.abx #panel.is-ad .panel-body{padding:18px 24px 28px!important}
body.abx #panel.is-ad #panelTag{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
body.abx #panel .adp-label{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid #F1DDA6;background:#FFF4D9;color:#7A4E00;font:750 11px/1 var(--abx-font,inherit);letter-spacing:.08em;text-transform:uppercase}
body.abx #panel .adp-member{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:#EAF1FC;color:#1C4FA8;font:650 12px/1 var(--abx-font,inherit)}
body.abx #panel .adp-deal{font:600 13px/1.2 var(--abx-font,inherit);color:var(--abx-ink-2,#59645D)}
body.abx #panel.is-ad .panel-body h2{font:800 28px/1.14 var(--abx-font,inherit)!important;letter-spacing:-.026em!important;margin:12px 0 6px!important;color:var(--abx-ink,#19241F)!important;text-wrap:balance}
body.abx #panel.is-ad #panelMeta{gap:6px 8px;font-size:14px!important}
body.abx #panel .adp-rating{display:inline-flex;align-items:baseline;gap:5px}
body.abx #panel .adp-rating .star{color:#9A6400!important;font-weight:750}
body.abx #panel .adp-dot{color:#A8B1AC}
body.abx #panel .adp-open{padding:3px 9px;background:#F1F3EF;color:#59645D;font-size:12.5px;font-weight:650}
body.abx #panel .adp-open.is-open{background:#E6F4EA;color:#17713A}
body.abx #panel.is-ad .desc{font-size:16px!important;line-height:1.6!important;margin:12px 0 0!important;color:var(--abx-ink-2,#46524C)!important}
/* actions: Directions (primary), Ask Robbie, Share; a press is a quick scale, nothing else moves */
body.abx #panel .adp-acts{display:flex!important;align-items:center;gap:10px!important;margin:18px 0 0!important}
body.abx #panel .adp-act{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:48px;padding:0 20px!important;border-radius:999px!important;
  border:1.5px solid #CADBF8!important;background:#fff!important;color:#1C4FA8!important;font:650 15px/1 var(--abx-font,inherit)!important;text-decoration:none!important;cursor:pointer;
  box-shadow:none!important;transition:transform .14s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap}
body.abx #panel .adp-acts>.adp-act:first-child{flex:1 1 auto;max-width:230px;background:#205CC5!important;border-color:#205CC5!important;color:#fff!important;box-shadow:0 12px 22px -16px rgba(32,92,197,.95)!important}
body.abx #panel .adp-act:active{transform:scale(.97)}
@media (hover:hover){ body.abx #panel .adp-act:hover{background:#F2F6FD!important} body.abx #panel .adp-acts>.adp-act:first-child:hover{background:#1A4FAE!important} }
body.abx #panel .adp-act:focus-visible{outline:3px solid #205CC5;outline-offset:2px}
body.abx #panel .adp-robbie .abx-robbie-face{width:28px;height:28px;margin-left:-10px;box-shadow:0 0 0 1.5px #CADBF8}
body.abx #panel .adp-share{width:48px;padding:0!important;margin-left:auto}
@media (max-width:520px){
  body.abx #panel .adp-acts{display:grid!important;grid-template-columns:minmax(0,1fr) 48px}
  body.abx #panel .adp-acts>.adp-act:first-child{grid-column:1/-1;max-width:none}
  body.abx #panel .adp-acts>.adp-share{margin-left:0}
  body.abx #panel .adp-acts>.adp-share:nth-child(2){grid-column:2}
}
/* details card, map, opening hours, then one footer: where the details come from + the sponsorship note */
body.abx #panel.is-ad .adb-rows{margin:16px 0 0!important}
body.abx #panel.is-ad .abx-addr-map{margin:12px 0 0;height:196px}
body.abx #panel.is-ad .adb-hours{margin:12px 0 0}
body.abx #panel .adp-foot{margin:22px 0 0;padding:14px 0 0;border-top:1px solid var(--abx-line-2,#E6ECF5)}
body.abx #panel .adp-foot p{margin:0 0 6px;font-size:12.5px!important;line-height:1.55;color:var(--abx-ink-3,#6B7570)!important}
body.abx #panel .adp-foot a{color:var(--abx-blue,#205CC5)!important;font-weight:650;text-decoration:none}
@media (max-width:860px){
  body.abx #panel.is-ad .panel-img{height:208px!important}
  body.abx #panel.is-ad .panel-body{padding:16px 18px calc(28px + env(safe-area-inset-bottom,0px))!important}
  body.abx #panel.is-ad .panel-body h2{font-size:25px!important}
  body.abx #panel>.panel-close{margin:22px 22px -62px auto!important}
}
/* open and close: the panel slides on the compositor; it arrives with a long ease-out and leaves quickly */
@media (min-width:861px){
  body.abx #panel.panel{transform:translate3d(28px,0,0);transition:transform .24s cubic-bezier(.4,0,1,1),opacity .2s ease}
  body.abx #panel.panel.open{transform:none;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .2s ease}
}
@media (max-width:860px){
  body.abx #panel.panel{transform:translate3d(0,100%,0);transition:transform .28s cubic-bezier(.4,0,1,1),opacity .2s ease .08s}
  body.abx #panel.panel.open{transform:none;transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .14s ease}
}
@media (prefers-reduced-motion:reduce){
  body.abx #panel.panel,body.abx #panel.panel.open{transform:none!important;transition:opacity .15s linear!important}
  body.abx #panel.is-ad .adp-hero{animation:none!important}
  body.abx #v2AdRail div.v2-ad-static .v2-ad-img::before{scale:none!important;transition:none!important}
  body.abx #v2AdRail div.v2-ad-static,body.abx #v2AdRail .v2-ad-head{translate:none!important;transition:none!important}
}

/* ------------------------------------------------ 64. Sponsor card hover (p17j): sharp photo, one blue outline around label and card (also the focus ring), open arrow */
body.abx #v2AdRail .v2-ad-head::after{content:"";position:absolute;left:-1px;right:-1px;top:-1px;bottom:0;border:2px solid var(--abx-blue,#205CC5);border-bottom:0;
  border-radius:20px 20px 0 0;opacity:0;transition:opacity .28s ease;pointer-events:none}
body.abx #v2AdRail div.v2-ad-static::before{content:"";position:absolute;left:-1px;right:-1px;top:0;bottom:-1px;border:2px solid var(--abx-blue,#205CC5);border-top:0;
  border-radius:0 0 20px 20px;opacity:0;transition:opacity .28s ease;pointer-events:none;z-index:3}
body.abx #v2AdRail .v2-ad-go{position:absolute;right:10px;top:10px;z-index:2;width:30px;height:30px;border-radius:50%;pointer-events:none;box-shadow:0 2px 8px rgba(16,28,48,.22);
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' stroke='%23205CC5' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center no-repeat;
  opacity:0;translate:-8px 0;transition:opacity .25s ease,translate .38s cubic-bezier(.16,1,.3,1)}
body.abx #v2AdRail div.v2-ad-static:focus-visible{outline:none!important}
body.abx #v2AdRail div.v2-ad-static:focus-visible::before,body.abx #v2AdRail .v2-ad-head:has(+ .v2-ad-static:focus-visible)::after{opacity:1}
body.abx #v2AdRail div.v2-ad-static:focus-visible .v2-ad-go{opacity:1;translate:0 0}
@media (hover:hover) and (pointer:fine){
  body.abx #v2AdRail div.v2-ad-static:hover::before,body.abx #v2AdRail .v2-ad-head:has(+ .v2-ad-static:hover)::after{opacity:1}
  body.abx #v2AdRail div.v2-ad-static:hover .v2-ad-go{opacity:1;translate:0 0}
  body.abx #v2AdRail div.v2-ad-static:hover .v2-ad-img::before{scale:1.06}
}
@media (prefers-reduced-motion:reduce){
  body.abx #v2AdRail .v2-ad-go,body.abx #v2AdRail div.v2-ad-static::before,body.abx #v2AdRail .v2-ad-head::after{transition:none!important}
  body.abx #v2AdRail .v2-ad-go{translate:none!important}
}

/* ------------------------------------------------ 65. Chooser: more sponsor videos; the sponsor's email button (p17m, ab-sponsor-v306.js)
   "More sponsor videos" reuses the Holiday Robbie row; its round picture is a photo crop, so it fills the circle. A sponsor
   button that writes an email (mailto:) shows an envelope that lifts on hover instead of the outward arrow. */
#splash .abx-pick-spx .abx-pick-hol-chip{background:linear-gradient(120deg,#205CC5,#7AB648)}
#splash .abx-pick-spx-img img{left:0;top:0;width:100%;height:100%;object-fit:cover;transform:none}
#splash .abx-spon-go.is-mail:hover svg{transform:translate3d(0,-2px,0)}
/* a wide sponsor logo (Athens Services is about 6:1) must not run into the card's title: capped, aligned right */
#splash .abx-pick-logo{max-width:118px;object-fit:contain;object-position:right center}
@media (max-width:760px){ #splash .abx-pick-logo{max-width:86px} }
@media (max-height:500px) and (min-aspect-ratio:5/4){ #splash .abx-pick-logo{max-width:80px} }

/* ------------------------------------------------ 66. Sponsor splash: the logo straight on the video (p17n, Romik 19 Oct)
   "the logo should be white on the background": no white plate behind any sponsor logo. A sponsor's white logo
   (logoWhite in sponsor.json, class .is-white) carries a soft shadow so it reads over bright sky; a logo that has its
   own background (IKEA's blue box) keeps that and a light lift. Sizes stay those of the plate (38/32/28/24 px). */
#splash .abx-spon-logo{padding:0;border-radius:0;background:none;box-shadow:none}
#splash .abx-spon-logo img{border-radius:3px;box-shadow:0 8px 22px -8px rgba(0,0,0,.55)}
#splash .abx-spon-logo.is-white img{border-radius:0;box-shadow:none;filter:drop-shadow(0 1px 1px rgba(8,16,30,.7)) drop-shadow(0 2px 10px rgba(8,16,30,.55))}

/* p18z11 (Romik, 26 Oct 2026, 11:23 PT: "when the menu is collapsed the news button isn't there, lets add it"): a
   Burbank News tile at the foot of the collapsed Burbank Live column (the news card is hidden then); newsprint ink. */
body.abx .abx-live-row[data-tone="news"]{--lt:#2B3A33;--ltb:#EEF1F0;text-decoration:none;color:inherit}
body.abx .abx-shell:not([data-live="min"]) .abx-live-newsmin{display:none!important}
body.abx .abx-shell[data-live="min"] .abx-live-newsmin{margin-top:8px;padding-top:8px;border-top:1px solid var(--abx-line-2,#EDEFEA)}
/* p18z30 (Romik, 31 Oct 2026: "lets make sure all expansions, transitions all run at 60fps, buttery fluid 120hz", "that's
   a rule for everything on the site"): the last three running animations that were drawn on the main thread on every
   frame (found by tools/qa/motion-sweep.mjs), redone with transform and opacity, which the compositor runs:
   the kiosk button's orb (a growing shadow: now a disc behind it that grows and fades), the member photo placeholder's
   shimmer (moving a background that a rule above already removes: stopped), the "Open now" dot (a growing shadow: now a
   soft fade) */
body.abx .kio-cta-orb{position:relative;isolation:isolate;animation:none!important;box-shadow:none!important}
body.abx .kio-cta-orb::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:#ffffff80;animation:abxOrbRing 2.6s ease-out infinite;pointer-events:none}
@keyframes abxOrbRing{0%{transform:scale(1);opacity:1}70%{transform:scale(1.73);opacity:0}100%{transform:scale(1.73);opacity:0}}
body.abx .member-img{animation:none!important}
body.abx .pill.live:before{box-shadow:none!important;animation:abxLiveDot 1.6s ease-in-out infinite!important}
@keyframes abxLiveDot{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){body.abx .kio-cta-orb::after,body.abx .pill.live:before{animation:none!important}}

/* §p18z33 (Romik, 1 Nov 2026: "on mobile can we update the navigation bar at the bottom, elevate it and Robbie should
   have his image on it"). The bar floats: a rounded, raised, solid white capsule over the page with a soft shadow (no backdrop blur: a
   blurred backdrop is repainted on every scrolled frame), inside the same
   80 px box as before (8 px of clear space above and below it), so nothing placed from the bar moves. Robbie's tab is
   his face (robbie-mascot.png, cropped as on the Ask Robbie button) in a blue to green ring, lifted above the capsule,
   with a green "here" dot. Motion uses transform and opacity only (the 60 fps rule); no :has(). */
@media (max-width:740px){
  body.abx #v2Tabbar.v2-tabbar{background:transparent!important;border-top:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;contain:none!important;pointer-events:none}
  body.abx #v2Tabbar.v2-tabbar:before,body.abx #v2Tabbar.v2-tabbar:after{display:none!important}
  body.abx #v2Tabbar .v2-tabbar-inner{pointer-events:auto;max-width:500px;padding:4px!important;gap:0!important;border-radius:24px;background:linear-gradient(180deg,#fff,#FBFCFE);border:1px solid rgba(16,42,90,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 32px -14px rgba(16,42,90,.42),0 4px 10px -3px rgba(16,42,90,.12)}
  body.abx #v2Tabbar .v2-tab{min-height:54px!important;padding:5px 2px 4px!important;border-radius:18px!important;gap:3px!important;background:transparent!important}
  body.abx #v2Tabbar .v2-tab.active,body.abx #v2Tabbar .v2-tab.abx-current,body.abx #v2Tabbar .v2-tab[aria-current="page"]{background:transparent!important}
  body.abx #v2Tabbar .v2-tab-pill{border-radius:14px!important;width:52px;height:32px}
  /* Robbie's tab: no blue block any more; his face is the button. */
  body.abx #v2Tabbar .v2-tab[data-tab="robbie"],body.abx #v2Tabbar .v2-tab[aria-label="Open Robbie"]{background:transparent!important;color:var(--abx-blue,#1E5BBF)!important;justify-content:flex-end!important;overflow:visible}
  body.abx #v2Tabbar .v2-tab[data-tab="robbie"] span[data-i18n]{font-weight:800!important;color:var(--abx-blue,#1E5BBF)}
  body.abx #v2Tabbar .v2-tabbar-inner.pill-robbie .v2-tab-pill{opacity:0!important}
  /* the ring is the button's own background (a conic gradient); his face sits on top of it, 3 px in */
  body.abx #v2Tabbar .v2-robbie-face{position:relative;display:block;width:52px;height:52px;margin:-30px 0 1px;border-radius:50%;background:conic-gradient(from 210deg,#1E5BBF,#3E8EDE,#7AB648,#1E5BBF);box-shadow:0 10px 22px -6px rgba(30,91,191,.55),0 3px 8px rgba(16,42,90,.18);transform:translateZ(0);transition:transform .32s cubic-bezier(.2,.9,.3,1.25)}
  body.abx #v2Tabbar .v2-robbie-face:after{content:"";position:absolute;border-radius:50%;background:#fff url(/robbie-mascot.png?v=3) no-repeat;background-size:290% auto;background-position:50% 3%;box-shadow:0 0 0 2px #fff;inset:4px}
  body.abx #v2Tabbar .v2-robbie-on{position:absolute;z-index:2;right:1px;bottom:3px;width:13px;height:13px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 2.5px #fff,0 1px 3px rgba(16,42,90,.3)}
  body.abx #v2Tabbar .v2-tab[data-tab="robbie"]:active .v2-robbie-face{transform:scale(.92)}
  body.abx #v2Tabbar .v2-tab[data-tab="robbie"].active .v2-robbie-face,body.abx #v2Tabbar .v2-tab[data-tab="robbie"][aria-expanded="true"] .v2-robbie-face{transform:translateY(-2px) scale(1.04)}
  body.abx #v2Tabbar .v2-tab[data-tab="robbie"]:active{transform:none!important}
}
@media (max-width:740px) and (prefers-reduced-motion:reduce){body.abx #v2Tabbar .v2-robbie-face{transition:none}}