/* D03 T01: keyboard focus and bypass links; no routing or event changes. */
body :focus-visible {outline:3px solid var(--bb-focus,#2446a6)!important;outline-offset:3px;}
.bb-skip {position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;z-index:11000;padding:1rem;background:var(--bb-surface,#fff);color:var(--bb-text,#17233b);border:1px solid var(--bb-border,#718096);transform:translateY(-200%);}
.bb-skip:focus {transform:none;}
.bb-a11y-main:focus {outline:3px solid var(--bb-focus,#2446a6);outline-offset:-3px;}
.bb-a11y-main {scroll-margin-block-start:1rem;}
/* D03 T02: explicit solid category contrast, compact controls and motion preference. */
.bb-editorial a[class*="bg-cat-"],.bb-editorial a.bg-warning,.bb-editorial a.bg-danger {color:#fff!important;background:#2446a6!important;display:inline-flex;align-items:center;min-height:44px;min-width:44px;}
nav a,nav button,.navbar a,.navbar button,.btn,button,input:not([type=checkbox]):not([type=radio]),select,textarea {min-height:44px;min-width:44px;}
.bb-editorial #mainnav .nav-link {display:inline-flex;align-items:center;justify-content:center;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;} *,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}
nav a,.navbar a {display:inline-flex;align-items:center;}
.bb-fans .banner_details {background:#17233b;border-radius:12px;padding-inline:24px;}
.bb-fans .banner_details :is(h1,h2,h3,p) {color:#fff!important;}
/* D03 T03: allow the 320px viewport minus its scrollbar to reflow. */
html {min-width:0!important;}
body.bb-main {min-width:0;}
.bb-editorial .profile-links-list {flex-wrap:wrap;padding-inline:0;gap:4px;}
.bb-editorial .bb-reading .ms-auto {min-width:0;max-width:100%;}
