/* /Components/Blocks/DepartmentCard.razor.rz.scp.css */
/* Fixed 16:9 slot, so cards line up and the page does not move while images load. */
.department-card__image[b-yf3s57l1lx] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    margin-bottom: var(--space-2);
    background: var(--color-surface-raised);
    border-radius: var(--radius-sm);
}

.department-card__recruitment[b-yf3s57l1lx] {
    margin-top: auto;
    padding-top: var(--space-2);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    color: var(--color-text-muted);
}

.department-card__recruitment--open[b-yf3s57l1lx] {
    color: var(--color-positive);
}
/* /Components/Blocks/DocsNav.razor.rz.scp.css */
.docs-nav__section[b-4t9bdz0jyf] {
    margin: var(--space-5) 0 var(--space-1);
    padding: 0 var(--space-3);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    color: var(--color-text);
}

.docs-nav__section:first-child[b-4t9bdz0jyf] {
    margin-top: 0;
}

.docs-nav__link[b-4t9bdz0jyf] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: var(--tap-target);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    text-decoration: none;
    line-height: 1.35;
}

.docs-nav__link:hover[b-4t9bdz0jyf] {
    background: var(--color-surface);
    color: var(--color-text);
}

.docs-nav__link[aria-current="page"][b-4t9bdz0jyf] {
    background: var(--color-surface-raised);
    color: var(--color-text);
    font-weight: var(--weight-bold);
}

/* Same active rule as the site header and mobile menu. */
.docs-nav__link[aria-current="page"][b-4t9bdz0jyf]::before {
    content: "";
    position: absolute;
    left: 0;
    top: var(--space-2);
    bottom: var(--space-2);
    width: var(--rule-width);
    background: var(--color-accent);
}

.docs-nav__link:focus-visible[b-4t9bdz0jyf] {
    outline-offset: -2px;
}
/* /Components/Blocks/DocsToc.razor.rz.scp.css */
.docs-toc__item--sub[b-0ljrmp7vq9] {
    padding-left: var(--space-4);
}

.docs-toc__link[b-0ljrmp7vq9] {
    display: flex;
    align-items: center;
    min-height: var(--tap-target);
    font-size: var(--text-sm);
    line-height: 1.35;
    color: var(--color-text-muted);
    text-decoration: none;
}

.docs-toc__link:hover[b-0ljrmp7vq9] {
    color: var(--color-text);
    text-decoration: underline;
    text-decoration-color: var(--color-accent);
}
/* /Components/Blocks/Hero.razor.rz.scp.css */
/* The hero's size comes from its content and min-height, never from the image,
   so the page does not move when the image arrives. */
.hero[b-o9uie8x8ky] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: var(--color-bg);
    border-bottom: var(--border-width) solid var(--color-border);
}

/* Charcoal fallback with a faint ember haze. This is all that shows if there is no image
   or the image fails to load. */
.hero[b-o9uie8x8ky]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(ellipse 60% 70% at 85% 35%, color-mix(in srgb, var(--color-accent) 14%, transparent), transparent 70%),
        linear-gradient(to bottom, var(--color-surface), var(--color-bg));
}

.hero__media[b-o9uie8x8ky] {
    position: absolute;
    inset: 0;
    z-index: -1;
}

/* Small screens: the same file fills the hero, dimmed, cropped around the focal point. */
.hero__image[b-o9uie8x8ky] {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: var(--hero-focus-x, 75%) center;
    opacity: 0.4;
}

/* Haze: fades the image into the page so it never reads as a rectangle. */
.hero__media[b-o9uie8x8ky]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        var(--color-bg) 0%,
        color-mix(in srgb, var(--color-bg) 70%, transparent) 40%,
        color-mix(in srgb, var(--color-bg) 35%, transparent) 100%
    );
}

.hero__inner[b-o9uie8x8ky] {
    display: flex;
    align-items: center;
    max-width: var(--layout-max-width);
    margin-inline: auto;
    padding: var(--space-7) var(--layout-gutter) var(--space-6);
}

.hero__content[b-o9uie8x8ky] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    width: 100%;
    max-width: 40rem;
}

/* Stacked, full-width actions on phones; side by side once there is room. */
.hero__actions[b-o9uie8x8ky] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-top: var(--space-2);
}

