/* CrewHub site chrome for plain HTML pages.
 *
 * GENERATED by _tools/extract-site-chrome.py from news.html.
 * Do not hand-edit: re-run the script instead, or the legal pages drift
 * away from the look of the rest of the site.
 *
 * Pair it with the design system itself, which is a real file already:
 *   _ds/broadsheet-*/styles.css, theme-dark.css, responsive.css
 */

@font-face {
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-serif-4-italic-1.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-serif-4-italic-2.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-serif-4-italic-3.woff2") format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-serif-4-italic-4.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-serif-4-italic-5.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-serif-4-italic-6.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-serif-4-1.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-serif-4-2.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-serif-4-3.woff2") format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-serif-4-4.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-serif-4-5.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-serif-4-6.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/source-serif-4-1.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/source-serif-4-2.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/source-serif-4-3.woff2") format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/source-serif-4-4.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/source-serif-4-5.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/source-serif-4-6.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Phosphor-Duotone";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("fonts/phosphor-duotone-1.woff2") format("woff2");
}

/* ---- Phosphor icon base and the icons this site uses ---- */
.ph-duotone {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Phosphor-Duotone" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ph-caret-down:before {
  content: "\e136";
  opacity: 0.2;
}
.ph-caret-down:after {
  content: "\e137";
  margin-left: -1em;
}
.ph-caret-right:before {
  content: "\e13a";
  opacity: 0.2;
}
.ph-caret-right:after {
  content: "\e13b";
  margin-left: -1em;
}
.ph-sun:before {
  content: "\e472";
  opacity: 0.2;
}
.ph-sun:after {
  content: "\e473";
  margin-left: -1em;
}
.ph-moon-stars:before {
  content: "\e58e";
  opacity: 0.2;
}
.ph-moon-stars:after {
  content: "\e58f";
  margin-left: -1em;
}
.ph-discord-logo:before {
  content: "\e61a";
  opacity: 0.2;
}
.ph-discord-logo:after {
  content: "\e61b";
  margin-left: -1em;
}
.ph-youtube-logo:before {
  content: "\e4fc";
  opacity: 0.2;
}
.ph-youtube-logo:after {
  content: "\e4fd";
  margin-left: -1em;
}
.ph-instagram-logo:before {
  content: "\e2d0";
  opacity: 0.2;
}
.ph-instagram-logo:after {
  content: "\e2d1";
  margin-left: -1em;
}
.ph-facebook-logo:before {
  content: "\e226";
  opacity: 0.2;
}
.ph-facebook-logo:after {
  content: "\e227";
  margin-left: -1em;
}
.ph-x-logo:before {
  content: "\e4bc";
  opacity: 0.2;
}
.ph-x-logo:after {
  content: "\e4bd";
  margin-left: -1em;
}
.ph-threads-logo:before {
  content: "\ed9e";
  opacity: 0.2;
}
.ph-threads-logo:after {
  content: "\ed9f";
  margin-left: -1em;
}
.ph-envelope:before {
  content: "\e214";
  opacity: 0.2;
}
.ph-envelope:after {
  content: "\e215";
  margin-left: -1em;
}
.ph-file-pdf:before {
  content: "\e702";
  opacity: 0.2;
}
.ph-file-pdf:after {
  content: "\e703";
  margin-left: -1em;
}
.ph-download-simple:before {
  content: "\e20c";
  opacity: 0.2;
}
.ph-download-simple:after {
  content: "\e20d";
  margin-left: -1em;
}
.ph-arrow-square-out:before {
  content: "\e5de";
  opacity: 0.2;
}
.ph-arrow-square-out:after {
  content: "\e5df";
  margin-left: -1em;
}
.ph-arrow-right:before {
  content: "\e06c";
  opacity: 0.2;
}
.ph-arrow-right:after {
  content: "\e06d";
  margin-left: -1em;
}
.ph-list:before {
  content: "\e2f0";
  opacity: 0.2;
}
.ph-list:after {
  content: "\e2f1";
  margin-left: -1em;
}
.ph-x:before {
  content: "\e4f6";
  opacity: 0.2;
}
.ph-x:after {
  content: "\e4f7";
  margin-left: -1em;
}

/* ---- Navigation dropdowns (page-level CSS, not in the design system) ---- */
.nav-dd{ position: relative; display: inline-flex; align-items: center; }
.nav-dd-menu{ position: absolute; top: 100%; left: -10px; margin-top: 6px; z-index: 60; display: flex; flex-direction: column; gap: 2px; min-width: 170px; padding: 8px; background: var(--color-bg); border: 1px solid var(--color-neutral-300); border-radius: 14px; box-shadow: var(--shadow-md); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity 140ms ease, transform 140ms ease, visibility 140ms; }
.nav-dd:hover .nav-dd-menu, .nav-dd:focus-within .nav-dd-menu{ opacity: 1; visibility: visible; transform: translateY(0); }
.nav-dd-menu a{ padding: 7px 10px; border-radius: 8px; text-decoration: none; font-size: 14px; }
.nav-dd-menu a:hover{ background: var(--color-accent-100); }