/* Self-hosted Open Sans: fallback for non-Windows devices (iOS, macOS,
   Android) where the proprietary Segoe UI is unavailable. Font stacks are
   defined once in constants/fonts.py and referenced everywhere. */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./fonts/OpenSans-400-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("./fonts/OpenSans-600-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./fonts/OpenSans-400-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("./fonts/OpenSans-600-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Alias family so stacks using "Segoe UI Semibold" as a *family name*
   (a Windows-only trick) fall back to semibold Open Sans instead of the
   browser default on devices without Segoe UI. */
@font-face {
    font-family: "Open Sans Semibold";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("./fonts/OpenSans-600-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Open Sans Semibold";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("./fonts/OpenSans-600-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

body {
    /*background-color: #FFFBEB*/
    background-color: #EDF2F7;
    /*background-color: white*/
}

/* Darken Mantine's "dimmed" text color so secondary labels are readable
   on light backgrounds. Targets the forced-light-mode attribute set by
   MantineProvider forceColorScheme="light". */
[data-mantine-color-scheme="light"] {
    --mantine-color-dimmed: #6B7280;
}

#fig-line-chart .hoverlayer .bg {
    rx: 4;
    shape-rendering: auto;
}

#breakdown-bar-chart .hoverlayer .bg {
    rx: 4;
    shape-rendering: auto;
}

.left-header {
    height: 190px;
}

@media (max-width: 767px) {
    .left-header {
        height: 0;
    }

    .right-header {
        margin-bottom: 95px;
    }
}

@media (max-width: 991px) {
    .left-header {
        height: 0;
    }

    .right-header {
        margin-bottom: 95px;
    }
}

h2 {
    color: #172B4D;
}

h2 {
    color: #0A192F;
}

/* Site navigation bar */
.site-nav-link {
    display: inline-block;
    padding: 8px 18px;
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 2px solid transparent;
    transition: color 0.15s ease, border-bottom-color 0.15s ease;
    text-decoration: none !important;
}

.site-nav-link:hover {
    color: white !important;
    border-bottom-color: rgba(255, 255, 255, 0.6);
}

.site-nav-link-active {
    color: white !important;
    font-weight: 600;
    border-bottom-color: white !important;
}