@media (min-width: 36rem) {
    .hero__actions[b-o9uie8x8ky] {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

/* Phones get a tighter hero so the status block below fits in the first screen. */
@media (min-width: 48rem) {
    .hero__inner[b-o9uie8x8ky] {
        padding-block: var(--space-8) var(--space-7);
    }
}

/* Wide screens: the artwork sits on the right and the left is kept clear for content. */
@media (min-width: 64rem) {
    .hero__inner[b-o9uie8x8ky] {
        min-height: clamp(28rem, 62vh, 40rem);
        padding-block: var(--space-8);
    }

    .hero__content[b-o9uie8x8ky] {
        max-width: 36rem;
    }

    .hero__image[b-o9uie8x8ky] {
        width: 68%;
        object-position: center;
        opacity: 0.9;
    }

    .hero__media[b-o9uie8x8ky]::after {
        background:
            linear-gradient(
                to right,
                var(--color-bg) 32%,
                color-mix(in srgb, var(--color-bg) 72%, transparent) 46%,
                transparent 76%
            ),
            linear-gradient(to top, var(--color-bg) 0%, transparent 30%);
    }
}
/* /Components/Blocks/MarkdownContent.razor.rz.scp.css */
/* Rendered Markdown.
   These elements come from the Markdown renderer, so they are styled through ::deep. */
.markdown[b-flsiectf3z]  > * + * {
    margin-top: var(--space-4);
}

.markdown[b-flsiectf3z]  h2 {
    margin-top: var(--space-7);
    padding-top: var(--space-5);
    border-top: var(--border-width) solid var(--color-border);
    font-size: var(--text-2xl);
}

.markdown[b-flsiectf3z]  h3 {
    margin-top: var(--space-6);
}

.markdown[b-flsiectf3z]  h4 {
    margin-top: var(--space-5);
}

.markdown[b-flsiectf3z]  > h2:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

/* The copy-link mark beside each section heading. Quiet until the heading is hovered or it has focus. */
.markdown[b-flsiectf3z]  .docs-anchor {
    margin-left: var(--space-2);
    padding: 0 var(--space-1);
    font-family: var(--font-body);
    font-size: 0.7em;
    font-weight: var(--weight-regular);
    color: var(--color-border-control);
    text-decoration: none;
}

.markdown[b-flsiectf3z]  :is(h2, h3):hover .docs-anchor,
.markdown[b-flsiectf3z]  .docs-anchor:focus-visible {
    color: var(--color-link);
}

.markdown[b-flsiectf3z]  ul,
.markdown[b-flsiectf3z]  ol {
    padding-left: var(--space-5);
}

.markdown[b-flsiectf3z]  ul {
    list-style: disc;
}

.markdown[b-flsiectf3z]  ol {
    list-style: decimal;
}

.markdown[b-flsiectf3z]  li + li {
    margin-top: var(--space-2);
}

.markdown[b-flsiectf3z]  li > ul,
.markdown[b-flsiectf3z]  li > ol {
    margin-top: var(--space-2);
}

.markdown[b-flsiectf3z]  li::marker {
    color: var(--color-text-muted);
}

.markdown[b-flsiectf3z]  hr {
    height: var(--border-width);
    margin-block: var(--space-6);
    border: 0;
    background: var(--color-border);
}

.markdown[b-flsiectf3z]  blockquote {
    margin-inline: 0;
    padding-left: var(--space-4);
    border-left: var(--rule-width) solid var(--color-border-control);
    color: var(--color-text-muted);
}

.markdown[b-flsiectf3z]  code {
    padding: 0.1em 0.35em;
    background: var(--color-surface-raised);
    border-radius: var(--radius-sm);
    font-size: 0.9em;
}

.markdown[b-flsiectf3z]  pre {
    padding: var(--space-4);
    overflow-x: auto;
    background: var(--color-surface);
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius-md);
    line-height: 1.5;
}

.markdown[b-flsiectf3z]  pre code {
    padding: 0;
    background: none;
}

/* A wide table scrolls inside its own box, so the page never scrolls sideways. */
.markdown[b-flsiectf3z]  table {
    display: block;
    width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
}

.markdown[b-flsiectf3z]  th,
.markdown[b-flsiectf3z]  td {
    padding: var(--space-2) var(--space-4) var(--space-2) 0;
    border-bottom: var(--border-width) solid var(--color-border);
    text-align: left;
    vertical-align: top;
}

.markdown[b-flsiectf3z]  th {
    border-bottom-color: var(--color-border-control);
    font-size: var(--text-sm);
    white-space: nowrap;
}

/* Callouts: a Markdown block written as ":::note" or ":::warning". */
.markdown[b-flsiectf3z]  .note,
.markdown[b-flsiectf3z]  .warning {
    padding: var(--space-4);
    background: var(--color-surface);
    border: var(--border-width) solid var(--color-border);
    border-left: var(--rule-width) solid var(--color-border-control);
    border-radius: var(--radius-md);
}

.markdown[b-flsiectf3z]  .warning {
    border-left-color: var(--color-accent);
}

.markdown[b-flsiectf3z]  .note > * + *,
.markdown[b-flsiectf3z]  .warning > * + * {
    margin-top: var(--space-3);
}

/* An image written in Markdown: framed like other media, never wider than the text column. */
.markdown[b-flsiectf3z]  img {
    max-width: 100%;
    height: auto;
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius-md);
}
/* /Components/Blocks/MediaThumb.razor.rz.scp.css */
.media-thumb[b-wx7bd8c912] {
    margin: 0;
}

.media-thumb__frame[b-wx7bd8c912] {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--color-surface);
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius-md);
}

/* Whatever shape the source file is, it fills a 16:9 slot and is cropped to fit. */
.media-thumb__image[b-wx7bd8c912] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.media-thumb__frame--link:hover[b-wx7bd8c912] {
    border-color: var(--color-accent);
}

.media-thumb__badge[b-wx7bd8c912] {
    position: absolute;
    left: var(--space-2);
    bottom: var(--space-2);
    padding: var(--space-1) var(--space-3);
    background: var(--color-bg);
    border: var(--border-width) solid var(--color-border-control);
    border-radius: var(--radius-pill);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    color: var(--color-text);
}

.media-thumb__caption[b-wx7bd8c912] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    margin-top: var(--space-2);
}

.media-thumb__text[b-wx7bd8c912] {
    line-height: 1.4;
}

.media-thumb__meta[b-wx7bd8c912] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 var(--space-3);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.media-thumb__unit[b-wx7bd8c912] {
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-target);
    color: var(--color-text-muted);
}

.media-thumb__unit:hover[b-wx7bd8c912] {
    color: var(--color-text);
}

.media-thumb__credit[b-wx7bd8c912] {
    margin-top: var(--space-2);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}
/* /Components/Blocks/NamedItemList.razor.rz.scp.css */
.named-list[b-856e73ztlu] {
    border-top: var(--border-width) solid var(--color-border);
}

.named-list__item[b-856e73ztlu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-3) 0;
    border-bottom: var(--border-width) solid var(--color-border);
}

.named-list__name[b-856e73ztlu] {
    font-weight: var(--weight-bold);
}

.named-list__note[b-856e73ztlu] {
    color: var(--color-text-muted);
}

@media (min-width: 48rem) {
    .named-list__item[b-856e73ztlu] {
        flex-direction: row;
        align-items: baseline;
        gap: var(--space-5);
    }

    .named-list__name[b-856e73ztlu] {
        flex: 0 0 14rem;
    }
}
/* /Components/Blocks/NextStep.razor.rz.scp.css */
.next-step[b-dvfaxfqkzr] {
    max-width: var(--layout-max-width);
    margin-inline: auto;
    padding-inline: var(--layout-gutter);
}

