/* Additional styles isolated from existing FCMS theme. */
.ep-extras-social {text-align:center;padding:14px 14px 18px;color:#275078; font-size:14px;}
.ep-extras-social strong {display:block;margin-bottom:9px}
.ep-extras-social nav {display:flex;justify-content:center;gap:10px 18px;flex-wrap:wrap}
.ep-extras-social a {color:#286da8;text-decoration:underline;text-underline-offset:3px}
.ep-extras-social a:hover,.ep-extras-social a:focus-visible {color:#123b5e}
.ep-a11y-widget {position:fixed;bottom:18px;left:18px;z-index:1100;direction:rtl;font-family:inherit;font-size:14px}
#ep-a11y-toggle {border:1px solid #7caace;border-radius:28px;padding:9px 14px;background:#f6fbff;color:#194e78;box-shadow:0 2px 12px #1234;cursor:pointer}
#ep-a11y-panel {background:#fff;border:1px solid #d1dfeb;box-shadow:0 6px 32px #1233;border-radius:13px;padding:15px;max-width:320px;max-height:70vh;overflow:auto;margin-bottom:8px;color:#1c415e}
#ep-a11y-panel[hidden]{display:none}
#ep-a11y-panel label {display:block;margin:12px 0}
#ep-a11y-panel button {background:#f3f8fd;border:1px solid #a9c5da;color:#194e78;padding:7px 11px;margin:3px;border-radius:7px;cursor:pointer}
.ep-a11y-actions {display:flex;align-items:center;justify-content:space-between}
/* Expert-only dark contrast: charcoal, muted greys and accessible blues.
   Activated only when JS adds ep-a11y-contrast. Does not modify app logic. */
.ep-page.ep-a11y-contrast {background:#161b22!important;color:#d5dce5!important}
.ep-page.ep-a11y-contrast :is(main,section,.ep-main,.ep-content,.ep-hero,.ep-body) {background-color:#161b22!important;color:#d5dce5!important}
.ep-page.ep-a11y-contrast :is(.ep-card,.ep-choice,.ep-option,.ep-panel,.ep-tile,.ep-box,.ep-surface,article) {background:#222b36!important;color:#d5dce5!important;border-color:#617b99!important}
.ep-page.ep-a11y-contrast :is(h1,h2,h3,h4,h5,h6) {color:#dce8f6!important}
.ep-page.ep-a11y-contrast :is(p,label,small,strong) {color:#d5dce5!important}
.ep-page.ep-a11y-contrast :is(.ep-header,.ep-footer,footer) {background:#19232f!important;color:#d5dce5!important;border-color:#526b84!important}
.ep-page.ep-a11y-contrast a:not(.btn):not(.ep-btn):not(.ep-home):not(.ep-brand):not([role=button]) {color:#a5cffa!important}
.ep-page.ep-a11y-contrast :is(input,select,textarea) {background:#303b49!important;color:#e1e9f2!important;border:1px solid #89a9ca!important}
.ep-page.ep-a11y-contrast :is(input,textarea)::placeholder {color:#b1c0ce!important;opacity:1}
/* All visible action buttons must remain legible, including link-buttons. */
.ep-page.ep-a11y-contrast :is(button,.btn,.ep-btn,a[class*=btn],a[class*=button],[role=button],input[type=submit],input[type=button]):not(#ep-a11y-toggle) {background:#285f94!important;color:#f1f5fa!important;border:1px solid #7daee0!important}
.ep-page.ep-a11y-contrast :is(button,.btn,.ep-btn,a[class*=btn],a[class*=button],[role=button],input[type=submit],input[type=button]):not(#ep-a11y-toggle):is(:hover,:focus-visible) {background:#3576b3!important;color:#fff!important}
.ep-page.ep-a11y-contrast :is(button,.btn,.ep-btn,a[class*=btn],a[class*=button],[role=button]) :is(span,strong,small,i) {color:inherit!important}
.ep-page.ep-a11y-contrast :is(button,.btn,.ep-btn,[type=submit]):disabled {background:#485564!important;color:#b5c0cb!important}
/* The control panel remains distinguishable from the rest of the page. */
.ep-page.ep-a11y-contrast #ep-a11y-panel {background:#283544!important;color:#e2e9f1!important;border-color:#7697b6!important}
.ep-page.ep-a11y-contrast #ep-a11y-panel :is(label,span,strong) {color:#e2e9f1!important}
.ep-page.ep-a11y-contrast #ep-a11y-panel button {background:#355b80!important;color:#edf5fc!important;border-color:#91b8db!important}
.ep-page.ep-a11y-contrast #ep-a11y-toggle {background:#294b6c!important;color:#e7f2ff!important;border-color:#93b9db!important}
.ep-page.ep-a11y-contrast .ep-extras-social {color:#d5dce5!important}
.ep-page.ep-a11y-contrast .ep-extras-social a {color:#a5cffa!important}
.ep-page.ep-a11y-spacing {word-spacing:.35em}
.ep-page.ep-a11y-spacing :is(input,textarea) {word-spacing:normal}
.ep-page :is(a,button,input,select,textarea):focus-visible{outline:3px solid #e4a824!important;outline-offset:2px}
@media(max-width:600px){.ep-a11y-widget{left:8px;bottom:8px}.ep-extras-social nav{gap:8px 12px}}

/* Fix light homepage hero text in contrast mode only.
   Keep the blue-tinted banner and its science illustration unchanged. */
.ep-page.ep-a11y-contrast .ep-hero {
  background: #dce9f4 !important;
}
.ep-page.ep-a11y-contrast .ep-hero .ep-hero-copy,
.ep-page.ep-a11y-contrast .ep-hero .ep-hero-copy h1 {
  color: #173b5e !important;
  text-shadow: none !important;
}
.ep-page.ep-a11y-contrast .ep-hero .ep-hero-copy p {
  color: #34465a !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.ep-page.ep-a11y-contrast .ep-hero .ep-hero-copy .ep-eyebrow {
  color: #285d87 !important;
  opacity: 1 !important;
}

/* FCMS shared-layout accessibility: applies to committees, users, admin forms as well as experts. */
body.ep-page.ep-a11y-contrast .body-content,
body.ep-page.ep-a11y-contrast .committee-hub,
body.ep-page.ep-a11y-contrast .committee-panel,
body.ep-page.ep-a11y-contrast .committee-toolbar,
body.ep-page.ep-a11y-contrast .div-form,
body.ep-page.ep-a11y-contrast .formSearch {background:#202b36!important;color:#edf3fa!important;}
body.ep-page.ep-a11y-contrast :is(.committee-table,.table,.table-striped,.table-hover) {background:#243343!important;color:#eef5fd!important;}
body.ep-page.ep-a11y-contrast :is(.committee-table,.table) th,
body.ep-page.ep-a11y-contrast :is(.committee-table,.table) td {background:#243343!important;color:#eef5fd!important;border-color:#758aa1!important;}
body.ep-page.ep-a11y-contrast :is(.committee-table,.table) a {color:#c0e3ff!important;}
body.ep-page.ep-a11y-contrast :is(.committee-panel h3,.committee-hero h1,.committee-muted,.Page_Header,label) {color:#eef5fd!important;}
body.ep-page.ep-a11y-contrast :is(.committee-input,.committee-select,.form-control) {background:#303d4b!important;color:#fff!important;border-color:#9fb9d5!important;}
body.ep-page.ep-a11y-contrast .committee-hero {background:#253d54!important;color:#eef5fd!important;}
.committee-ui-pager{padding:16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
