:root {
    --voicer-brand-blue: #165fd4;
    --voicer-brand-navy: #102a53;
    --voicer-brand-sky: #eaf4ff;
    --voicer-canvas: #f7fbff;
    --voicer-canvas-glow: radial-gradient(circle at 82% 12%, #e4f0ff 0, transparent 40%);
}

body.theme-light[data-gradient="body-default"] {
    background-color: var(--voicer-canvas) !important;
    background-image: none !important;
}

body.theme-light[data-gradient="body-default"] #page {
    background-color: var(--voicer-canvas) !important;
    background-image: var(--voicer-canvas-glow) !important;
}

body.theme-light :is(.voicer-interior, .voicer-hub, .voicer-feed, .voicer-videos, .voicer-watch) {
    background-color: transparent !important;
    background-image: none !important;
}

#page > .header { background: rgba(255, 255, 255, .98) !important; border-bottom: 1px solid #e3eaf5; box-shadow: 0 5px 20px rgba(21, 58, 115, .055); }
#page > .header img[src$="voicer-bird.svg"] { display: inline-block; width: 44px; height: 35px; object-fit: contain; }
#page > .header .header-icon { color: #254569 !important; }
#page > .header .fa-bell,
#page > .header .fa-search,
#page > .header .fa-arrow-left { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; color: #294a70 !important; font-size: 0 !important; }
#page > .header .fa-bell::before,
#page > .header .fa-search::before,
#page > .header .fa-arrow-left::before { content: '' !important; display: block; width: 22px; height: 22px; background: currentColor; -webkit-mask: var(--voicer-header-icon) center / contain no-repeat; mask: var(--voicer-header-icon) center / contain no-repeat; }
#page > .header .fa-bell { --voicer-header-icon: url('/icons/outline-bell.svg'); }
#page > .header .fa-search { --voicer-header-icon: url('/icons/outline-search.svg'); }
#page > .header .fa-arrow-left { --voicer-header-icon: url('/icons/outline-arrow-left.svg'); }