.next-step__inner[b-dvfaxfqkzr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    padding: var(--space-6) var(--space-5);
    background: var(--color-surface);
    border: var(--border-width) solid var(--color-border);
    border-left: var(--rule-width) solid var(--color-accent);
    border-radius: var(--radius-md);
}

.next-step__text > * + *[b-dvfaxfqkzr] {
    margin-top: var(--space-3);
}

.next-step__action[b-dvfaxfqkzr] {
    flex-shrink: 0;
}

@media (min-width: 48rem) {
    .next-step__inner[b-dvfaxfqkzr] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: var(--space-7) var(--space-6);
    }
}
/* /Components/Blocks/PreviewNotice.razor.rz.scp.css */
.preview-notice[b-8vqas1xvf3] {
    padding: var(--space-2) var(--layout-gutter);
    background: var(--color-surface-raised);
    border-bottom: var(--border-width) solid var(--color-accent);
    font-size: var(--text-sm);
    text-align: center;
}
/* /Components/Blocks/ServerStatus.razor.rz.scp.css */
/* ---- Indicator: a different shape for each state, so color is never the only signal ---- */
.status-indicator[b-pkkidh6s5t] {
    flex-shrink: 0;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    border: var(--rule-width) solid transparent;
}

/* Online: solid green dot. */
.status-indicator--online[b-pkkidh6s5t] {
    background: var(--color-positive);
    border-color: var(--color-positive);
}

/* Launching soon: solid ember dot. */
.status-indicator--launching[b-pkkidh6s5t] {
    background: var(--color-accent);
    border-color: var(--color-accent);
}

/* Offline: hollow ring. */
.status-indicator--offline[b-pkkidh6s5t] {
    border-color: var(--color-text-muted);
}

/* Unreachable: broken ring. */
.status-indicator--unreachable[b-pkkidh6s5t] {
    border-style: dashed;
    border-color: var(--color-text-muted);
}

/* ---- Pill ----
   The link version keeps a full-size touch target around the smaller visible pill. */
.status-pill[b-pkkidh6s5t] {
    display: inline-flex;
    align-items: center;
    color: var(--color-text);
    text-decoration: none;
}

.status-pill--link[b-pkkidh6s5t] {
    min-height: var(--tap-target);
}

.status-pill__body[b-pkkidh6s5t] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-height: 2rem;
    padding: 0 var(--space-3);
    background: var(--color-surface);
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius-pill);
    font-size: var(--text-sm);
    line-height: 1;
    white-space: nowrap;
}

.status-pill--link:hover[b-pkkidh6s5t] {
    color: var(--color-text);
}

.status-pill--link:hover .status-pill__body[b-pkkidh6s5t] {
    background: var(--color-surface-raised);
    border-color: var(--color-border-strong);
}

.status-pill__label[b-pkkidh6s5t] {
    font-weight: var(--weight-bold);
}

.status-pill__count[b-pkkidh6s5t] {
    color: var(--color-text-muted);
    font-variant-numeric: tabular-nums;
}

/* ---- Block ---- */
.status-block[b-pkkidh6s5t] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-5);
    background: var(--color-surface);
    border: var(--border-width) solid var(--color-border);
    border-left: var(--rule-width) solid var(--color-text-muted);
    border-radius: var(--radius-md);
}

.status-block--online[b-pkkidh6s5t] {
    border-left-color: var(--color-positive);
}

.status-block--launching[b-pkkidh6s5t] {
    border-left-color: var(--color-accent);
}

.status-block--unreachable[b-pkkidh6s5t] {
    border-left-style: dashed;
}

.status-block__heading[b-pkkidh6s5t] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.status-block__state[b-pkkidh6s5t] {
    font-family: var(--font-heading);
    font-size: var(--text-xl);
    font-weight: var(--weight-bold);
    line-height: var(--line-heading);
    letter-spacing: var(--tracking-heading);
}

.status-block__name[b-pkkidh6s5t] {
    font-weight: var(--weight-bold);
}

.status-block__detail[b-pkkidh6s5t] {
    color: var(--color-text-muted);
}
/* /Components/Blocks/StaffCard.razor.rz.scp.css */
/* Fixed square slot; any source shape is cropped to fit. */
.staff-card__avatar[b-5y48q0kof8] {
    width: 6rem;
    height: 6rem;
    object-fit: cover;
    background: var(--color-surface-raised);
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius-md);
}

.staff-card__text[b-5y48q0kof8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.staff-card__role[b-5y48q0kof8] {
    font-weight: var(--weight-bold);
    color: var(--color-text-muted);
}

.staff-card__unit[b-5y48q0kof8] {
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-target);
    color: var(--color-text-muted);
}

.staff-card__unit:hover[b-5y48q0kof8] {
    color: var(--color-text);
}
/* /Components/Blocks/UpdateTeaser.razor.rz.scp.css */
.update-teaser__category[b-blpk39jzro] {
    margin-left: var(--space-2);
    padding-left: var(--space-2);
    border-left: var(--border-width) solid var(--color-border-strong);
}
/* /Components/Layout/DocsShell.razor.rz.scp.css */
/* ---- Bar: collections and search ---- */
.docs__bar[b-b7woyrmazh] {
    background: var(--color-surface);
    border-bottom: var(--border-width) solid var(--color-border);
}

.docs__bar-inner[b-b7woyrmazh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    max-width: var(--layout-max-width);
    margin-inline: auto;
    padding: var(--space-2) var(--layout-gutter) var(--space-3);
}

.docs__collections[b-b7woyrmazh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--space-5);
}

.docs__collection[b-b7woyrmazh] {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-target);
    font-weight: var(--weight-bold);
    color: var(--color-text-muted);
    text-decoration: none;
}

.docs__collection:hover[b-b7woyrmazh],
.docs__collection[aria-current="true"][b-b7woyrmazh] {
    color: var(--color-text);
}

.docs__collection[aria-current="true"][b-b7woyrmazh]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: var(--space-1);
    height: var(--rule-width);
    background: var(--color-accent);
}

