/* News uses the same shared panel, form, editor and pagination styles as the forum. */
#afMain:is(.af-news-index, .af-news-new) { flex: 0 0 100%; width: 100%; max-width: 100%; }
#afMain:is(.af-news-index, .af-news-new) .an-news-heading {
    display: flex; align-items: center; justify-content: space-between; gap: 12px 20px;
    margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--af-border);
}
#afMain:is(.af-news-index, .af-news-new) .an-news-heading > .block_head { flex: 1; min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; }
#afMain.af-news-index .an-news-add { flex: 0 0 auto; width: auto; margin: 0; }
#afMain.af-news-new .an-news-actions { display: flex; flex: 0 0 auto; gap: 8px; }
#afMain.af-news-new .an-news-actions .btn { width: auto; margin: 0; }
#afMain.af-news-page .an-news-list { width: 100%; margin: 0; padding: 0; border: 0; }
#afMain.af-news-page .an-news-list::before, #afMain.af-news-page .an-news-list::after,
#afMain.af-news-page .an-news-grid::before, #afMain.af-news-page .an-news-grid::after { display: none; content: none; }
#afMain.af-news-page .an-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; }
#afMain.af-news-page .an-news-grid > div {
    display: flex; flex-direction: column; width: auto !important; min-width: 0; float: none; margin: 0 !important; padding: 14px !important;
    background-color: var(--af-panel) !important; background-image: var(--af-fill) !important;
    border: 1px solid var(--af-border); border-radius: 11px;
    box-shadow: inset 0 1px 0 #ffffff0a, 0 3px 6px var(--af-shadow);
    transition: border-color .16s, box-shadow .16s;
}
#afMain.af-news-page .an-news-grid > div > a:first-child { display: block; margin-bottom: 14px; border-radius: 8px; overflow: hidden; }
#afMain.af-news-page .an-news-grid img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; margin: 0; border-radius: 8px; }
#afMain.af-news-page .an-news-grid h3 { margin: 0 0 8px; font: 700 18px/1.4 ui-sans-serif, system-ui, sans-serif; overflow-wrap: anywhere; }
#afMain.af-news-page .an-news-grid p { margin: 0 0 14px; color: var(--af-muted); font: 13px/1.65 ui-sans-serif, system-ui, sans-serif; overflow-wrap: anywhere; }
#afMain.af-news-page .an-news-grid p:last-child { margin: auto 0 0; padding-top: 12px; border-top: 1px solid var(--af-border); font-size: 11px; }
#afMain.af-news-page .an-news-grid > div > a:is(:hover, :focus-visible) h3 { color: var(--af-accent) !important; -webkit-text-fill-color: var(--af-accent) !important; text-decoration: underline; text-underline-offset: 3px; }
#afMain.af-news-page .an-news-grid > div:focus-within,
#afSidebar.af-news-sidebar #news .small-new:focus-visible { border-color: var(--af-accent); box-shadow: var(--af-hover-shadow); }
@media (hover: hover) and (pointer: fine) {
    #afMain.af-news-page .an-news-grid > div:hover,
    #afSidebar.af-news-sidebar #news .small-new:hover { border-color: var(--af-accent); box-shadow: var(--af-hover-shadow); }
}
#afSidebar.af-news-sidebar .vertical-navigation { margin: 0; padding: 0; width: auto; }
#afSidebar.af-news-sidebar .vertical-navigation ul { display: grid; gap: 8px; padding: 0; margin: 0; list-style: none; }
#afSidebar.af-news-sidebar .vertical-navigation li { padding: 0; margin: 0; border: 0; }
#afSidebar.af-news-sidebar .vertical-navigation li::before, #afSidebar.af-news-sidebar .vertical-navigation li::after { display: none; content: none; }
#afSidebar.af-news-sidebar .vertical-navigation a {
    display: block; padding: 11px 12px; border: 1px solid var(--af-border); border-radius: 9px;
    background-color: var(--af-panel) !important; background-image: var(--af-fill) !important;
    color: var(--af-text) !important; font: 600 13px/1.5 ui-sans-serif, system-ui, sans-serif;
}
#afSidebar.af-news-sidebar .vertical-navigation a::before { content: none; }
#afSidebar.af-news-sidebar .vertical-navigation :is(.active > a, a:hover, a:focus-visible) { border-color: var(--af-accent); box-shadow: inset 0 0 0 1px var(--af-hover-border); }
#afSidebar.af-news-sidebar #news { display: grid; gap: 8px; }
#afSidebar.af-news-sidebar #news .small-new {
    display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: start; gap: 10px;
    padding: 10px; margin: 0; min-width: 0; border: 1px solid var(--af-border); border-radius: 10px;
    background-color: var(--af-panel) !important; background-image: var(--af-fill) !important;
    transition: border-color .16s, box-shadow .16s;
}
#afSidebar.af-news-sidebar #news .small-new > img { position: static; display: block; width: 64px; height: 52px; object-fit: cover; border-radius: 7px; margin: 0; float: none; }
#afSidebar.af-news-sidebar #news .small-new > div { width: auto; min-width: 0; margin: 0; padding: 0; float: none; }
#afSidebar.af-news-sidebar #news .small-new p { color: var(--af-muted); margin: 3px 0 0; font: 11px/1.5 ui-sans-serif, system-ui, sans-serif; overflow-wrap: anywhere; }
#afSidebar.af-news-sidebar #news .small-new p:first-child { color: var(--af-text); margin: 0 0 5px; font-size: 13px; font-weight: 650; }
#afSidebar.af-news-sidebar #news .small-new:is(:hover, :focus-visible) p:first-child { color: var(--af-accent); text-decoration: underline; text-underline-offset: 3px; }

