@font-face {
    font-family: PingARLT;
    src: url("../fonts/PingARLT/PingARLT-Regular.woff2") format("woff2");
    font-display: swap;
}
:root {
    --site-green: #44b600;
    --site-ink: #242424;
    --scrollbar-track: #f5f3ee;
    --scrollbar-thumb: #b5a17c;
    --scrollbar-thumb-hover: #8e754b;
}
/* Shared page and panel scrollbars. Component-specific hidden tracks still win. */
html {
    scrollbar-gutter: stable;
}
* {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
@supports selector(::-webkit-scrollbar) {
    * {
        scrollbar-width: auto;
        scrollbar-color: auto;
    }
    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
    ::-webkit-scrollbar-track {
        background: var(--scrollbar-track);
        border-radius: 999px;
    }
    ::-webkit-scrollbar-thumb {
        min-height: 36px;
        border: 2px solid var(--scrollbar-track);
        border-radius: 999px;
        background: var(--scrollbar-thumb);
    }
    ::-webkit-scrollbar-thumb:hover {
        background: var(--scrollbar-thumb-hover);
    }
    ::-webkit-scrollbar-thumb:active {
        background: #17344d;
    }
    ::-webkit-scrollbar-corner {
        background: var(--scrollbar-track);
    }
}
@media (forced-colors: active) {
    * {
        scrollbar-color: auto;
    }
    ::-webkit-scrollbar-thumb {
        background: ButtonText;
        border-color: Canvas;
    }
    ::-webkit-scrollbar-track,
    ::-webkit-scrollbar-corner {
        background: Canvas;
    }
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
body {
    margin: 0;
    color: var(--site-ink);
    font-family: PingARLT, Arial, sans-serif;
}
.material-symbols-rounded {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Material Symbols Rounded';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
button,
input,
textarea,
select {
    font: inherit;
}
a {
    color: inherit;
    text-decoration: none;
}
button,
a,
input,
select,
summary {
    -webkit-tap-highlight-color: transparent;
}
button,
a,
summary,
select {
    touch-action: manipulation;
}
button {
    cursor: pointer;
}
button:focus-visible,
a:focus-visible,
summary:focus-visible {
    outline: 3px solid #84d957;
    outline-offset: 4px;
}
.icon-library {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}
.site-container {
    width: calc(100% - 48px);
    max-width: 80rem;
    margin-inline: auto;
}

textarea {
    font: inherit;
}

[hidden] {
    display: none !important;
}

.overflow-x-clip {
    overflow-x: clip;
}

.container {
    width: calc(100% - 48px);
    max-width: 80rem;
    margin-inline: auto;
}

@media (max-width: 760px) {
    .container,
    .site-container {
        width: calc(100% - 32px);
    }
}