/* ---- Search ---- */
.docs-search[b-b7woyrmazh] {
    position: relative;
    width: 100%;
}

.docs-search__input[b-b7woyrmazh] {
    width: 100%;
    min-height: var(--tap-target);
    padding: 0 var(--space-3);
    background: var(--color-bg);
    border: var(--border-width) solid var(--color-border-control);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font: inherit;
}

.docs-search__input[b-b7woyrmazh]::placeholder {
    color: var(--color-text-muted);
}

.docs-search__results[b-b7woyrmazh] {
    position: absolute;
    top: calc(100% + var(--space-1));
    left: 0;
    right: 0;
    z-index: calc(var(--layer-header) - 1);
    max-height: min(26rem, 70vh);
    overflow-y: auto;
    background: var(--color-surface-raised);
    border: var(--border-width) solid var(--color-border-strong);
    border-radius: var(--radius-md);
    box-shadow: var(--elevation-overlay);
}

/* Result rows are created by the search script, so they are styled through ::deep. */
.docs-search__results[b-b7woyrmazh]  li + li {
    border-top: var(--border-width) solid var(--color-border);
}

.docs-search__results[b-b7woyrmazh]  a {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-3) var(--space-4);
    color: var(--color-text);
    text-decoration: none;
}

.docs-search__results[b-b7woyrmazh]  a:hover,
.docs-search__results[b-b7woyrmazh]  a:focus-visible {
    background: var(--color-surface);
}

.docs-search__results[b-b7woyrmazh]  a:focus-visible {
    outline-offset: -2px;
}

.docs-search__results[b-b7woyrmazh]  .docs-search__title {
    font-weight: var(--weight-bold);
}

.docs-search__results[b-b7woyrmazh]  .docs-search__meta,
.docs-search__results[b-b7woyrmazh]  .docs-search__empty {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.docs-search__results[b-b7woyrmazh]  .docs-search__empty {
    padding: var(--space-3) var(--space-4);
}

/* ---- Body ---- */
.docs__inner[b-b7woyrmazh] {
    max-width: var(--layout-max-width);
    margin-inline: auto;
    padding: var(--space-4) var(--layout-gutter) var(--space-7);
}

.docs__sidebar[b-b7woyrmazh] {
    display: none;
}

.docs__browse[b-b7woyrmazh] {
    margin-bottom: var(--space-4);
}

.docs__browse-toggle[b-b7woyrmazh] {
    list-style: none;
}

.docs__browse-toggle[b-b7woyrmazh]::-webkit-details-marker {
    display: none;
}

.docs__browse[open] .docs__browse-toggle[b-b7woyrmazh] {
    background: var(--color-surface-raised);
    border-color: var(--color-accent);
}

.docs__browse-panel[b-b7woyrmazh] {
    margin-top: var(--space-3);
    padding: var(--space-3);
    background: var(--color-surface);
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius-md);
}

.docs__main[b-b7woyrmazh] {
    min-width: 0;
}

@media (min-width: 48rem) {
    .docs__bar-inner[b-b7woyrmazh] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: var(--space-5);
        padding-block: var(--space-2);
    }

    .docs-search[b-b7woyrmazh] {
        max-width: 22rem;
    }
}

/* Wide screens: the page tree becomes a persistent sidebar that stays in view while reading. */
@media (min-width: 64rem) {
    .docs__inner[b-b7woyrmazh] {
        display: grid;
        grid-template-columns: 16rem minmax(0, 1fr);
        gap: var(--space-7);
        padding-top: var(--space-6);
    }

    .docs__browse[b-b7woyrmazh] {
        display: none;
    }

    .docs__sidebar[b-b7woyrmazh] {
        display: block;
        position: sticky;
        top: calc(var(--header-height) + var(--space-5));
        align-self: start;
        max-height: calc(100vh - var(--header-height) - var(--space-7));
        overflow-y: auto;
    }
}
/* /Components/Layout/MobileMenu.razor.rz.scp.css */
.mobile-menu__toggle[b-71id8mwae5] {
    list-style: none;
    min-width: 4.5rem;
}

.mobile-menu__toggle[b-71id8mwae5]::-webkit-details-marker {
    display: none;
}

.mobile-menu__label-open[b-71id8mwae5],
.mobile-menu[open] .mobile-menu__label-closed[b-71id8mwae5] {
    display: none;
}

.mobile-menu[open] .mobile-menu__label-open[b-71id8mwae5] {
    display: inline;
}

.mobile-menu[open] .mobile-menu__toggle[b-71id8mwae5] {
    background: var(--color-surface-raised);
    border-color: var(--color-accent);
}

/* Positioned against the sticky header, so the panel spans the full width beneath it. */
.mobile-menu__panel[b-71id8mwae5] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: calc(100vh - var(--header-height));
    max-height: calc(100dvh - var(--header-height));
    overflow-y: auto;
    padding: var(--space-2) var(--layout-gutter) var(--space-5);
    background: var(--color-surface);
    border-top: var(--border-width) solid var(--color-border);
    border-bottom: var(--border-width) solid var(--color-border-strong);
    box-shadow: var(--elevation-overlay);
}

.mobile-menu__list[b-71id8mwae5],
.mobile-menu__discord[b-71id8mwae5],
.mobile-menu__status[b-71id8mwae5] {
    max-width: var(--layout-narrow-width);
    margin-inline: auto;
}

.mobile-menu__status[b-71id8mwae5] {
    padding: 0 var(--space-3);
    border-bottom: var(--border-width) solid var(--color-border);
}

.mobile-menu__item + .mobile-menu__item[b-71id8mwae5] {
    border-top: var(--border-width) solid var(--color-border);
}

.mobile-menu__link[b-71id8mwae5] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 3.25rem;
    padding: 0 var(--space-3);
    font-size: var(--text-lg);
    color: var(--color-text);
    text-decoration: none;
}

.mobile-menu__link:hover[b-71id8mwae5] {
    background: var(--color-surface-raised);
    color: var(--color-text);
}