/* Article and comments preserve user formatting, badges and avatar frames. */
#afMain.af-news-page .with_code { color: var(--af-text); font-size: 15px; line-height: 1.75; overflow-wrap: anywhere; min-width: 0; }
#afMain.af-news-page .with_code p { margin: 0 0 14px; }
#afMain.af-news-page .with_code p:last-child { margin-bottom: 0; }
#afMain.af-news-page .with_code a:not([style]) { color: var(--af-accent); text-decoration: underline; text-underline-offset: 3px; }
#afMain.af-news-page .with_code :is(img, video) { max-width: 100%; height: auto; }
#afMain.af-news-page .with_code iframe { max-width: 100%; }
#afMain.af-news-page .with_code pre { max-width: 100%; overflow: auto; white-space: pre-wrap; }
#afMain.af-news-page .with_code table { display: block; max-width: 100%; overflow: auto; }
#afMain.af-news-page .with_code :is(th, td, hr) { border-color: var(--af-border); }
#afMain.af-news-page .with_code blockquote {
    background-color: var(--af-panel) !important; background-image: var(--af-fill) !important;
    color: var(--af-text); border: 1px solid var(--af-border); border-radius: 9px;
}
#afMain.af-news-page .with_code blockquote { border-left: 3px solid var(--af-accent) !important; padding: 12px 14px; margin: 14px 0; }
/* Only actual collapsible blocks get a frame: old articles also contain plain
   text wrappers named .spoiler without a title/content pair. */
