.an-header .aj-stories-brand { display:flex; align-items:center; gap:12px; flex-shrink:0; width:256px; min-height:72px; }
.an-header .an-navigation:has(.aj-stories-brand) { padding-block:13px; }
.an-header .aj-stories-brand .an-brand { width:auto; min-width:0; }
.an-header .aj-stories-trigger { position:relative; display:grid; place-items:center; flex:none; width:72px; height:72px; margin:0; padding:7px; border:0; border-radius:50%; background:#fff; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:transform .42s cubic-bezier(.4,0,.2,1),box-shadow .42s cubic-bezier(.4,0,.2,1); }
@media(hover:hover) and (pointer:fine) {
  .an-header .aj-stories-trigger:hover { transform:scale(1.025); box-shadow:0 0 0 3px rgba(150,59,234,.025); }
}
.an-header .aj-stories-trigger:focus:not(:focus-visible) { outline:none; }
.an-header .aj-stories-trigger:focus-visible { outline:2px solid #1940cc; outline-offset:4px; }
.aj-stories-ring { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.an-header .aj-stories-trigger .an-brand-badge { margin:0; width:52px; height:52px; }
/* The painted car badge is (8,18)..(106,98) inside the 441x110 wordmark asset.
   Center that artwork, not the asymmetric whitespace of the original crop. */
.an-header .aj-stories-trigger .an-brand-badge img { width:auto; left:50%; top:50%; transform:translate(-12.92517%,-52.727273%); }
.aj-stories-open { overflow:hidden; }
.aj-stories-viewer { position:fixed; inset:0; box-sizing:border-box; width:100vw; max-width:none; height:100dvh; max-height:none; margin:0; padding:24px; border:0; background:transparent; color:#fff; font:400 15px/1.4 'IBM Plex Sans',Arial,sans-serif; overflow:hidden; }
.aj-stories-viewer[open] { display:flex; align-items:center; justify-content:center; gap:24px; animation:aj-stories-enter .22s ease-out; }
.aj-stories-viewer::backdrop { background:rgba(10,17,31,.9); backdrop-filter:blur(5px); }
.aj-stories-card { position:relative; display:flex; flex-direction:column; width:min(420px,calc((100dvh - 48px)*.5625)); height:min(746.66px,calc(100dvh - 48px)); max-width:100%; background:#141b2b; border-radius:18px; overflow:hidden; box-shadow:0 24px 80px #0006; }
.aj-stories-progress { position:absolute; top:12px; left:12px; right:12px; z-index:2; display:flex; gap:4px; }
.aj-stories-progress span { flex:1; height:3px; border-radius:2px; background:#ffffff50; overflow:hidden; }
.aj-stories-progress i { display:block; height:100%; width:100%; background:#fff; transform:scaleX(0); transform-origin:left; }
.aj-stories-top { position:absolute; z-index:2; inset:0 0 auto; display:flex; align-items:center; gap:10px; padding:28px 16px 12px; background:linear-gradient(#080d22be,transparent); }
.aj-stories-avatar.an-brand-badge { position:relative; display:block; width:30px; height:34px; flex:none; overflow:hidden; background:#fff; border-radius:50%; }
.aj-stories-avatar img { position:absolute; left:50%; top:50%; height:100%; width:auto; max-width:none; transform:translate(-12.92517%,-52.727273%); }
.aj-stories-name { min-width:0; }
.aj-stories-name strong { display:block; font-size:14px; font-weight:600; }
.aj-stories-name small { display:block; font-size:11px; color:#ffffffb0; }
.aj-stories-controls { display:flex; align-items:center; flex:none; gap:0; margin-left:auto; }
.aj-stories-control,.aj-stories-nav { display:grid; place-items:center; padding:0; border:0; background:transparent; color:#fff; cursor:pointer; }
.aj-stories-control { width:36px; height:40px; flex:none; border-radius:0; appearance:none; -webkit-appearance:none; box-shadow:none; -webkit-tap-highlight-color:transparent; transition:opacity .18s ease; }
.aj-stories-control-icon { display:block; width:22px; height:22px; max-width:none; object-fit:contain; filter:brightness(0) invert(1); pointer-events:none; user-select:none; }
.aj-stories-control[hidden] { display:none; }
.aj-stories-control:hover { background:transparent; opacity:.78; }
.aj-stories-control:active { opacity:.6; }
.aj-stories-control:focus:not(:focus-visible) { outline:none; box-shadow:none; }
.aj-stories-control:focus-visible,.aj-stories-nav:focus-visible,.aj-stories-bottom a:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.aj-stories-nav { flex:none; width:44px; height:44px; background:#ffffff12; border:1px solid #ffffff25; border-radius:50%; font:400 38px/1 Arial,sans-serif; }
.aj-stories-nav:hover { background:#ffffff25; }
.aj-stories-nav:disabled { opacity:.3; cursor:default; }
.aj-stories-media { display:grid; place-items:center; width:100%; height:100%; min-height:0; touch-action:pan-y; user-select:none; }
.aj-stories-media img,.aj-stories-media video { display:block; width:100%; height:100%; max-width:100%; object-fit:contain; }
.aj-stories-bottom { position:absolute; z-index:2; inset:auto 0 0; padding:28px 16px 16px; display:flex; justify-content:space-between; gap:16px; align-items:center; font-size:12px; background:linear-gradient(transparent,#080d22be); }
.aj-stories-bottom a { color:#fff; text-decoration:none; }
.aj-stories-error { position:absolute; inset:45% 24px auto; text-align:center; font-size:14px; }
.aj-stories-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes aj-stories-enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media(max-width:767px) {
  .an-header .an-navigation:has(.aj-stories-brand) { padding-block:7px; }
  .an-header .aj-stories-brand { width:198px; min-height:54px; gap:9px; }
  .an-header .aj-stories-trigger { width:54px; height:54px; padding:6px; }
  .an-header .aj-stories-trigger .an-brand-badge { width:36px; height:36px; }
  .an-header .aj-stories-brand .an-brand { width:auto; }
  .aj-stories-viewer { padding:0; }
  .aj-stories-viewer[open] { gap:0; }
  .aj-stories-card { width:100%; height:100dvh; border-radius:0; }
  .aj-stories-control { width:36px; height:44px; }
  .aj-stories-nav { position:absolute; bottom:60px; z-index:3; width:36px; height:36px; font-size:30px; }
  .aj-stories-prev { left:12px; } .aj-stories-next { right:12px; }
  .aj-stories-bottom { padding-bottom:max(16px,env(safe-area-inset-bottom)); }
}
@media(max-width:359px) { .an-header .aj-stories-brand { width:180px; gap:7px; } }
@media(prefers-reduced-motion:reduce) { .aj-stories-viewer[open] { animation:none; } .an-header .aj-stories-trigger { transition:box-shadow .3s ease !important; } .an-header .aj-stories-trigger:hover { transform:none; } }