.mobile-menu__link[aria-current="page"][b-71id8mwae5] {
    background: var(--color-surface-raised);
}

/* Same active rule as the desktop header, turned to the leading edge. */
.mobile-menu__link[aria-current="page"][b-71id8mwae5]::before {
    content: "";
    position: absolute;
    left: 0;
    top: var(--space-2);
    bottom: var(--space-2);
    width: var(--rule-width);
    background: var(--color-accent);
}

.mobile-menu__link--emphasis[b-71id8mwae5] {
    font-weight: var(--weight-bold);
}

.mobile-menu__link:focus-visible[b-71id8mwae5] {
    outline-offset: -4px;
}

.mobile-menu__discord[b-71id8mwae5] {
    margin-top: var(--space-4);
}

@media (min-width: 72rem) {
    .mobile-menu[b-71id8mwae5] {
        display: none;
    }
}
/* /Components/Layout/SiteFooter.razor.rz.scp.css */
.site-footer[b-tge6dlowbc] {
    margin-top: var(--space-8);
    background: var(--color-surface);
    border-top: var(--border-width) solid var(--color-border);
}

.site-footer__inner[b-tge6dlowbc] {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    padding: var(--space-7) var(--layout-gutter) var(--space-6);
}

.site-footer__groups[b-tge6dlowbc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: var(--space-6) var(--space-5);
}

.site-footer__title[b-tge6dlowbc] {
    margin-bottom: var(--space-2);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    letter-spacing: 0;
    color: var(--color-text);
}

.site-footer__link[b-tge6dlowbc] {
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-target);
    color: var(--color-text-muted);
    text-decoration: none;
}

.site-footer__link:hover[b-tge6dlowbc] {
    color: var(--color-text);
    text-decoration: underline;
    text-decoration-color: var(--color-accent);
}

.site-footer__base[b-tge6dlowbc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3) var(--space-5);
    margin-top: var(--space-6);
    padding-top: var(--space-5);
    border-top: var(--border-width) solid var(--color-border);
}

.site-footer__name[b-tge6dlowbc] {
    margin-right: auto;
    font-family: var(--font-heading);
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-heading);
    color: var(--color-text);
}

.site-footer__attribution[b-tge6dlowbc] {
    margin-top: var(--space-2);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

/* Quiet, but a real link with a full-size touch target and the usual focus ring. */
.site-footer__attribution-link[b-tge6dlowbc] {
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-target);
    color: var(--color-text-muted);
    text-decoration: none;
}

.site-footer__attribution-link:hover[b-tge6dlowbc] {
    color: var(--color-text);
    text-decoration: underline;
    text-decoration-color: var(--color-accent);
}

/* The platform's own site: version and maker, plain text on one line that wraps on narrow screens. */
.site-footer__attribution--product[b-tge6dlowbc] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-4);
    margin-top: var(--space-4);
}
/* /Components/Layout/SiteHeader.razor.rz.scp.css */
.site-header[b-jly8vcau9o] {
    position: sticky;
    top: 0;
    z-index: var(--layer-header);
    background: var(--color-bg);
    border-bottom: var(--border-width) solid var(--color-border);
}

.site-header__inner[b-jly8vcau9o] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    max-width: var(--layout-max-width);
    height: var(--header-height);
    margin: 0 auto;
    padding: 0 var(--layout-gutter);
}

/* Mobile: a long community name wraps onto two tight lines instead of being cut off. */
.site-header__logo[b-jly8vcau9o] {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: var(--tap-target);
    font-family: var(--font-heading);
    font-size: var(--text-lg);
    font-weight: var(--weight-bold);
    line-height: var(--line-tight);
    letter-spacing: var(--tracking-heading);
    color: var(--color-text);
    text-decoration: none;
}

/* The logo keeps its own proportions inside a fixed height, so no logo can change the header's size. */
.site-header__logo-image[b-jly8vcau9o] {
    width: auto;
    height: 2.25rem;
    max-width: min(12rem, 40vw);
    object-fit: contain;
}

.site-header__logo:hover[b-jly8vcau9o] {
    color: var(--color-text);
}

/* Tablet and below use the mobile header: the link row is hidden and MobileMenu takes over. */
.site-header__nav[b-jly8vcau9o] {
    display: none;
}

.site-header__actions[b-jly8vcau9o] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-left: auto;
    flex-shrink: 0;
}

/* The status pill lives in the header on wide screens and in the menu on small ones. */
.site-header__status[b-jly8vcau9o] {
    display: none;
}

.site-header__list[b-jly8vcau9o] {
    display: flex;
    align-items: center;
    height: 100%;
}

.site-header__item[b-jly8vcau9o] {
    display: flex;
    align-items: center;
    height: 100%;
}

.site-header__item--emphasis[b-jly8vcau9o] {
    margin-left: var(--space-3);
}

/* Links fill the header height so the active rule sits on the header's bottom edge. */
.site-header__link[b-jly8vcau9o] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 var(--space-3);
    font-size: var(--text-base);
    color: var(--color-text-muted);
    text-decoration: none;
    white-space: nowrap;
}

.site-header__link:hover[b-jly8vcau9o],
.site-header__link[aria-current="page"][b-jly8vcau9o] {
    color: var(--color-text);
}

.site-header__link[aria-current="page"][b-jly8vcau9o]::after {
    content: "";
    position: absolute;
    left: var(--space-3);
    right: var(--space-3);
    bottom: 0;
    height: var(--rule-width);
    background: var(--color-accent);
}

.site-header__link:focus-visible[b-jly8vcau9o] {
    outline-offset: -6px;
}

.site-header__item--emphasis [aria-current="page"][b-jly8vcau9o] {
    border-color: var(--color-accent);
}

@media (min-width: 48rem) {
    .site-header__logo[b-jly8vcau9o] {
        font-size: var(--text-xl);
        white-space: nowrap;
    }

    .site-header__actions[b-jly8vcau9o] {
        gap: var(--space-3);
    }
}