#afMain.af-news-page .with_code .spoiler:not(:has(> .spoiler-title)):not(:has(> .spoiler-content)) {
    border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important;
    background: transparent !important; box-shadow: none !important;
}
#afMain.af-news-page .with_code .spoiler:has(> .spoiler-title):has(> .spoiler-content) {
    margin: 14px 0; padding: 0; min-width: 0; overflow: hidden;
    border: 1px solid var(--af-border) !important; border-radius: 10px !important;
    background-color: var(--af-panel) !important; background-image: var(--af-fill) !important;
    box-shadow: inset 0 1px 0 #ffffff0a, 0 2px 5px var(--af-shadow);
}
#afMain.af-news-page .with_code .spoiler > .spoiler-title {
    display: flex; align-items: center; gap: 9px; width: auto; height: auto !important; min-height: 44px;
    padding: 10px 12px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important;
    background: transparent !important; color: var(--af-text) !important; -webkit-text-fill-color: var(--af-text) !important;
    font: 600 14px/1.5 ui-sans-serif, system-ui, sans-serif; cursor: pointer;
}
#afMain.af-news-page .with_code .spoiler > .spoiler-title:hover { color: var(--af-accent) !important; -webkit-text-fill-color: var(--af-accent) !important; }
#afMain.af-news-page .with_code .spoiler-title > .title-text { float: none !important; height: auto !important; line-height: inherit !important; margin: 0; padding: 0; flex: 1; min-width: 0; }
#afMain.af-news-page .with_code .spoiler-title > .spoiler-toggle {
    display: inline-flex; align-items: center; justify-content: center; float: none !important; flex: 0 0 18px;
    width: 18px !important; height: 18px !important; margin: 0 !important; background: none !important;
    font-size: 0; line-height: 1; color: inherit;
}
#afMain.af-news-page .with_code .spoiler-title > .spoiler-toggle::before { content: "+"; font: 500 22px/1 ui-sans-serif, system-ui, sans-serif; }
#afMain.af-news-page .with_code .spoiler-title > .spoiler-toggle.hide-icon::before { content: "−"; }
#afMain.af-news-page .with_code .spoiler > .spoiler-content {
    margin: 0 !important; padding: 12px !important; min-width: 0; max-width: 100%;
    border: 0 !important; border-top: 1px solid var(--af-border) !important; border-radius: 0 !important;
    background: transparent !important; color: var(--af-text) !important;
    font: inherit; overflow-x: auto;
}
#afMain.af-news-page .with_code .spoiler-content table {
    display: table !important; width: 100% !important; height: auto !important; max-width: 100%;
    margin: 0; border-collapse: collapse; border-spacing: 0; overflow: visible;
    background: transparent !important; border: 1px solid var(--af-border) !important;
}
#afMain.af-news-page .with_code .spoiler-content table :is(th, td) {
    height: auto !important; padding: 8px 10px; vertical-align: top; overflow-wrap: anywhere;
    border: 1px solid var(--af-border) !important;
}
#afMain.af-news-page .new > p.news-publication-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-top: 16px; margin: 20px 0 14px; border-color: var(--af-border); color: var(--af-muted); font-size: 12px; }
#afMain.af-news-page .news-publication-meta > span { margin: 0; }
#afMain.af-news-page .news-publication-meta .news-author-meta { flex-wrap: wrap; }
#afMain.af-news-page .news-publication-meta a:not(.news-author-login) { color: var(--af-text); }
#afMain.af-news-page .news-publication-meta a:is(:hover, :focus-visible) { text-decoration: underline; text-underline-offset: 3px; }
#afMain.af-news-page .new > .news-reaction-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; border-color: var(--af-border); padding-top: 10px; }
#afMain.af-news-page .new > .news-reaction-bar > .fr-post { border: 0; padding: 0; min-width: 0; }
#afMain.af-news-page #comments { margin-top: 20px !important; }
#afMain.af-news-page #comments .news-comment-card {
    display: grid; grid-template-columns: 76px minmax(0, 1fr); column-gap: 0; row-gap: 0;
    padding: 0 !important; margin: 0 0 16px; min-width: 0; overflow: hidden;
    background-color: var(--af-panel) !important; background-image: var(--af-fill) !important;
    border: 1px solid var(--af-border) !important; border-radius: 12px;
    box-shadow: inset 0 1px 0 #ffffff0a, 0 3px 6px var(--af-shadow);
}
#afMain.af-news-page #comments .news-comment-card:target { border-color: var(--af-accent) !important; }
#afMain.af-news-page #comments .news-comment-card::before,
#afMain.af-news-page #comments .news-comment-footer::before { display: none; content: none; }
#afMain.af-news-page #comments .news-comment-card > a { margin: 16px 0 0; position: relative; width: 54px; height: 54px; padding: 0; }
#afMain.af-news-page #comments .news-comment-avatar-image { position: static; display: block; width: 54px !important; height: 54px !important; border-radius: 50%; object-fit: cover; margin: 0; }
#afMain.af-news-page #comments .news-comment-avatar-frame { position: absolute; width: 66px !important; height: 66px !important; max-width: none; top: -6px; left: -6px; margin: 0; pointer-events: none; }
#afMain.af-news-page #comments .news-comment-content { padding: 0; min-width: 0; }
#afMain.af-news-page #comments .info { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 0; padding: 12px 14px; border-bottom: 1px solid var(--af-border); height: auto; line-height: 1.5; }
#afMain.af-news-page #comments .info .author { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; flex: 1; float: none; min-width: 0; font-weight: 650; overflow-wrap: anywhere; }
#afMain.af-news-page #comments .info .author > a { cursor: pointer; }
#afMain.af-news-page #comments .info .author > a:is(:hover, :focus-visible) { text-decoration: underline; text-underline-offset: 3px; }
#afMain.af-news-page #comments .info .date { color: var(--af-muted); font-size: 11px; float: none; margin: 0; }
#afMain.af-news-page #comments .info .delete { color: var(--af-muted); }
#afMain.af-news-page #comments .news-comment-content > .with_code { padding: 14px; margin: 0; }
#afMain.af-news-page #comments .news-comment-footer { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 8px 12px; border-top: 1px solid var(--af-border); }
#afMain.af-news-page #comments .news-comment-tools { gap: 6px; }
#afMain.af-news-page #comments .news-comment-footer > .fr-post { padding: 0; }
#afMain.af-news-page .news-add-reaction {
    display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 36px;
    width: 36px !important; height: 36px !important; padding: 0 !important; cursor: pointer;
    background-color: var(--af-panel) !important; background-image: var(--af-fill) !important;
    border: 1px solid var(--af-border) !important; border-radius: 8px !important; color: var(--af-text) !important;
}
#afMain.af-news-page .news-add-reaction svg { width: 18px !important; height: 18px !important; stroke: currentColor; }
#afMain.af-news-page .fr-chip { background-color: var(--af-panel) !important; background-image: var(--af-fill) !important; border-color: var(--af-border) !important; color: var(--af-text) !important; }
#afMain.af-news-page .fr-chip.fr-selected { border-color: var(--af-accent) !important; box-shadow: inset 0 0 0 1px var(--af-accent); }
#afMain.af-news-page :is(.news-add-reaction, .fr-chip):not(:disabled):is(:hover, :focus-visible, [aria-expanded="true"]) { border-color: var(--af-accent) !important; box-shadow: var(--af-hover-shadow) !important; }
#afMain.af-news-page #send_answer.news-composer > .news-composer-actions { padding: 10px 12px; }
#afMain.af-news-page .tox.tox-tinymce { height: auto !important; min-height: 400px; }
#afMain.af-news-page .tox .tox-sidebar-wrap { min-height: 240px; }
#afMain.af-news-page .tox.tox-tinymce.tox-fullscreen { height: 100vh !important; min-height: 0; border-radius: 0 !important; }
#afMain.af-news-page .tox.tox-fullscreen .tox-sidebar-wrap { min-height: 0; }
/* TinyMCE's floating table toolbar is attached to body, outside the news panel. */
html body:has(#afMain.af-news-page) .tox-tinymce-aux :is(.tox-pop__dialog, .tox-toolbar, .tox-toolbar__primary) {
    background-color: var(--af-panel) !important; background-image: var(--af-fill) !important;
    border-color: var(--af-border) !important; color: var(--af-text) !important;
}
html body:has(#afMain.af-news-page) .tox-tinymce-aux .tox-pop__dialog { border-radius: 9px; box-shadow: 0 4px 12px var(--af-shadow); }
html body:has(#afMain.af-news-page) .tox-tinymce-aux .tox-tbtn { color: var(--af-text) !important; }
html body:has(#afMain.af-news-page) .tox-tinymce-aux .tox-tbtn svg { fill: currentColor !important; }
html body:has(#afMain.af-news-page) .tox-tinymce-aux .tox-tbtn--disabled { opacity: .4; }
html body:has(#afMain.af-news-page) .tox-tinymce-aux .tox-pop--bottom::after { border-top-color: var(--af-panel) !important; }
html body:has(#afMain.af-news-page) .tox-tinymce-aux .tox-pop--bottom::before { border-top-color: var(--af-border) !important; }
html body:has(#afMain.af-news-page) .tox-tinymce-aux .tox-pop--top::after { border-bottom-color: var(--af-panel) !important; }
html body:has(#afMain.af-news-page) .tox-tinymce-aux .tox-pop--top::before { border-bottom-color: var(--af-border) !important; }
html body:has(#afMain.af-news-page) .tox-tinymce-aux .tox-pop--left::after { border-right-color: var(--af-panel) !important; }
html body:has(#afMain.af-news-page) .tox-tinymce-aux .tox-pop--left::before { border-right-color: var(--af-border) !important; }
html body:has(#afMain.af-news-page) .tox-tinymce-aux .tox-pop--right::after { border-left-color: var(--af-panel) !important; }
html body:has(#afMain.af-news-page) .tox-tinymce-aux .tox-pop--right::before { border-left-color: var(--af-border) !important; }
#afMain.af-news-page .af-upload > .row { grid-template-columns: 140px minmax(0, 1fr); }
#afMain.af-news-page .af-upload #img { display: block; width: 140px !important; height: 100px; object-fit: cover; border: 1px solid var(--af-border); border-radius: 10px; }
#afMain.af-news-page #add_img_form { width: 100%; }
#afMain.af-news-page #add_img_form .btn { margin: 0 6px 8px 0; }

@media (max-width: 1199px) {
    #afMain.af-news-page .an-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    #afMain.af-news-page .an-news-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    #afMain.af-news-page .an-news-grid > div { padding: 12px !important; }
    #afMain.af-news-page .an-news-grid h3 { font-size: 17px; }
    #afMain.af-news-page .af-upload > .row { grid-template-columns: minmax(0, 1fr); }
    #afMain.af-news-page #comments .news-comment-card { grid-template-columns: 52px minmax(0, 1fr); }
    #afMain.af-news-page #comments .news-comment-card > a { width: 36px; height: 36px; }
    #afMain.af-news-page #comments .news-comment-avatar-image { width: 36px !important; height: 36px !important; }
    #afMain.af-news-page #comments .news-comment-avatar-frame { width: 48px !important; height: 48px !important; }
    #afMain.af-news-page #comments .info, #afMain.af-news-page #comments .news-comment-content > .with_code { padding: 10px; }
    #afMain.af-news-page #comments .info .date { flex-basis: 100%; }
}
@media (max-width: 575px) {
    #afMain:is(.af-news-index, .af-news-new) .an-news-heading { flex-direction: column; align-items: stretch; }
    #afMain.af-news-index .an-news-add { width: 100%; }
    #afMain.af-news-new .an-news-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #afMain.af-news-new .an-news-actions .btn { min-width: 0; padding-left: 8px; padding-right: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    #afMain.af-news-page .an-news-grid > div, #afSidebar.af-news-sidebar #news .small-new { transition: none; }
}

/* Portalled reactions and publication calendar follow the page appearance. */
html body:has(#afMain.af-news-page) :is(.fr-picker, #ui-datepicker-div) {
    --af-panel: var(--private-final-panel, #182940);
    --af-panel-top: var(--private-final-panel-top, #20344f);
    --af-text: var(--private-final-text, #eef4fb);
    --af-muted: var(--private-final-muted, #b9c8d8);
    --af-border: var(--private-final-border, rgba(167,218,255,.2));
    --af-shadow: var(--private-final-shadow, rgba(3,10,20,.55));
    --af-accent: var(--private-accent, var(--as-ui-accent, #b9c8d8));
    --af-fill: var(--private-panel-fill, linear-gradient(145deg, rgba(255,255,255,.018), transparent 34%), linear-gradient(180deg, var(--af-panel-top), var(--af-panel)));
    background-color: var(--af-panel) !important; background-image: var(--af-fill) !important;
    color: var(--af-text) !important; border: 1px solid var(--af-border) !important; border-radius: 12px !important;
    box-shadow: inset 0 1px 0 #ffffff0e, 0 8px 20px var(--af-shadow) !important; max-width: calc(100vw - 24px) !important;
}
html[data-private-mode="neutral"][data-private-theme="none"] body:has(#afMain.af-news-page) :is(.fr-picker, #ui-datepicker-div) { --af-accent: var(--af-text); }
/* Preserve the reaction module's grid, positioning and emoji artwork. */
html body:has(#afMain.af-news-page) .fr-picker { scrollbar-color: var(--af-muted) transparent; }
html body:has(#afMain.af-news-page) .fr-picker::-webkit-scrollbar-track { background: transparent !important; }
html body:has(#afMain.af-news-page) .fr-picker::-webkit-scrollbar-thumb { background: var(--af-muted) !important; }
html body:has(#afMain.af-news-page) .fr-picker .fr-picker-heading { color: var(--af-muted) !important; }
html body:has(#afMain.af-news-page) .fr-picker :is(.fr-close, .fr-choice) {
    background: transparent !important; color: var(--af-text) !important;
    box-shadow: none !important; transition: background-color .15s, border-color .15s, color .15s;
}
html body:has(#afMain.af-news-page) .fr-picker .fr-close { border-radius: 8px; }
html body:has(#afMain.af-news-page) .fr-picker .fr-choice { border-color: transparent !important; }
html body:has(#afMain.af-news-page) .fr-picker :is(.fr-close, .fr-choice):is(:hover, :focus-visible),
html body:has(#afMain.af-news-page) .fr-picker .fr-choice[aria-pressed="true"] {
    background: color-mix(in srgb, var(--af-accent) 12%, transparent) !important;
    border-color: var(--af-accent) !important; color: var(--af-text) !important;
}
html body:has(#afMain.af-news-page) .fr-picker :is(.fr-close, .fr-choice):focus-visible {
    outline: 2px solid var(--af-accent) !important; outline-offset: 2px;
}


html body:has(#afMain.af-news-page) #ui-datepicker-div { padding: 12px; font: 13px/1.5 ui-sans-serif, system-ui, sans-serif; z-index: 1000200 !important; }
html body:has(#afMain.af-news-page) #ui-datepicker-div :is(.ui-datepicker-header, .ui-datepicker-buttonpane, .ui-timepicker-div, .ui-timepicker-div dt, .ui-timepicker-div dd) { background: transparent !important; border-color: var(--af-border) !important; color: var(--af-text); }
html body:has(#afMain.af-news-page) #ui-datepicker-div :is(th, label, .ui-datepicker-title) { color: var(--af-text); text-shadow: none; }
html body:has(#afMain.af-news-page) #ui-datepicker-div :is(.ui-state-default, button, select, input) { background-color: var(--af-panel) !important; background-image: var(--af-fill) !important; color: var(--af-text) !important; border: 1px solid var(--af-border) !important; border-radius: 5px; text-shadow: none; }
html body:has(#afMain.af-news-page) #ui-datepicker-div :is(.ui-state-active, .ui-state-hover, button:hover, a:focus-visible) { border-color: var(--af-accent) !important; color: var(--af-accent) !important; box-shadow: inset 0 0 0 1px var(--af-accent); }
html body:has(#afMain.af-news-page) #ui-datepicker-div .ui-slider { background: var(--af-border) !important; border-color: var(--af-border); }
html body:has(#afMain.af-news-page) #ui-datepicker-div :is(.ui-datepicker-prev, .ui-datepicker-next) { display: flex; align-items: center; justify-content: center; color: var(--af-text); border: 1px solid transparent; border-radius: 6px; cursor: pointer; }
html body:has(#afMain.af-news-page) #ui-datepicker-div :is(.ui-datepicker-prev, .ui-datepicker-next) .ui-icon { display: none; }
html body:has(#afMain.af-news-page) #ui-datepicker-div .ui-datepicker-prev::before { content: "‹"; font: 24px/1 system-ui, sans-serif; }
html body:has(#afMain.af-news-page) #ui-datepicker-div .ui-datepicker-next::before { content: "›"; font: 24px/1 system-ui, sans-serif; }