.voicer-wordmark { display: none; }
.voicer-public-header { display: flex !important; align-items: center; gap: 30px; height: 72px !important; padding: 0 max(25px, calc((100vw - 1180px) / 2)); }
.voicer-public-header > .header-title { position: static !important; inset: auto !important; transform: none !important; width: auto !important; height: auto !important; line-height: normal !important; margin: 0 auto 0 0 !important; flex: 0 0 auto; }
.voicer-public-header > .header-title h3 { display: flex; align-items: center; gap: 5px; margin: 0 !important; padding: 0 !important; }
.voicer-public-header > .header-title img { width: 44px !important; height: 36px !important; margin: 0 !important; }
.voicer-public-header .voicer-wordmark { display: inline !important; color: #143354; font: 800 23px/1 "Voicer Inter", system-ui, sans-serif; letter-spacing: -.055em; text-transform: lowercase; }
.voicer-public-header > .header-icon,
.voicer-public-header > #searchDrop { display: none !important; }
.voicer-public-search-header { gap: 12px; }
.voicer-public-search-header > .header-title { margin: 0 !important; }
.voicer-public-search-header .voicer-header-nav { display: none; }
.voicer-public-search { position: relative; display: flex; align-items: center; flex: 1 1 auto; min-width: 0; max-width: 640px; margin: 0; }
.voicer-public-search input { box-sizing: border-box; width: 100%; height: 39px; padding: 0 46px 0 15px; border: 1px solid #dfe4eb; border-radius: 999px; outline: 0; background: transparent; color: #193352; font-size: 13px; }
.voicer-public-search input:focus { border-color: #82b3f0; box-shadow: 0 0 0 3px rgba(25, 95, 230, .1); }
.voicer-public-search button { position: absolute; top: 50%; right: 4px; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; transform: translateY(-50%); border: 0; border-radius: 8px; background: transparent; color: #55708e; cursor: pointer; }
.voicer-public-search button:hover { background: #e7f1ff; color: #195fe6; }
.voicer-public-search button:focus-visible { outline: 3px solid #80b9fa; outline-offset: 2px; }
.voicer-public-search button i { margin: 0; font-size: 19px; }
body.theme-dark .voicer-public-search input { border-color: #50627b; color: #edf5ff; }
body.theme-dark .voicer-public-search input::placeholder { color: #a8bad3; }
body.theme-dark .voicer-public-search button { color: #bfd0e5; }
.voicer-header-nav { display: flex; align-items: center; gap: 27px; }
.voicer-header-nav a { color: #536782; text-decoration: none; font-size: 14px; font-weight: 640; }
.voicer-header-nav a[aria-current], .voicer-header-nav a:hover { color: #195fe6; }
.voicer-header-actions { display: flex; align-items: center; gap: 11px; margin-left: auto; }
.voicer-header-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 15px; border-radius: 11px; text-decoration: none; font-size: 13px; font-weight: 700; white-space: nowrap; }
.voicer-header-actions__login { color: #253f61; }
.voicer-header-actions__login:hover { background: #f0f5fc; color: #155ac5; }
.voicer-header-actions__primary { background: #195fe6; color: #fff !important; box-shadow: 0 6px 16px rgba(22, 95, 215, .14); }
.voicer-header-actions__primary:hover { background: #1252c3; }
.voicer-public-header a:focus-visible { outline: 3px solid #80b9fa; outline-offset: 3px; }
.voicer-theme-toggle { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; padding: 0; border: 1px solid #dce8f6; border-radius: 11px; background: #f6faff; color: #385d87; cursor: pointer; }
.voicer-theme-toggle:hover { background: #eaf3ff; color: #195fe6; }
.voicer-theme-toggle span { display: block; width: 19px; height: 19px; background: currentColor; -webkit-mask: url('/icons/outline-moon.svg') center / contain no-repeat; mask: url('/icons/outline-moon.svg') center / contain no-repeat; }
.voicer-theme-toggle:focus-visible { outline: 3px solid #80b9fa; outline-offset: 3px; }
.header-searchbar .voicer-media-search { position: relative; min-width: 0; }
@media (min-width: 768px) {
    .header-searchbar.voicer-media-searchbar,
    .header-searchbar.voicer-site-search { display: flex !important; align-items: center; gap: 8px; }
}
.voicer-media-searchbar > .float-left { float: none !important; flex: none; margin: 0 !important; }
.voicer-media-searchbar > .float-left a { display: flex; align-items: center; text-decoration: none; }
.voicer-media-searchbar > .float-left img { width: 44px !important; height: 36px !important; margin: 0 !important; object-fit: contain; }
.voicer-media-searchbar .scale-switch { flex: 1; min-width: 0; width: auto; transform: none; }
.voicer-media-searchbar #txtMedia { box-sizing: border-box; width: 100% !important; height: 39px; margin-top: 0; padding: 0 46px 0 15px; border: 1px solid #dfe4eb; border-radius: 999px; background: transparent !important; color: #193352; font-size: 13px; }
.voicer-media-searchbar #txtMedia:focus { outline: none; border-color: #82b3f0; box-shadow: 0 0 0 3px rgba(25, 95, 230, .1); }
.header-searchbar :is(.voicer-media-search__submit, .voicer-site-search__submit) { position: absolute; top: 50%; right: 4px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; transform: translateY(-50%); border: 0; border-radius: 8px; background: transparent; color: #55708e; cursor: pointer; }
.header-searchbar :is(.voicer-media-search__submit, .voicer-site-search__submit):hover { background: #e7f1ff; color: #195fe6; }
.header-searchbar :is(.voicer-media-search__submit, .voicer-site-search__submit):focus-visible { outline: 3px solid #80b9fa; outline-offset: 2px; }
.header-searchbar :is(.voicer-media-search__submit, .voicer-site-search__submit) i { margin: 0; font-size: 19px; line-height: 1; }
body.theme-dark .header-searchbar :is(.voicer-media-search__submit, .voicer-site-search__submit) { color: #bfd0e5; }
body.theme-dark .header-searchbar :is(.voicer-media-search__submit, .voicer-site-search__submit):hover { background: #314761; color: #fff; }
body.theme-dark .voicer-media-searchbar #txtMedia { border-color: #50627b; background: transparent !important; color: #edf4ff; }
body.theme-dark .voicer-media-searchbar #txtMedia::placeholder { color: #a8bad3; }
.voicer-media-header { display: flex !important; align-items: center; gap: 11px; height: 72px !important; padding: 0 max(25px, calc((100vw - 1220px) / 2)); }
.voicer-media-header > .header-icon-12 { display: none !important; }
.voicer-media-header > .header-searchbar { position: static !important; display: flex !important; align-items: center; flex: 1; gap: 8px; width: auto !important; max-width: 760px; height: auto !important; margin: 0 auto 0 0 !important; }
.voicer-media-header .header-searchbar > .float-left { float: none !important; flex: none; margin: 0 !important; }
.voicer-media-header .header-searchbar > .float-left a { display: flex; align-items: center; gap: 5px; text-decoration: none; }
.voicer-media-header .header-searchbar img { width: 44px !important; height: 36px !important; margin: 0 !important; }
.voicer-media-header .voicer-wordmark { display: inline !important; color: #143354; font: 800 22px/1 "Voicer Inter", system-ui, sans-serif; letter-spacing: -.055em; text-transform: lowercase; }
.voicer-media-header .header-searchbar .scale-switch { flex: 1; min-width: 0; width: auto !important; margin: 0 !important; transform: none; }
.voicer-media-header > #searchDrop { display: none !important; }
.voicer-media-header > #notipop, .voicer-media-header > .voicer-account-trigger { position: static !important; flex: 0 0 40px; width: 40px; height: 40px; margin: 0 !important; line-height: 40px; }
.voicer-media-header__login, .voicer-media-header__join { display: inline-flex; align-items: center; justify-content: center; flex: none; min-height: 38px; padding: 0 14px; border-radius: 11px; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.voicer-media-header__login { color: #35506f; }
.voicer-media-header__login:hover { background: #eef5ff; color: #155ac5; }
.voicer-media-header__join { background: #1b62ce; color: #fff !important; }
.voicer-media-header__join:hover { background: #1554b4; color: #fff !important; }
body.theme-dark .voicer-media-header .voicer-wordmark { color: #f1f6ff !important; }
body.theme-dark .voicer-media-header__login { color: #bfd0e5 !important; }
body.theme-dark .voicer-media-header__login:hover { background: #263c59; color: #9bc5ff !important; }
.voicer-site-header { display: flex !important; align-items: center; gap: 10px; height: 72px !important; padding: 0 max(18px, calc((100vw - 1440px) / 2)); }
.voicer-site-header > .header-searchbar { position: static !important; display: flex !important; align-items: center; flex: 1 1 auto; gap: 8px; width: auto !important; max-width: 760px; height: auto !important; margin: 0 auto 0 0 !important; line-height: normal; text-align: left; }
.voicer-site-header .header-searchbar > a.float-left { display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; text-decoration: none; }
.voicer-site-header .voicer-wordmark { display: inline !important; color: #143354; font: 800 22px/1 "Voicer Inter", system-ui, sans-serif; letter-spacing: -.055em; text-transform: lowercase; }
.voicer-site-header > #searchDrop, .voicer-site-header > .header-icon-12 { display: none !important; }
.voicer-site-header > #notipop, .voicer-site-header > .voicer-account-trigger { position: static !important; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; margin: 0 !important; padding: 0; line-height: 1; }
.voicer-site-header > #notipop { border-radius: 11px; }
.voicer-site-header > #notipop:hover { background: #edf4ff; }
.voicer-site-header > #notipop i { margin: 0 !important; }
body.theme-dark .voicer-site-header .voicer-wordmark { color: #f1f6ff !important; }
.voicer-account-header { display: flex !important; align-items: center; height: 72px !important; padding: 0 max(25px, calc((100vw - 1180px) / 2)); }
.voicer-account-header > .header-title { position: static !important; inset: auto !important; transform: none !important; width: auto !important; height: auto !important; line-height: normal !important; margin: 0 auto 0 0 !important; }
.voicer-account-header > .header-title h3 { display: flex; align-items: center; gap: 10px; margin: 0 !important; padding: 0 !important; }
.voicer-account-header > .header-title img { width: 44px !important; height: 36px !important; margin: 0 !important; }
.voicer-account-header .voicer-wordmark { display: inline !important; color: #143354; font: 800 23px/1 "Voicer Inter", system-ui, sans-serif; letter-spacing: -.055em; text-transform: lowercase; }
.voicer-account-header > .header-icon { display: none !important; }
.voicer-account-actions { display: flex; align-items: center; gap: 14px; }
.voicer-account-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 15px; border-radius: 11px; color: #354d6d; text-decoration: none; font-size: 13px; font-weight: 700; }
.voicer-account-actions a:hover { color: #195fe6; background: #edf5ff; }
.voicer-account-actions .voicer-account-actions__primary { background: #195fe6; color: #fff; box-shadow: 0 6px 16px rgba(22, 95, 215, .14); }
.voicer-account-actions .voicer-account-actions__primary:hover { background: #1252c3; color: #fff; }
.voicer-account-header a:focus-visible { outline: 3px solid #80b9fa; outline-offset: 3px; }
body:has(.voicer-auth) #footer-bar { display: none; }
@media (min-width: 768px) { body:has(.voicer-landing) #footer-bar { display: none; } }
@media (max-width: 767px) {
    #searchDrop.voicer-media-search-drop { height: 40px; line-height: 40px; }
    #searchDrop.voicer-media-search-drop .voicer-media-search-toggle { display: flex; align-items: center; justify-content: center; width: 34px; height: 40px; padding: 0; border: 0; border-radius: 9px; background: transparent; color: #244568; font-size: 18px; cursor: pointer; }
    #searchDrop.voicer-media-search-drop .voicer-media-search-toggle:hover,
    #searchDrop.voicer-media-search-drop .voicer-media-search-toggle[aria-expanded="true"] { background: #edf4ff; color: #195fe6; }
    #searchDrop.voicer-media-search-drop .voicer-media-search-toggle:focus-visible { outline: 3px solid #80b9fa; outline-offset: 2px; }
    #searchDrop.voicer-media-search-drop .voicer-media-search-menu { position: fixed !important; top: 56px !important; right: 12px !important; left: 12px !important; width: auto !important; max-width: none !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 9px !important; transform: none !important; border: 1px solid #dce7f5 !important; border-radius: 14px; background: #fff !important; box-shadow: 0 14px 32px rgba(20, 55, 101, .16) !important; }
    .voicer-media-header #searchDrop.voicer-media-search-drop .voicer-media-search-menu { top: 68px !important; }
    #searchDrop.voicer-media-search-drop .voicer-media-search-item { width: 100%; margin: 0; padding: 0; list-style: none; }
    #searchDrop.voicer-media-search-drop .voicer-mobile-media-search { position: relative; display: flex; align-items: center; width: 100%; }
    #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__input { box-sizing: border-box; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 0 80px 0 14px; border: 1px solid #dfe4eb; border-radius: 999px; outline: none; background: transparent; color: #173150; font-size: 14px; font-weight: 400; line-height: 42px; }
    #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__input:focus { border-color: #82b3f0; box-shadow: 0 0 0 3px rgba(25, 95, 230, .1); }
    #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__clear,
    #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__submit { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; transform: translateY(-50%); border: 0; border-radius: 8px; background: transparent; color: #55708e; cursor: pointer; }
    #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__clear { right: 38px; }
    #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__submit { right: 4px; color: #195fc1; }
    #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__input:placeholder-shown + .voicer-mobile-media-search__clear { display: none; }
    #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__clear:hover,
    #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__submit:hover { background: #e7f1ff; }
    body.theme-dark #searchDrop.voicer-media-search-drop .voicer-media-search-toggle { color: #bfd0e5; }
    body.theme-dark #searchDrop.voicer-media-search-drop .voicer-media-search-toggle:hover,
    body.theme-dark #searchDrop.voicer-media-search-drop .voicer-media-search-toggle[aria-expanded="true"] { background: #314761; color: #fff; }
    body.theme-dark #searchDrop.voicer-media-search-drop .voicer-media-search-menu { border-color: #354a65 !important; background: #1d2b40 !important; }
    body.theme-dark #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__input { border-color: #50627b; background: transparent; color: #edf5ff; }
    body.theme-dark #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__input::placeholder { color: #a8bad3; }
    body.theme-dark #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__clear,
    body.theme-dark #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__submit { color: #bfd0e5; }
    body.theme-dark #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__clear:hover,
    body.theme-dark #searchDrop.voicer-media-search-drop .voicer-mobile-media-search__submit:hover { background: #314761; }
    .voicer-media-header { height: 62px !important; padding: 0 12px; gap: 4px; }
    .voicer-media-header > .header-searchbar { display: none !important; }
    .voicer-media-header > .header-title { position: static !important; inset: auto !important; transform: none !important; display: block !important; flex: 0 0 auto; width: auto !important; height: auto !important; margin: 0 auto 0 0 !important; }
    .voicer-media-header > .header-title h3 { display: flex; align-items: center; gap: 5px; margin: 0 !important; padding: 0 !important; }
    .voicer-media-header > .header-title img { display: block; flex: none; width: 39px !important; height: 32px !important; margin: 0 !important; }
    .voicer-media-header > #searchDrop { position: static !important; display: block !important; flex: 0 0 34px; width: 34px !important; height: 34px !important; margin: 0 !important; }
    .voicer-media-header > #searchDrop #searchMenu { display: block; }
    .voicer-media-header .voicer-wordmark { flex: none; font-size: 19px; white-space: nowrap; }
    .voicer-media-header > #notipop, .voicer-media-header > .voicer-account-trigger { flex-basis: 34px; width: 34px; height: 34px; line-height: 34px; }
    .voicer-media-header > .voicer-theme-toggle { flex: 0 0 32px; width: 32px; height: 32px; }
    .voicer-media-header__login, .voicer-media-header__join { min-height: 33px; padding: 0 8px; font-size: 11px; }
    .voicer-site-header { height: 62px !important; padding: 0 12px; gap: 6px; }
    .voicer-site-header > .header-searchbar { display: none !important; }
    .voicer-site-header > .header-title { position: static !important; inset: auto !important; transform: none !important; display: block !important; flex: 1 1 auto; width: auto !important; height: auto !important; margin: 0 !important; line-height: normal !important; text-align: left; }
    .voicer-site-header > .header-title h3 { display: flex; align-items: center; gap: 5px; margin: 0 !important; padding: 0 !important; }
    .voicer-site-header > .header-title img { display: block; flex: none; width: 39px !important; height: 32px !important; margin: 0 !important; }
    .voicer-site-header .voicer-wordmark { font-size: 19px; }
    .voicer-site-header > #searchDrop { position: static !important; display: block !important; flex: 0 0 36px; width: 36px !important; height: 40px !important; margin: 0 !important; }
    .voicer-site-header > #notipop, .voicer-site-header > .voicer-account-trigger { flex-basis: 36px; width: 36px; height: 40px; line-height: 40px; }
    .voicer-public-header { height: 62px !important; padding: 0 16px; gap: 10px; }
    .voicer-public-header > .header-title img { width: 41px !important; height: 34px !important; }
    .voicer-public-header .voicer-wordmark { font-size: 20px; }
    .voicer-public-search-header > .header-title { flex: 1 1 auto; min-width: 0; }
    .voicer-public-search-header > .voicer-public-search { display: none; }
    .voicer-public-search-header > #searchDrop { position: static !important; display: block !important; flex: 0 0 36px; width: 36px !important; height: 40px !important; margin: 0 !important; line-height: 40px; }
    .voicer-public-search-header > #searchDrop #searchMenu { display: flex; align-items: center; justify-content: center; width: 36px; height: 40px; cursor: pointer; }
    #searchDrop.voicer-public-search-drop .voicer-public-search-menu { position: fixed !important; top: 58px !important; right: 12px !important; left: 12px !important; width: auto !important; min-width: 0 !important; min-height: 0 !important; padding: 9px !important; border: 1px solid #dce7f5 !important; border-radius: 14px; background: #fff !important; box-shadow: 0 14px 32px rgba(20, 55, 101, .16) !important; }
    #searchDrop.voicer-public-search-drop .voicer-public-search-menu #searchtextbox { margin: 0 !important; }
    .voicer-public-search--mobile { display: flex !important; max-width: none; }
    body.theme-dark #searchDrop.voicer-public-search-drop .voicer-public-search-menu { border-color: #354a65 !important; background: #1d2b40 !important; }
    .voicer-header-nav { display: none; }
    .voicer-header-actions { gap: 2px; }
    .voicer-header-actions a { min-height: 34px; padding: 0 9px; font-size: 12px; }
    .voicer-header-actions__primary { padding: 0 11px !important; }
    .voicer-theme-toggle { flex-basis: 34px; width: 34px; height: 34px; }
    .voicer-account-header { height: 62px !important; padding: 0 16px; }
    .voicer-account-header > .header-title img { width: 41px !important; height: 34px !important; }
    .voicer-account-header .voicer-wordmark { font-size: 20px; }
    .voicer-account-actions { gap: 2px; }
    .voicer-account-actions a { min-height: 34px; padding: 0 9px; font-size: 12px; }
}
@media (max-width: 600px) {
    .voicer-public-search-header .voicer-header-actions__primary { display: none; }
}

.voicer-footer { margin: 68px auto 0; padding: 38px 28px 25px; border: 1px solid #dce8f6; border-radius: 22px; background: linear-gradient(145deg, #fff, #f5faff); box-shadow: 0 14px 35px rgba(23, 67, 130, .05); color: #546982; }
.voicer-footer__inner { width: 100%; max-width: 1180px; margin: 0 auto; }
.voicer-footer__main { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }
.voicer-footer__brand { display: inline-flex; align-items: center; gap: 11px; color: var(--voicer-brand-navy); text-decoration: none; }
.voicer-footer__brand:hover { color: var(--voicer-brand-blue); text-decoration: none; }
.voicer-footer__brand img { display: block; width: 42px; height: 42px; }
.voicer-footer__brand strong { font-family: "Voicer Inter", system-ui, sans-serif; font-size: 23px; font-weight: 800; letter-spacing: -.055em; text-transform: lowercase; }
.voicer-footer__identity p { margin: 9px 0 0; color: #58718f; font-size: 14px; }
.voicer-footer__links { display: flex; flex-wrap: wrap; gap: 13px 25px; padding-top: 11px; }
.voicer-footer__links a, .voicer-footer__social a { color: #486580; text-decoration: none; font-size: 13px; font-weight: 650; }
.voicer-footer__links a:hover, .voicer-footer__social a:hover { color: var(--voicer-brand-blue); text-decoration: underline; }
.voicer-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 33px; padding-top: 20px; border-top: 1px solid #e0eaf5; color: #73849a; font-size: 12px; }
.voicer-footer__social { display: flex; flex-wrap: wrap; gap: 18px; }
.voicer-footer a:focus-visible { outline: 3px solid #80b9fa; outline-offset: 3px; border-radius: 3px; }

@media (max-width: 700px) {
    .voicer-footer { margin-top: 43px; padding: 29px 24px 95px; border-radius: 19px; }
    .voicer-footer__main, .voicer-footer__bottom { flex-direction: column; align-items: flex-start; }
    .voicer-footer__links { padding-top: 0; gap: 13px 20px; }
    .voicer-footer__bottom { margin-top: 25px; gap: 13px; }
}

/* Shared mobile search shortcuts. */
.voicer-search-glyph { display: block; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--voicer-glyph) center / contain no-repeat; mask: var(--voicer-glyph) center / contain no-repeat; }
.voicer-search-glyph--search { --voicer-glyph: url('/icons/outline-search.svg'); }
.voicer-search-glyph--close { --voicer-glyph: url('/icons/outline-close.svg'); width: 17px; height: 17px; }
#searchDrop.voicer-site-search-drop .voicer-site-search-toggle { display: flex; align-items: center; justify-content: center; width: 36px; height: 40px; padding: 0; border: 0; border-radius: 11px; background: transparent; color: #294a70; cursor: pointer; }
#searchDrop.voicer-site-search-drop .voicer-site-search-toggle:hover,
#searchDrop.voicer-site-search-drop .voicer-site-search-toggle[aria-expanded="true"] { background: #edf4ff; color: #195fe6; }
#searchDrop.voicer-site-search-drop .voicer-site-search-toggle:focus-visible { outline: 3px solid #80b9fa; outline-offset: 2px; }
#searchDrop.voicer-site-search-drop .voicer-site-search-menu { box-sizing: border-box; min-height: 0 !important; padding: 10px !important; border: 1px solid #dce7f5 !important; border-radius: 16px; background: #fff !important; box-shadow: 0 18px 42px rgba(20, 55, 101, .17) !important; }
#searchDrop.voicer-site-search-drop #searchtextbox { margin: 0 0 8px !important; padding: 0; list-style: none; }
#searchDrop.voicer-site-search-drop .voicer-search-shortcuts-title { margin: 4px 9px 5px; padding-top: 9px; border-top: 1px solid #e9eff7; color: #74869d; font-size: 11px; font-weight: 750; letter-spacing: .06em; line-height: 18px; text-transform: uppercase; list-style: none; }
#searchDrop.voicer-site-search-drop .voicer-search-option { margin: 0; padding: 0; list-style: none; }
#searchDrop.voicer-site-search-drop .voicer-search-option > a { display: flex; align-items: center; gap: 12px; min-height: 50px; padding: 6px 10px; border-radius: 10px; color: #1e3654; font-size: 14px; font-weight: 650; line-height: 1.2; text-decoration: none; }
#searchDrop.voicer-site-search-drop .voicer-search-option > a:hover,
#searchDrop.voicer-site-search-drop .voicer-search-option > a:focus-visible { outline: none; background: #eef5ff; color: #155fc1; }
#searchDrop.voicer-site-search-drop .voicer-search-option > a:focus-visible { box-shadow: inset 0 0 0 2px #80b9fa; }
.voicer-search-option__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; background: #eaf3ff; color: #2764bc; }
.voicer-search-option__icon::before { content: ''; display: block; width: 19px; height: 19px; background: currentColor; -webkit-mask: var(--voicer-option-icon) center / contain no-repeat; mask: var(--voicer-option-icon) center / contain no-repeat; }
.voicer-search-option__icon--people { --voicer-option-icon: url('/icons/outline-users.svg'); }
.voicer-search-option__icon--message { --voicer-option-icon: url('/icons/outline-message.svg'); }
.voicer-search-option__icon--comments { --voicer-option-icon: url('/icons/outline-message.svg'); }
.voicer-search-option__icon--replies { --voicer-option-icon: url('/icons/outline-reply.svg'); }
.voicer-search-option__label { flex: 1; }
.voicer-search-option__chevron { display: block; flex: 0 0 16px; width: 16px; height: 16px; background: #8da0b7; -webkit-mask: url('/icons/outline-chevron-right.svg') center / contain no-repeat; mask: url('/icons/outline-chevron-right.svg') center / contain no-repeat; }
body.theme-dark #searchDrop.voicer-site-search-drop .voicer-site-search-toggle { color: #bfd0e5; }
body.theme-dark #searchDrop.voicer-site-search-drop .voicer-site-search-toggle:hover,
body.theme-dark #searchDrop.voicer-site-search-drop .voicer-site-search-toggle[aria-expanded="true"] { background: #314761; color: #fff; }
body.theme-dark #searchDrop.voicer-site-search-drop .voicer-site-search-menu { border-color: #354a65 !important; background: #1d2b40 !important; }
body.theme-dark #searchDrop.voicer-site-search-drop .voicer-search-shortcuts-title { border-color: #354a65; color: #a8bad3; }
body.theme-dark #searchDrop.voicer-site-search-drop .voicer-search-option > a { color: #edf5ff; }
body.theme-dark #searchDrop.voicer-site-search-drop .voicer-search-option > a:hover,
body.theme-dark #searchDrop.voicer-site-search-drop .voicer-search-option > a:focus-visible { background: #294664; color: #d2e6ff; }
body.theme-dark .voicer-search-option__icon { background: #294664; color: #9bc5ff; }

/* Notifications share the same compact surface as the search menu. */
.popover.voicer-notification-popover { box-sizing: border-box; width: min(340px, calc(100vw - 24px)); max-width: none; height: auto !important; min-height: 0 !important; overflow: hidden; border: 1px solid #dce7f5; border-radius: 16px; background: #fff; box-shadow: 0 18px 42px rgba(20, 55, 101, .17); color: #203a59; }
.voicer-notification-popover .popover-header { display: flex; align-items: center; justify-content: space-between; min-height: 50px; margin: 0; padding: 12px 16px; border-bottom: 1px solid #e9eff7; background: #fff; color: #193352; font-size: 15px; font-weight: 750; line-height: 1.25; }
.voicer-notification-popover .popover-header a { margin-left: auto; color: #155fc1; font-size: 12px; font-weight: 700; text-decoration: none; }
.voicer-notification-popover .popover-header a:hover { text-decoration: underline; }
.voicer-notification-popover .popcontent { box-sizing: border-box; width: 100%; height: auto !important; min-height: 0 !important; max-height: min(55dvh, 480px); padding: 8px; overflow-x: hidden; overflow-y: auto; }
.voicer-notification-message-count { margin: 3px 2px 8px; padding: 10px 12px; border-radius: 10px; background: #eef5ff; color: #355777; font-size: 12px; line-height: 1.4; }
.voicer-notification-message-count a { color: #155fc1; font-weight: 700; }
.voicer-notification-item { display: flex; gap: 10px; margin: 0 0 6px; padding: 11px; border: 1px solid #e4ebf5; border-radius: 12px; background: #f8fbff; color: #203a59; }
.voicer-notification-item__avatar { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.voicer-notification-item__body { flex: 1; min-width: 0; }
.voicer-notification-item__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 5px; }
.voicer-notification-item__top strong { min-width: 0; overflow-wrap: anywhere; font-size: 13px; line-height: 1.25; }
.voicer-notification-item__dismiss { display: flex; align-items: center; justify-content: center; flex: 0 0 26px; width: 26px; height: 26px; margin: -4px -5px 0 0; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #738aa4; cursor: pointer; }
.voicer-notification-item__dismiss span { display: block; width: 14px; height: 14px; background: currentColor; -webkit-mask: url('/icons/outline-close.svg') center / contain no-repeat; mask: url('/icons/outline-close.svg') center / contain no-repeat; }
.voicer-notification-item__dismiss:hover { background: #e6effb; color: #155fc1; }
.voicer-notification-item__dismiss:focus-visible,
.voicer-notification-clear:focus-visible { outline: 2px solid #80b9fa; outline-offset: 2px; }
.voicer-notification-item__profile { display: block; width: fit-content; margin-top: 1px; color: #4f78ab; font-size: 11px; line-height: 1.25; text-decoration: none; }
.voicer-notification-item__profile:hover { text-decoration: underline; }
.voicer-notification-item__text { margin: 6px 0 5px; color: #28425f; font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
.voicer-notification-item__image { display: block; width: 100%; max-height: 180px; margin: 8px 0; border-radius: 8px; object-fit: cover; }
.voicer-notification-item__footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; }
.voicer-notification-item__footer small { color: #72849b; font-size: 10px; }
.voicer-notification-item__footer a { color: #155fc1; font-size: 12px; font-weight: 700; text-decoration: none; }
.voicer-notification-item__footer a:hover { text-decoration: underline; }
.voicer-notification-clear { display: block; width: 100%; min-height: 36px; margin-top: 5px; padding: 6px 10px; border: 0; border-radius: 9px; background: transparent; color: #155fc1; font-size: 12px; font-weight: 700; cursor: pointer; }
.voicer-notification-clear:hover { background: #eef5ff; }
.voicer-notification-empty { padding: 22px 12px 24px; text-align: center; }
.voicer-notification-empty span { display: block; width: 24px; height: 24px; margin: 0 auto 9px; background: #7899c5; -webkit-mask: url('/icons/outline-bell.svg') center / contain no-repeat; mask: url('/icons/outline-bell.svg') center / contain no-repeat; }
.voicer-notification-empty p { margin: 0 0 2px; color: #203a59; font-size: 14px; font-weight: 700; }
.voicer-notification-empty small { color: #72849b; font-size: 11px; }
body.theme-dark .voicer-notification-popover { border-color: #354a65; background: #1d2b40; color: #edf5ff; }
body.theme-dark .voicer-notification-popover .popover-header { border-color: #354a65; background: #1d2b40; color: #edf5ff; }
body.theme-dark .voicer-notification-item { border-color: #354a65; background: #253953; color: #edf5ff; }
body.theme-dark .voicer-notification-item__text,
body.theme-dark .voicer-notification-empty p { color: #edf5ff; }
body.theme-dark .voicer-notification-item__footer small,
body.theme-dark .voicer-notification-empty small { color: #a8bad3; }
body.theme-dark .voicer-notification-message-count { background: #294664; color: #d2e6ff; }
body.theme-dark .voicer-notification-clear:hover,
body.theme-dark .voicer-notification-item__dismiss:hover { background: #314761; }
@media (max-width: 767px) {
    #searchDrop.voicer-media-search-drop .voicer-media-search-menu,
    #searchDrop.voicer-public-search-drop .voicer-public-search-menu { transform: none !important; }
    #searchDrop.voicer-site-search-drop .voicer-site-search-menu { position: fixed !important; top: 58px !important; right: 12px !important; left: 12px !important; width: auto !important; max-width: none !important; min-width: 0 !important; max-height: calc(100dvh - 136px); margin: 0 !important; overflow-y: auto; transform: none !important; }
    .popover.voicer-notification-popover { position: fixed !important; top: 58px !important; right: 12px !important; left: auto !important; width: min(340px, calc(100vw - 24px)); max-height: calc(100dvh - 136px); margin: 0 !important; transform: none !important; }
    .voicer-notification-popover .popcontent { max-height: calc(100dvh - 200px); }
    .voicer-notification-popover .popover-arrow { display: none; }
}

/* One centered bell control for the media and signed-in site headers. */
#page > .header.voicer-media-header > #notipop,
#page > .header.voicer-site-header > #notipop { position: relative !important; inset: auto !important; display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 40px; float: none !important; width: 40px; height: 40px; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 11px; background: transparent; color: #294a70; line-height: 1 !important; cursor: pointer; }
#page > .header > #notipop:hover,
#page > .header > #notipop[aria-expanded="true"] { background: #edf4ff; color: #195fe6; }
#page > .header > #notipop:focus-visible { outline: 3px solid #80b9fa; outline-offset: 2px; }
#page > .header > #notipop .voicer-notification-trigger__icon { display: block; flex: none; width: 22px; height: 22px; margin: 0; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
#page > .header > #notipop #NotificationsCount { position: absolute; top: 1px; right: 0; width: auto; min-width: 16px; height: 16px; margin: 0; padding: 0 3px !important; border-radius: 999px; line-height: 16px; font-size: 10px; }
body.theme-dark #page > .header > #notipop { color: #c9dcf5; }
body.theme-dark #page > .header > #notipop:hover,
body.theme-dark #page > .header > #notipop[aria-expanded="true"] { background: #314761; color: #fff; }
@media (max-width: 767px) {
    #page > .header.voicer-media-header > #notipop,
    #page > .header.voicer-site-header > #notipop { flex-basis: 36px; width: 36px; height: 40px; }
}