/* Desktop header. Tested at 1280px and 1366px; keep in step with tokens.css and MobileMenu. */
@media (min-width: 72rem) {
    .site-header__inner[b-jly8vcau9o] {
        gap: var(--space-5);
    }

    .site-header__nav[b-jly8vcau9o] {
        display: block;
        align-self: stretch;
    }

    .site-header__status[b-jly8vcau9o] {
        display: block;
    }
}
/* /Components/Pages/AboutPage.razor.rz.scp.css */
.about__header[b-xzd1bj43xh] {
    margin-bottom: var(--space-6);
}
/* /Components/Pages/ChangelogFeed.razor.rz.scp.css */
.changelog__header[b-ryg38eemt3] {
    margin-bottom: var(--space-6);
}

/* A dated feed: each entry hangs off a rule down the leading edge. */
.changelog-entry[b-ryg38eemt3] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: 0 0 var(--space-7) var(--space-5);
    border-left: var(--border-width) solid var(--color-border);
}

.changelog-entry:last-child[b-ryg38eemt3] {
    padding-bottom: 0;
}

/* The marker on the rule, level with the date. */
.changelog-entry[b-ryg38eemt3]::before {
    content: "";
    position: absolute;
    left: calc(var(--space-1) * -1 - var(--border-width) / 2);
    top: 0.45em;
    width: var(--space-2);
    height: var(--space-2);
    border-radius: 50%;
    background: var(--color-accent);
}

.changelog-entry__meta[b-ryg38eemt3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 var(--space-3);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.changelog-entry__category[b-ryg38eemt3] {
    padding-left: var(--space-3);
    border-left: var(--border-width) solid var(--color-border-strong);
}

.changelog-entry__link[b-ryg38eemt3] {
    color: inherit;
    text-decoration: none;
}

.changelog-entry__link:hover[b-ryg38eemt3] {
    text-decoration: underline;
    text-decoration-color: var(--color-accent);
    text-decoration-thickness: var(--rule-width);
    text-underline-offset: 0.2em;
}

.changelog-entry__body[b-ryg38eemt3] {
    max-width: var(--layout-prose-width);
}
/* /Components/Pages/CommunityPage.razor.rz.scp.css */
.community__header[b-lurjkhilfs] {
    margin-bottom: var(--space-6);
}

.community__links[b-lurjkhilfs] {
    margin-top: var(--space-8);
}
/* /Components/Pages/CustomPage.razor.rz.scp.css */
.custom-page__header[b-6u2if426ja] {
    margin-bottom: var(--space-6);
}
/* /Components/Pages/DepartmentDetail.razor.rz.scp.css */
/* ---- Header ---- */
.unit-header[b-6x9o8t5mjm] {
    padding-block: var(--space-6) var(--space-6);
    background: var(--color-surface);
    border-bottom: var(--border-width) solid var(--color-border);
}

.unit-header__inner[b-6x9o8t5mjm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.unit-header__text[b-6x9o8t5mjm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    min-width: 0;
}

.unit-header__back[b-6x9o8t5mjm] {
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-target);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.unit-header__back[b-6x9o8t5mjm]::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    margin-right: var(--space-2);
    border-left: var(--rule-width) solid currentColor;
    border-bottom: var(--rule-width) solid currentColor;
    transform: rotate(45deg);
}

.unit-header__back:hover[b-6x9o8t5mjm] {
    color: var(--color-text);
}

.unit-header__recruitment[b-6x9o8t5mjm] {
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    color: var(--color-text-muted);
}

.unit-header__recruitment--open[b-6x9o8t5mjm] {
    color: var(--color-positive);
}

/* Fixed 16:9 slot. On phones it follows the text; on wide screens it sits beside it. */
.unit-header__image[b-6x9o8t5mjm] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background: var(--color-surface-raised);
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius-md);
}

@media (min-width: 64rem) {
    .unit-header[b-6x9o8t5mjm] {
        padding-block: var(--space-7);
    }

    .unit-header__inner[b-6x9o8t5mjm] {
        flex-direction: row;
        align-items: center;
        gap: var(--space-7);
    }

    .unit-header__text[b-6x9o8t5mjm] {
        flex: 1 1 0;
    }

    .unit-header__image[b-6x9o8t5mjm] {
        flex: 0 0 26rem;
        width: 26rem;
    }
}

/* ---- "On this page" ----
   In-page navigation. Each link carries a resting underline so it reads as something to
   click, and the underline turns ember on hover and focus. Lighter than a navigation bar. */
.unit-nav[b-6x9o8t5mjm] {
    border-bottom: var(--border-width) solid var(--color-border);
}

.unit-nav__list[b-6x9o8t5mjm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--space-5);
    padding-block: var(--space-2);
}

.unit-nav__link[b-6x9o8t5mjm] {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-target);
    font-size: var(--text-base);
    font-weight: var(--weight-bold);
    color: var(--color-text);
    text-decoration: none;
}

.unit-nav__link[b-6x9o8t5mjm]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: var(--space-2);
    height: var(--rule-width);
    background: var(--color-border-control);
}

.unit-nav__link:hover[b-6x9o8t5mjm] {
    color: var(--color-text);
}

.unit-nav__link:hover[b-6x9o8t5mjm]::after,
.unit-nav__link:focus-visible[b-6x9o8t5mjm]::after {
    background: var(--color-accent);
}

/* ---- Sections ---- */
.unit-body[b-6x9o8t5mjm] {
    padding-block: var(--space-6) var(--space-4);
}

.unit-section[b-6x9o8t5mjm] {
    padding-block: var(--space-6);
}

.unit-section + .unit-section[b-6x9o8t5mjm] {
    border-top: var(--border-width) solid var(--color-border);
}

.unit-section > h2[b-6x9o8t5mjm] {
    margin-bottom: var(--space-4);
}

.unit-section__prose[b-6x9o8t5mjm] {
    max-width: var(--layout-prose-width);
}

.unit-section__sub[b-6x9o8t5mjm] {
    margin: var(--space-5) 0 var(--space-3);
    font-family: var(--font-body);
    font-size: var(--text-lg);
    letter-spacing: 0;
}

