/* WordPress-side additions the Newsifier bundle has no rules for. Keep this small. */

/* submenus (the live site rendered these client-side) */
.cb-menu-item { position: relative; }
.cb-submenu { position: absolute; z-index: 60; top: 100%; left: 0; min-width: 220px; padding: .5rem 0; box-shadow: 0 10px 25px rgba(0,0,0,.25); border-radius: 0 0 .5rem .5rem; }
.cb-submenu[hidden] { display: none; }
.cb-submenu a { display: block; padding: .5rem 1rem; color: #fff; font-weight: 500; white-space: nowrap; }
.cb-submenu a:hover { background: rgba(255,255,255,.08); }
#navbar-menu { overflow: visible; }
@media (max-width: 1023px) { #navbar-menu { overflow-x: auto; } .cb-submenu { position: fixed; top: auto; } }
.search__input.cb-open { display: block; }

/* imported article body: figures, quotes, tables, embeds */
#article-blocks .cb-figure img, #article-blocks figure img { max-width: 100%; height: auto; margin: 0 auto; display: block; border-radius: .25rem; }
#article-blocks figcaption { font-size: .875rem; color: #6b7280; text-align: center; margin-top: .5rem; }
#article-blocks blockquote { border-left: 4px solid rgb(5 2 64); padding: .5rem 0 .5rem 1rem; }
#article-blocks table { width: 100%; border-collapse: collapse; font-size: .95rem; }
#article-blocks td, #article-blocks th { border: 1px solid #e5e7eb; padding: .5rem .75rem; text-align: left; vertical-align: top; }
#article-blocks th { background: #f3f4f6; font-weight: 700; }
#article-blocks .wp-block-table { overflow-x: auto; }
#article-blocks .wp-block-embed iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }
#article-blocks iframe { max-width: 100%; }
.cb-social-embed { border: 1px solid #e5e7eb; border-left: 4px solid rgb(5 2 64); border-radius: .5rem; padding: .75rem 1rem; font-style: normal; }
.cb-social-embed a { font-weight: 700; text-decoration: underline; color: rgb(5 2 64); }
.cb-social-embed cite { display: block; font-size: .875rem; color: #6b7280; font-style: normal; margin-top: .25rem; }
.dark .cb-social-embed a { color: #fff; }

/* search results pagination (search is not a page type the old site had) */
.navigation.pagination .nav-links { display: flex; gap: .5rem; padding: 1rem 0; }
.navigation.pagination .page-numbers { padding: .25rem .75rem; border: 1px solid #e5e7eb; border-radius: 9999px; }
.navigation.pagination .current { background: rgb(5 2 64); color: #fff; }
.screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); width: 1px; height: 1px; overflow: hidden; }