.unit-section > h2 + .unit-section__sub[b-6x9o8t5mjm] {
    margin-top: 0;
}

.unit-people[b-6x9o8t5mjm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
    gap: var(--space-3);
}

.unit-people__person[b-6x9o8t5mjm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-4);
}

.unit-people__name[b-6x9o8t5mjm] {
    font-weight: var(--weight-bold);
}

/* Ranks are an ordered ladder, highest first, so they are numbered. */
.unit-ranks[b-6x9o8t5mjm] {
    counter-reset: rank;
    max-width: var(--layout-prose-width);
    border-top: var(--border-width) solid var(--color-border);
}

.unit-ranks__rank[b-6x9o8t5mjm] {
    counter-increment: rank;
    display: flex;
    align-items: baseline;
    gap: var(--space-4);
    padding: var(--space-3) 0;
    border-bottom: var(--border-width) solid var(--color-border);
}

.unit-ranks__rank[b-6x9o8t5mjm]::before {
    content: counter(rank);
    flex: 0 0 1.5rem;
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
    color: var(--color-text-muted);
}

.unit-bullets[b-6x9o8t5mjm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    max-width: var(--layout-prose-width);
}

.unit-bullets > li[b-6x9o8t5mjm] {
    position: relative;
    padding-left: var(--space-5);
}

.unit-bullets > li[b-6x9o8t5mjm]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 0.5rem;
    height: var(--rule-width);
    background: var(--color-accent);
}

.unit-media[b-6x9o8t5mjm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
    gap: var(--space-4);
}

.unit-links[b-6x9o8t5mjm] {
    display: flex;
    flex-direction: column;
}

.unit-links a[b-6x9o8t5mjm] {
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-target);
}
/* /Components/Pages/DepartmentIndex.razor.rz.scp.css */
.unit-index__header[b-ozgqcm1cyl] {
    margin-bottom: var(--space-6);
}

.unit-index__group + .unit-index__group[b-ozgqcm1cyl] {
    margin-top: var(--space-7);
}

.unit-index__category[b-ozgqcm1cyl] {
    margin-bottom: var(--space-4);
    font-size: var(--text-xl);
}
/* /Components/Pages/DocsArticle.razor.rz.scp.css */
/* ---- Page layout ---- */
.docs-article__body[b-shpboku8u1] {
    min-width: 0;
    max-width: 46rem;
}

.docs-article__toc[b-shpboku8u1] {
    display: none;
}

.docs-crumbs[b-shpboku8u1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-1) var(--space-2);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.docs-crumbs li[b-shpboku8u1] {
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-target);
}

.docs-crumbs li + li[b-shpboku8u1]::before {
    content: "/";
    margin-right: var(--space-2);
    color: var(--color-border-control);
}

.docs-crumbs a[b-shpboku8u1] {
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-target);
    color: var(--color-text-muted);
}

.docs-crumbs a:hover[b-shpboku8u1] {
    color: var(--color-text);
}

.docs-article__header[b-shpboku8u1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin: var(--space-3) 0 var(--space-5);
    padding-bottom: var(--space-5);
    border-bottom: var(--border-width) solid var(--color-border);
}

/* Small screens: "On this page" as a collapsible panel. */
.docs-article__toc-inline[b-shpboku8u1] {
    margin-bottom: var(--space-5);
    padding: 0 var(--space-4);
    background: var(--color-surface);
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius-md);
}

.docs-article__toc-toggle[b-shpboku8u1] {
    display: flex;
    align-items: center;
    min-height: var(--tap-target);
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
    cursor: pointer;
}

.docs-article__toc-inline[open][b-shpboku8u1] {
    padding-bottom: var(--space-2);
}

/* ---- Previous / next ---- */
.docs-pager[b-shpboku8u1] {
    display: grid;
    gap: var(--space-3);
    margin-top: var(--space-7);
    padding-top: var(--space-5);
    border-top: var(--border-width) solid var(--color-border);
}

.docs-pager__link[b-shpboku8u1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-height: var(--tap-target);
    padding: var(--space-3) var(--space-4);
    background: var(--color-surface);
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius-md);
    text-decoration: none;
}

.docs-pager__link:hover[b-shpboku8u1] {
    background: var(--color-surface-raised);
    border-color: var(--color-border-strong);
}

.docs-pager__title[b-shpboku8u1] {
    font-weight: var(--weight-bold);
    color: var(--color-text);
}

@media (min-width: 36rem) {
    .docs-pager[b-shpboku8u1] {
        grid-template-columns: 1fr 1fr;
    }

    .docs-pager__link--next[b-shpboku8u1] {
        grid-column: 2;
        text-align: right;
    }
}

/* Widest screens: "On this page" moves to its own column and stays in view while reading. */
@media (min-width: 80rem) {
    .docs-article[b-shpboku8u1] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 13rem;
        gap: var(--space-6);
    }

    .docs-article__toc-inline[b-shpboku8u1] {
        display: none;
    }

    .docs-article__toc[b-shpboku8u1] {
        display: block;
        position: sticky;
        top: calc(var(--header-height) + var(--space-5));
        align-self: start;
        max-height: calc(100vh - var(--header-height) - var(--space-7));
        overflow-y: auto;
        padding-left: var(--space-4);
        border-left: var(--border-width) solid var(--color-border);
    }
}
/* /Components/Pages/DocsHome.razor.rz.scp.css */
.docs-home__header[b-72mcq3ycuw] {
    margin-bottom: var(--space-5);
}

.docs-home__section + .docs-home__section[b-72mcq3ycuw] {
    margin-top: var(--space-7);
}

.docs-home__section-title[b-72mcq3ycuw] {
    margin-bottom: var(--space-4);
    font-size: var(--text-xl);
}
/* /Components/Pages/GetStarted.razor.rz.scp.css */
.join__header[b-fxwswlbmxp] {
    margin-bottom: var(--space-6);
}

/* ---- Numbered steps ----
   The list is a real ordered list; the large numerals are drawn from its counter. */
.join-steps[b-fxwswlbmxp] {
    counter-reset: join-step;
}

.join-step[b-fxwswlbmxp] {
    counter-increment: join-step;
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    gap: var(--space-4);
    padding-block: var(--space-5);
    border-top: var(--border-width) solid var(--color-border);
}

.join-step:last-child[b-fxwswlbmxp] {
    border-bottom: var(--border-width) solid var(--color-border);
}

.join-step[b-fxwswlbmxp]::before {
    content: counter(join-step);
    font-family: var(--font-heading);
    font-size: var(--text-3xl);
    font-weight: var(--weight-bold);
    line-height: 0.9;
    color: var(--color-accent);
    font-variant-numeric: tabular-nums;
}

.join-step__body[b-fxwswlbmxp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.join-step__title[b-fxwswlbmxp] {
    font-size: var(--text-xl);
}

.join-step__action[b-fxwswlbmxp] {
    margin-top: var(--space-2);
}

@media (min-width: 48rem) {
    .join-step[b-fxwswlbmxp] {
        grid-template-columns: 4rem minmax(0, 1fr);
        gap: var(--space-5);
    }
}

/* ---- Sections under the steps ---- */
.join__section[b-fxwswlbmxp] {
    margin-top: var(--space-8);
}

.join__section > h2[b-fxwswlbmxp] {
    margin-bottom: var(--space-4);
}

.join-units[b-fxwswlbmxp] {
    border-top: var(--border-width) solid var(--color-border);
}

.join-units__row[b-fxwswlbmxp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-2) 0 var(--space-3);
    border-bottom: var(--border-width) solid var(--color-border);
}

.join-units__text[b-fxwswlbmxp] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.join-units__name[b-fxwswlbmxp] {
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-target);
    font-weight: var(--weight-bold);
    color: var(--color-text);
}

/* ---- Questions: each opens in place, no script ---- */
.join-faq[b-fxwswlbmxp] {
    border-top: var(--border-width) solid var(--color-border);
}

.join-faq__item[b-fxwswlbmxp] {
    border-bottom: var(--border-width) solid var(--color-border);
}

.join-faq__question[b-fxwswlbmxp] {
    display: flex;
    align-items: center;
    min-height: 3.25rem;
    padding-block: var(--space-2);
    font-weight: var(--weight-bold);
    cursor: pointer;
}

.join-faq__question:hover[b-fxwswlbmxp] {
    color: var(--color-link);
}

.join-faq__answer[b-fxwswlbmxp] {
    max-width: var(--layout-prose-width);
    padding-bottom: var(--space-4);
    color: var(--color-text-muted);
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* The status area sits close under the hero and stays visually quieter than the hero actions. */
.home__status[b-827vv2ib1e] {
    padding-block: var(--space-6) 0;
}

.home__status-block[b-827vv2ib1e] {
    max-width: 28rem;
}

.home__heading[b-827vv2ib1e] {
    margin-bottom: var(--space-5);
}

.home__heading--with-link[b-827vv2ib1e] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-2) var(--space-4);
}

/* Cards stack in one column on phones and share the row evenly on wider screens. */
.home__grid[b-827vv2ib1e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
    gap: var(--space-4);
}

.home__grid--media[b-827vv2ib1e] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
}
/* /Components/Pages/MediaGallery.razor.rz.scp.css */
.media__header[b-x7u7safgxq] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-2) var(--space-4);
    margin-bottom: var(--space-6);
}

.media__group + .media__group[b-x7u7safgxq] {
    margin-top: var(--space-7);
}

.media__category[b-x7u7safgxq] {
    margin-bottom: var(--space-4);
    font-size: var(--text-xl);
}

.media__grid[b-x7u7safgxq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr));
    gap: var(--space-5) var(--space-4);
}
/* /Components/Pages/ServerInfo.razor.rz.scp.css */
.server__header[b-lmqtaf8xjr] {
    margin-bottom: var(--space-5);
}

.server__status[b-lmqtaf8xjr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    max-width: 32rem;
}

.server__prose[b-lmqtaf8xjr] {
    margin-top: var(--space-8);
}
/* /Components/Pages/StaffDirectory.razor.rz.scp.css */
.staff__header[b-gcwpn45ii6] {
    margin-bottom: var(--space-6);
}

.staff__group + .staff__group[b-gcwpn45ii6] {
    margin-top: var(--space-7);
}

.staff__team[b-gcwpn45ii6] {
    margin-bottom: var(--space-4);
    font-size: var(--text-xl);
}
/* /Components/Pages/StyleGuide.razor.rz.scp.css */
.styleguide[b-bm8o2all6n] {
    padding-block: var(--space-7);
}

.styleguide__section[b-bm8o2all6n] {
    margin-top: var(--space-8);
    padding-top: var(--space-6);
    border-top: var(--border-width) solid var(--color-border);
}

.styleguide__section > h2[b-bm8o2all6n] {
    margin-bottom: var(--space-5);
}

.styleguide__swatches[b-bm8o2all6n] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
    gap: var(--space-4);
}

.styleguide__swatch[b-bm8o2all6n] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
}

.styleguide__chip[b-bm8o2all6n] {
    height: 4rem;
    margin-bottom: var(--space-1);
    border: var(--border-width) solid var(--color-border-strong);
    border-radius: var(--radius-sm);
}

.styleguide__token[b-bm8o2all6n] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    overflow-wrap: anywhere;
}

.styleguide__type > * + *[b-bm8o2all6n] {
    margin-top: var(--space-4);
}

.styleguide__type > p:not(.text-display):not(.text-lead)[b-bm8o2all6n] {
    max-width: var(--layout-prose-width);
}

.styleguide__rows[b-bm8o2all6n] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.styleguide__row[b-bm8o2all6n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3);
}

.styleguide__cards[b-bm8o2all6n] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: var(--space-4);
    margin-top: var(--space-4);
}

.styleguide__surface[b-bm8o2all6n] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-5);
}

.styleguide__next-step[b-bm8o2all6n] {
    padding-bottom: var(--space-7);
}