@layer reset, tokens, base, utilities, components, pages;

@layer reset {

  *,
  *:before,
  *:after {
    box-sizing: border-box
  }

  html {
    color-scheme: dark;
    scroll-behavior: smooth
  }

  body,
  h1,
  h2,
  h3,
  h4,
  p,
  figure,
  blockquote,
  dl,
  dd {
    margin: 0
  }

  img,
  svg {
    display: block;
    max-inline-size: 100%
  }

  button,
  input,
  select,
  textarea {
    font: inherit;
    color: inherit
  }

  button,
  [type=button],
  [type=submit] {
    cursor: pointer
  }

  a {
    color: inherit;
    text-decoration: none
  }
}

@layer tokens {
  :root {
    --page-background: #050506;
    --page-surface: rgba(12, 12, 12, .95);
    --page-surface-strong: rgba(18, 18, 18, .98);
    --page-surface-soft: rgba(24, 24, 24, .94);
    --page-surface-ghost: rgba(255, 255, 255, .045);
    --page-border: rgba(160, 0, 0, .2);
    --page-border-strong: rgba(255, 0, 10, .58);
    --page-text: #f2f2f2;
    --page-text-muted: #c7c7c7;
    --page-text-soft: #9a9a9a;
    --page-accent: #a00000;
    --page-accent-strong: #ff000a;
    --page-accent-soft: rgba(65, 10, 10, 0.1);
    --page-alert: #ff000a;
    --page-success: #6fa978;
    --page-shadow: 0 24px 72px rgba(0, 0, 0, .36);
    --page-shadow-soft: 0 16px 40px rgba(0, 0, 0, .22);
    --radius-xs: .55rem;
    --radius-sm: .95rem;
    --radius-md: 1.35rem;
    --radius-lg: 1.9rem;
    --radius-pill: 999px;
    --space-xs: .55rem;
    --space-sm: .8rem;
    --space-md: 1.1rem;
    --space-lg: 1.6rem;
    --space-xl: 2.4rem;
    --space-2xl: 3.4rem;
    --space-3xl: 5rem;
    --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
    --font-sans: "IBM Plex Sans", system-ui, sans-serif;
    --font-mono: "IBM Plex Mono", monospace;
    --duration-fast: .16s;
    --duration-base: .22s;
    --ease-standard: cubic-bezier(.2, .8, .2, 1);
    --max-width: 84rem
  }
}

@layer base {
  body {
    min-block-size: 100vh;
    background: var(--page-background);
    color: var(--page-text);
    font-family: var(--font-sans);
    font-size: .95rem;
    line-height: 1.6;
    letter-spacing: .01em;
    overflow-x: clip
  }

  body:before,
  body:after {
    content: none;
    display: none
  }

  ::selection {
    background: #410a0a15;
    color: var(--page-text)
  }

  :focus-visible {
    outline: 2px solid var(--page-accent-strong);
    outline-offset: 3px
  }

  h1,
  h2,
  h3 {
    font-family: var(--font-display);
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1;
    text-wrap: balance
  }

  h1 {
    font-size: clamp(1.46rem, 2.75vw, 2.16rem)
  }

  h2 {
    font-size: clamp(1.05rem, 1.85vw, 1.36rem)
  }

  h3 {
    font-size: clamp(.89rem, 1.2vw, 1.02rem)
  }

  p,
  label,
  input,
  select,
  textarea {
    color: var(--page-text-muted)
  }

  dialog {
    border: 0
  }
}

@layer utilities {

  a[href],
  button.stack-link--button {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #8d43ff;
    text-decoration-thickness: 1px;
    text-underline-offset: .22rem
  }

  .brand-lockup {
    text-decoration: none
  }

  .eyebrow {
    color: var(--page-accent);
    font-family: var(--font-display);
    font-size: .78rem;
    letter-spacing: .14em;
    text-transform: uppercase
  }

  .button-row,
  .hero__actions,
  .dialog-actions,
  .home-jump-link {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem
  }

  .stack-links {
    display: grid;
    gap: .7rem
  }

  .stack-link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: .55rem;
    color: var(--page-text);
    inline-size: fit-content;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #8d43ff;
    text-decoration-thickness: 1px;
    text-underline-offset: .22rem;
    transition: color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)
  }

  .stack-link__label {
    min-inline-size: 0
  }

  .stack-link:hover,
  .stack-link:focus-visible {
    color: var(--page-accent-strong);
    transform: translate(.12rem)
  }

  .stack-link__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--page-accent-strong);
    flex: 0 0 auto;
    text-decoration: none
  }

  .stack-link--button {
    background: none;
    border: 0;
    padding: 0;
    text-align: left
  }
}

@layer components {
  .skip-link {
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-start: 1rem;
    z-index: 40;
    padding: .7rem 1rem;
    border-radius: var(--radius-pill);
    background: var(--page-accent);
    color: #f7f9fb;
    transform: translateY(-150%);
    transition: transform var(--duration-fast) var(--ease-standard)
  }

  .skip-link:focus {
    transform: translateY(0)
  }

  .site-shell {
    inline-size: min(100%, var(--max-width));
    margin-inline: auto;
    padding: 1rem
  }

  .site-header {
    position: sticky;
    inset-block-start: .45rem;
    z-index: 30;
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: .75rem;
    align-items: center;
    padding: .62rem .8rem;
    margin-block-end: .8rem;
    border: 1px solid var(--page-border);
    border-radius: calc(var(--radius-md)+.35rem);
    background: linear-gradient(180deg, #131214f5, #0c0b0cf2), var(--page-surface);
    backdrop-filter: blur(22px);
    box-shadow: var(--page-shadow-soft)
  }

  .site-header__brand,
  .site-header__actions {
    display: flex;
    align-items: center;
    gap: .75rem
  }

  .site-header__brand {
    grid-column: 1 / 3;
    min-inline-size: 0
  }

  .site-header__actions {
    grid-column: 3;
    justify-content: flex-end;
    justify-self: end;
    position: relative
  }

  .site-header__search {
    display: none;
    position: relative;
    min-inline-size: 0
  }

  .site-search-inline {
    position: relative;
    display: block
  }

  .site-search-inline__label {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap
  }

  .site-search-inline__input {
    inline-size: 100%;
    min-block-size: 2.7rem;
    padding: .7rem .95rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: var(--radius-pill);
    background: #0a090ae6;
    color: var(--page-text)
  }

  .site-search-inline__input:focus {
    border-color: var(--page-border-strong);
    outline: none
  }

  .brand-lockup {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    min-inline-size: 0
  }

  .brand-lockup img {
    inline-size: clamp(2.5rem, 6vw, 3.05rem);
    block-size: clamp(2.5rem, 6vw, 3.05rem);
    object-fit: contain;
    filter: drop-shadow(0 12px 24px rgba(0, 0, 0, .32))
  }

  .brand-lockup span {
    display: grid;
    gap: .15rem
  }

  .brand-lockup strong {
    color: var(--page-text);
    font-family: var(--font-display);
    font-size: 1.18rem;
    letter-spacing: .04em;
    text-transform: uppercase
  }

  .brand-lockup small {
    color: var(--page-text-soft);
    font-size: .76rem;
    letter-spacing: .08em;
    text-transform: uppercase
  }

  .site-header__menu {
    grid-column: 4;
    justify-self: end
  }

  .site-nav {
    display: flex;
    flex-wrap: wrap;
    grid-column: 1 / -1;
    gap: .55rem;
    align-items: center;
    padding-block-start: .3rem
  }

  .site-nav__group {
    display: inline-grid;
    position: relative
  }

  .site-nav__group summary {
    list-style: none
  }

  .site-nav__group summary::-webkit-details-marker {
    display: none
  }

  .site-nav__link--group:after {
    content: "\f078";
    margin-inline-start: .45rem;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--page-text-soft);
    font-size: .8rem
  }

  .site-nav__link--group {
    cursor: pointer
  }

  .site-nav__group[open] .site-nav__link--group:after,
  .site-nav__group.is-current .site-nav__link--group:after {
    color: var(--page-text)
  }

  .site-nav__menu {
    display: grid;
    gap: .35rem;
    padding-block-start: .35rem
  }

  .site-nav__group[open] .site-nav__menu {
    display: grid
  }

  .site-nav__menu-head,
  .site-nav__menu-sections,
  .site-nav__menu-links {
    display: grid;
    gap: .5rem
  }

  .site-nav__menu-head {
    padding-block-end: .35rem;
    border-block-end: 1px solid rgba(255, 255, 255, .06)
  }

  .site-nav__menu-index,
  .site-nav__submenu-item,
  .site-nav__menu-label {
    display: flex;
    align-items: center;
    gap: .65rem
  }

  .site-nav__menu-label {
    color: var(--page-text);
    font-size: .92rem;
    font-weight: 600
  }

  .site-nav__menu-index {
    min-block-size: 2.4rem;
    padding-inline: .75rem;
    border-radius: .85rem;
    color: var(--page-text);
    background: #ffffff0a
  }

  .site-nav__submenu-item {
    min-block-size: 2.2rem;
    padding-inline: .75rem;
    border-radius: .85rem;
    color: var(--page-text-muted);
    background: #ffffff08;
    transition: color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard)
  }

  .site-nav__submenu-link {
    display: inline-flex;
    align-items: center;
    flex: 1 1 auto;
    min-inline-size: 0;
    min-block-size: inherit;
    padding: 0;
    border-radius: inherit;
    color: inherit;
    background: transparent;
    transform: none
  }

  .site-nav__submenu-link>span:last-child {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .site-nav__submenu-item:hover,
  .site-nav__submenu-item:has(.site-nav__submenu-link:focus-visible),
  .site-nav__submenu-item:has(.site-nav__submenu-link.is-current),
  .site-nav__menu-index:hover,
  .site-nav__menu-index:focus-visible {
    color: var(--page-text);
    background: var(--page-surface-ghost)
  }

  .site-nav__menu-links--single {
    max-block-size: min(70vh, 30rem);
    overflow: auto
  }

  .site-nav__submenu-icon,
  .site-nav__section-icon,
  .tool-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 1.2rem;
    block-size: 1.2rem;
    color: var(--page-accent-strong);
    flex: 0 0 auto
  }

  .site-nav__submenu-icon svg,
  .site-nav__section-icon svg,
  .tool-card__icon svg {
    inline-size: 100%;
    block-size: 100%
  }

  body[data-nav-open=true] .site-nav {
    display: flex
  }

  .site-nav__link {
    display: inline-flex;
    align-items: center;
    min-block-size: 2.45rem;
    padding-inline: .72rem;
    border-radius: var(--radius-pill);
    color: var(--page-text-muted);
    transition: color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)
  }

  .site-nav__link:hover,
  .site-nav__link:focus-visible,
  .site-nav__link.is-current {
    color: var(--page-text);
    background: var(--page-surface-ghost);
    transform: translateY(-1px)
  }

  .site-nav__group.is-current>.site-nav__link--group,
  .site-nav__group[open]>.site-nav__link--group {
    color: var(--page-text);
    background: var(--page-surface-ghost)
  }

  .site-nav__link--auth {
    border: 1px solid var(--page-border)
  }

  .icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: 2.45rem;
    padding-inline: .9rem;
    border: 1px solid var(--page-border);
    border-radius: var(--radius-pill);
    background: #ffffff05;
    color: var(--page-text-muted);
    transition: border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)
  }

  .icon-button:hover,
  .icon-button:focus-visible,
  .icon-button[aria-expanded=true] {
    color: var(--page-text);
    border-color: var(--page-border-strong);
    background: #ffffff0f;
    transform: translateY(-1px)
  }

  .account-popover {
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: calc(100%+.8rem);
    inline-size: min(20rem, calc(100vw - 2rem));
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--page-border);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, #151315fa, #0c0b0cfa), var(--page-surface-strong);
    box-shadow: var(--page-shadow)
  }

  .account-popover__summary {
    display: grid;
    gap: .18rem
  }

  .account-popover__summary strong {
    color: var(--page-text);
    font-size: 1.12rem
  }

  .account-popover__summary span {
    color: var(--page-text-soft);
    font-size: .95rem
  }

  .site-frame {
    display: grid;
    gap: 1.2rem
  }

  .site-main {
    border: 1px solid var(--page-border);
    border-radius: var(--radius-lg);
    background: linear-gradient(180deg, #121112f0, #0a090af2), var(--page-surface);
    box-shadow: var(--page-shadow-soft)
  }

  .site-main {
    container-type: inline-size;
    padding: clamp(.95rem, 1.7vw, 1.35rem)
  }

  .site-panel {
    display: grid;
    gap: 1rem;
    align-content: start;
    padding: 0
  }

  .panel-card,
  .hero__feature-card,
  .feature-card,
  .stat-card,
  .timeline-card,
  .support-card,
  .review-card,
  .tool-card,
  .results-shell,
  .status-card,
  .search-result-card,
  .contact-module,
  .command-list,
  .command-detail-panel {
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, #ffffff09, #ffffff04), var(--page-surface-soft)
  }

  .panel-card,
  .hero__feature-card,
  .feature-card,
  .stat-card,
  .timeline-card,
  .support-card,
  .review-card,
  .tool-card,
  .results-shell,
  .status-card,
  .search-result-card,
  .contact-module {
    padding: 1.15rem
  }

  .page-heading,
  .section-heading,
  .hero__copy,
  .hero__feature-card,
  .feature-card,
  .timeline-card,
  .support-card,
  .review-card,
  .tool-card,
  .status-card,
  .search-result-card,
  .contact-module,
  .command-detail {
    display: grid;
    gap: .85rem
  }

  .page-heading {
    margin-block-end: clamp(1rem, 2.4vw, 1.5rem)
  }

  .page-lead {
    max-inline-size: 52rem;
    font-size: clamp(.94rem, 1.2vw, 1rem)
  }

  .section-stack {
    display: grid;
    gap: 1.3rem;
    margin-block-start: clamp(1.15rem, 2.5vw, 1.6rem)
  }

  .section-stack--flush {
    margin-block-start: 0
  }

  .section-heading {
    max-inline-size: 48rem
  }

  .section-heading--split {
    display: flex;
    flex-wrap: wrap;
    gap: .9rem;
    align-items: end;
    justify-content: space-between
  }

  .section-grid,
  .support-grid,
  .stats-grid,
  .timeline-grid,
  .review-grid,
  .tool-grid,
  .search-result-grid {
    display: grid;
    gap: 1rem
  }

  .hero {
    display: grid;
    gap: 1rem;
    margin-block-end: 1.4rem
  }

  .hero__copy {
    padding: clamp(1.35rem, 3vw, 2rem);
    border: 1px solid rgb(255, 0, 0);
    background: #27000083;
    border-radius: var(--radius-md)
  }

  .hero__feature-card blockquote,
  .review-card blockquote {
    padding-inline-start: 1rem;
    border-inline-start: 2px solid rgba(210, 59, 78, .45);
    color: var(--page-text)
  }

  .hero__meta,
  .review-card__footer,
  .results-shell__header,
  .status-meta,
  .command-detail__header {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
    justify-content: space-between
  }

  .stat-card {
    min-block-size: 9rem
  }

  .stat-card strong {
    color: var(--page-text);
    font-family: var(--font-display);
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1
  }

  .timeline-card__step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: fit-content;
    min-inline-size: 2.5rem;
    padding: .25rem .55rem;
    border-radius: var(--radius-pill);
    background: var(--page-accent-soft);
    color: var(--page-accent-strong);
    font-family: var(--font-mono);
    font-size: .88rem;
    align-self: start;
    justify-self: start
  }

  .button,
  .filter-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: 3rem;
    padding-inline: 1rem 1.1rem;
    border: 1px solid transparent;
    border-radius: var(--radius-pill);
    font-weight: 600;
    transition: transform var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard)
  }

  .button:hover,
  .button:focus-visible,
  .filter-chip:hover,
  .filter-chip:focus-visible {
    transform: translateY(-1px)
  }

  .button--primary {
    background: linear-gradient(180deg, var(--page-accent-strong), var(--page-accent));
    color: #f7f9fb
  }

  .button--secondary,
  .filter-chip {
    border-color: var(--page-border);
    background: #ffffff06;
    color: var(--page-text)
  }

  .filter-chip.is-active {
    border-color: var(--page-border-strong);
    background: var(--page-accent-soft);
    color: var(--page-accent-strong)
  }

  .filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem
  }

  .field-grid {
    display: grid;
    gap: 1rem
  }

  .field {
    display: grid;
    gap: .5rem
  }

  .field__label {
    color: var(--page-text);
    font-size: .95rem
  }

  .field__control,
  .contact-module__textarea {
    inline-size: 100%;
    min-block-size: 2.8rem;
    padding: .82rem .92rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--radius-sm);
    background: #0a090bd1;
    color: var(--page-text)
  }

  .field__control::placeholder,
  .contact-module__textarea::placeholder {
    color: var(--page-text-soft)
  }

  .contact-module__textarea {
    min-block-size: 9rem;
    resize: vertical
  }

  .field__control:focus,
  .contact-module__textarea:focus {
    border-color: var(--page-border-strong);
    background: #0e0c0ef0;
    outline: none
  }

  .search-hint {
    font-size: .95rem;
    color: var(--page-text-soft)
  }

  .form-shell {
    min-block-size: 9rem
  }

  .form-shell--panel {
    min-block-size: 0
  }

  .contact-slot {
    display: grid;
    gap: .8rem;
    min-block-size: 0
  }

  .button-row--jump,
  .home-jump-link {
    margin-block-start: .2rem
  }

  .home-jump-link {
    justify-content: center;
    inline-size: 100%;
    text-align: center
  }

  .command-toolbar {
    display: grid;
    gap: .45rem
  }

  .command-toolbar__meta strong {
    color: var(--page-text)
  }

  .command-workbench {
    display: grid;
    gap: 1rem;
    align-items: start
  }

  .command-list,
  .command-detail-panel {
    padding: .6rem
  }

  .command-detail-panel {
    display: grid;
    align-content: start;
    gap: .75rem;
    min-block-size: 16rem;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, #ffffff0a, #ffffff04), #0a090bc2
  }

  .command-detail-panel--sidebar {
    padding: .85rem
  }

  .command-workbench__detail {
    display: grid;
    align-content: start;
    min-inline-size: 0
  }

  .command-list {
    display: grid;
    gap: .35rem
  }

  .command-list__item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .8rem;
    align-items: center;
    min-block-size: 3rem;
    padding: .75rem .9rem;
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--page-text-muted);
    text-align: left
  }

  .command-list__item:hover,
  .command-list__item:focus-visible,
  .command-list__item.is-active {
    background: #ffffff0b;
    color: var(--page-text);
    transform: translate(.12rem)
  }

  .command-list__slash {
    color: var(--page-accent);
    font-family: var(--font-display);
    font-size: 1.3rem
  }

  .command-detail {
    display: none
  }

  .command-detail.is-active {
    display: grid
  }

  .command-detail__body {
    display: grid;
    gap: .7rem
  }

  .command-detail__body p {
    color: var(--page-text)
  }

  .command-detail__actions {
    display: grid;
    gap: .8rem
  }

  .command-empty {
    padding: 1rem;
    border-radius: var(--radius-sm);
    border: 1px dashed rgba(255, 255, 255, .08);
    color: var(--page-text-soft)
  }

  .command-copy-card {
    display: grid;
    gap: .75rem
  }

  .command-copy-card__command {
    color: var(--page-text);
    font-family: var(--font-display);
    font-size: 1.2rem;
    line-height: 1
  }

  .command-copy-card__value {
    display: block;
    padding: .75rem .85rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: var(--radius-sm);
    background: #050505d6;
    color: var(--page-text);
    font-family: var(--font-mono);
    font-size: .82rem;
    overflow-wrap: anywhere
  }

  .reviews-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0 .25rem
  }

  .reviews-summary--compact {
    padding: .15rem 0 .35rem
  }

  .reviews-summary--compact p {
    color: var(--page-text)
  }

  .review-list {
    display: grid;
    gap: 1rem
  }

  .reviewer-details {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-block-size: 100%;
    overflow: hidden;
    border: 1px solid #2a3441;
    border-radius: .7rem;
    background: #0e141d;
    box-shadow: 0 2px 8px #0000004d;
    transition: border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)
  }

  .reviewer-details:hover,
  .reviewer-details:focus-within {
    border-color: #3a4a5a;
    box-shadow: 0 4px 12px #4ea5cd33;
    transform: translateY(-2px)
  }

  .reviewer-details.is-hidden {
    display: none
  }

  .review-header {
    display: flex;
    align-items: center;
    justify-content: center;
    min-block-size: 7.5rem;
    padding: 1.15rem;
    background: linear-gradient(135deg, #00b67a, #005128)
  }

  .review-header-content {
    text-align: center
  }

  .review-header .stars {
    font-size: 2.35rem;
    line-height: 1;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .3)
  }

  .review-header .header-label {
    margin-inline: auto;
    margin-block-start: .55rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    color: #fff;
    font-size: .88rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none
  }

  .review-source,
  .review-content {
    display: grid;
    gap: .6rem
  }

  .review-source {
    padding: .8rem 1rem;
    border-bottom: 1px solid #2a3441
  }

  .review-source h3 {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    align-items: center;
    color: #c4d4e4;
    font-size: .92rem
  }

  .review-verified {
    display: inline-flex;
    inline-size: fit-content;
    padding: .14rem .45rem;
    border-radius: .25rem;
    border: 1px solid rgba(5, 143, 12, .35);
    background: linear-gradient(135deg, #058f0c, #047a09);
    color: #fff;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase
  }

  .review-content {
    flex: 1 1 auto;
    padding: .85rem 1rem 1rem
  }

  .review-content blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    color: #8b95a0;
    font-size: .78rem;
    font-style: italic;
    line-height: 1.5
  }

  .review-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
    color: #8b95a0;
    font-size: .72rem
  }

  .review-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    inline-size: 100%;
    min-block-size: 2rem;
    padding: .55rem .9rem;
    border-radius: .3rem;
    background: #4ea5cd;
    color: #000;
    font-size: .78rem;
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #8d43ff;
    text-decoration-thickness: 1px;
    text-underline-offset: .18rem
  }

  .review-link:hover,
  .review-link:focus-visible {
    background: #5fb5dd;
    color: #000
  }

  .review-link__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
  }

  .review-card__badge,
  .search-result-card__meta span {
    display: inline-flex;
    inline-size: fit-content;
    padding: .28rem .55rem;
    border-radius: var(--radius-pill);
    background: #ffffff0d;
    color: var(--page-text-soft);
    font-size: .82rem;
    letter-spacing: .05em;
    text-transform: uppercase
  }

  .results-shell {
    gap: 1rem
  }

  .results-shell--dayz {
    padding: 1rem 1.1rem
  }

  .dayz-search-counter {
    color: var(--page-text-soft)
  }

  .dayz-search-results {
    display: grid;
    gap: 1rem
  }

  .dayz-search-card {
    display: grid;
    gap: .9rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, #ffffff08, #ffffff03), var(--page-surface-soft);
    cursor: pointer;
    transition: transform var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)
  }

  .dayz-search-card:hover,
  .dayz-search-card:focus-visible {
    transform: translateY(-2px);
    border-color: #ff000a2e;
    box-shadow: var(--page-shadow-soft)
  }

  .dayz-search-card__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .9rem;
    align-items: start
  }

  .dayz-search-card__image {
    inline-size: 5rem;
    block-size: 5rem;
    object-fit: contain;
    border-radius: .9rem;
    padding: .4rem;
    background: #ffffff0a
  }

  .dayz-search-card__image--blank {
    border: 1px dashed rgba(255, 255, 255, .08)
  }

  .dayz-search-card__title,
  .dayz-search-card__properties {
    display: grid;
    gap: .3rem
  }

  .dayz-search-card__name {
    color: var(--page-text);
    font-family: var(--font-display);
    font-size: 1.2rem;
    line-height: 1
  }

  .dayz-search-card__type {
    color: var(--page-text-soft);
    font-family: var(--font-mono);
    font-size: .85rem
  }

  .dayz-search-card__body {
    color: var(--page-text-muted)
  }

  .dayz-search-card__toggle {
    inline-size: 100%;
    padding: .7rem .9rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: var(--radius-sm);
    background: #ffffff09;
    color: var(--page-text);
    font-weight: 600
  }

  .dayz-search-card__extra {
    display: grid;
    gap: .8rem
  }

  .dayz-search-card__asset-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
    gap: .6rem
  }

  .dayz-search-card__asset {
    display: grid;
    gap: .35rem;
    padding: .55rem;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: var(--radius-sm);
    background: #ffffff06
  }

  .dayz-search-card__asset-image {
    inline-size: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    border-radius: var(--radius-xs);
    background: #0000005c
  }

  .dayz-search-card__asset-image--blank {
    background: linear-gradient(135deg, #a0000029, #ffffff05), #0000003d
  }

  .dayz-search-card__asset strong,
  .dayz-search-card__asset span {
    font-size: .76rem;
    line-height: 1.35
  }

  .dayz-search-card__asset span {
    color: var(--page-text-soft)
  }

  .dayz-search-card__extra-group {
    display: grid;
    gap: .45rem
  }

  .dayz-search-card__property {
    display: flex;
    gap: .55rem;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, .04);
    padding-bottom: .35rem
  }

  .dayz-search-card__property span {
    color: var(--page-text-soft)
  }

  .dayz-search-card__property strong {
    color: var(--page-text);
    font-weight: 600
  }

  .dayz-search-card__section {
    display: grid;
    gap: .45rem
  }

  .dayz-search-card__label {
    color: var(--page-text-soft);
    font-size: .82rem;
    letter-spacing: .06em;
    text-transform: uppercase
  }

  .dayz-search-card__list {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: 0;
    padding: 0;
    list-style: none
  }

  .dayz-search-card__list li {
    padding: .3rem .55rem;
    border-radius: var(--radius-pill);
    background: #ffffff0a;
    color: var(--page-text);
    font-size: .82rem
  }

  .dayz-search-popout {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 1rem
  }

  .dayz-search-popout__backdrop {
    position: absolute;
    inset: 0;
    background: #000000b8;
    backdrop-filter: blur(8px)
  }

  .dayz-search-popout__panel {
    position: relative;
    display: grid;
    gap: 1rem;
    inline-size: min(70rem, calc(100vw - 2rem));
    max-block-size: calc(100vh - 2rem);
    padding: 1rem 1.1rem;
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, #121113fa, #0a090bfa), var(--page-surface-strong);
    box-shadow: var(--page-shadow)
  }

  .dayz-search-popout__header,
  .dayz-search-popout__lead {
    display: grid;
    gap: 1rem
  }

  .dayz-search-popout__body,
  .dayz-search-popout__meta,
  .dayz-search-popout__section {
    display: grid;
    gap: .75rem
  }

  .dayz-search-popout__main-image,
  .dayz-search-popout__asset-image {
    inline-size: 100%;
    object-fit: contain;
    border-radius: var(--radius-sm);
    background: #ffffff0a
  }

  .dayz-search-popout__main-image {
    max-inline-size: 18rem;
    aspect-ratio: 1;
    justify-self: center;
    padding: .8rem
  }

  .dayz-search-popout__main-image--blank,
  .dayz-search-popout__asset-image--blank {
    border: 1px dashed rgba(255, 255, 255, .08)
  }

  .dayz-search-popout__facts {
    display: grid;
    gap: .35rem;
    margin: 0;
    padding-left: 1rem;
    color: var(--page-text-muted)
  }

  .dayz-search-popout__asset-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
    gap: .85rem
  }

  .dayz-search-popout__asset {
    display: grid;
    gap: .45rem;
    text-align: center
  }

  .dayz-search-popout__asset-image {
    aspect-ratio: 1;
    padding: .6rem
  }

  .dayz-search-popout__asset strong {
    color: var(--page-text);
    font-size: .9rem
  }

  .dayz-search-popout__asset span {
    color: var(--page-text-soft);
    font-size: .78rem
  }

  .no-results {
    padding: 2rem 1rem;
    color: var(--page-text-soft);
    text-align: center
  }

  .search-result-card {
    grid-template-columns: auto 1fr;
    align-items: start
  }

  .search-result-card__media {
    inline-size: 4.5rem;
    aspect-ratio: 1;
    border-radius: 1rem;
    overflow: hidden;
    background: #ffffff0a
  }

  .search-result-card__media img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover
  }

  .search-result-card__body {
    display: grid;
    gap: .65rem
  }

  .search-result-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem
  }

  .search-result-card__subline {
    color: var(--page-text-soft);
    font-family: var(--font-mono);
    font-size: .82rem
  }

  .contact-module__notice {
    padding: .85rem 1rem;
    border-radius: var(--radius-sm);
    background: #ffffff0a;
    color: var(--page-text)
  }

  .contact-module__notice[data-tone=error] {
    background: #bf4b4b24;
    color: #f1b6b6
  }

  .contact-module__notice[data-tone=success] {
    background: #6fa97824;
    color: #badebf
  }

  .contact-module__actions,
  .contact-module__form {
    display: grid;
    gap: .85rem
  }

  .site-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .8rem;
    padding: .7rem .95rem;
    margin-block-start: 1rem;
    border: 1px solid var(--page-border);
    border-radius: 1.4rem;
    background: #0e0c0dd1
  }

  .site-footer__lead {
    display: flex;
    align-items: center;
    gap: .8rem;
    flex: 0 0 auto;
    min-inline-size: 0
  }

  .site-footer__brand {
    color: var(--page-text);
    font-family: var(--font-display);
    font-size: 1.15rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap
  }

  .site-footer__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .85rem;
    margin-inline-start: auto;
    justify-content: flex-end;
    min-inline-size: 0
  }

  .site-footer .stack-link {
    font-size: .92rem
  }

  .site-context-menu {
    position: fixed;
    z-index: 90;
    display: none;
    min-inline-size: 13rem;
    padding: .45rem;
    border: 1px solid rgba(255, 0, 10, .34);
    border-radius: .95rem;
    background: linear-gradient(180deg, #121113fa, #0a090bfa), var(--page-surface-strong);
    box-shadow: var(--page-shadow);
    backdrop-filter: blur(14px)
  }

  .site-context-menu.is-open {
    display: grid
  }

  .site-context-menu__item {
    display: flex;
    align-items: center;
    gap: .7rem;
    inline-size: 100%;
    padding: .7rem .8rem;
    border: 0;
    border-radius: .75rem;
    background: transparent;
    color: var(--page-text);
    text-align: left
  }

  .site-context-menu__item i {
    color: var(--page-accent-strong)
  }

  .site-context-menu__item:hover,
  .site-context-menu__item:focus-visible {
    background: #ffffff0f;
    outline: none
  }

  .site-context-menu__item:disabled {
    opacity: .42;
    cursor: not-allowed
  }

  .site-dialog {
    inline-size: min(56rem, calc(100vw - 1.5rem));
    max-inline-size: none;
    padding: 0;
    background: transparent;
    color: var(--page-text)
  }

  .site-dialog::backdrop {
    background: #06080ab8;
    backdrop-filter: blur(10px)
  }

  .site-dialog__panel {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--page-border);
    border-radius: var(--radius-lg);
    background: linear-gradient(180deg, #151315fa, #0c0b0cf7), var(--page-surface-strong);
    box-shadow: var(--page-shadow)
  }

  .site-dialog__scrim {
    display: none
  }

  .site-dialog__header,
  .site-search-results {
    display: grid;
    gap: .9rem
  }

  .site-dialog__body--legal {
    display: grid;
    gap: .95rem
  }

  .site-search-results:empty:before {
    content: "Search the site index to reveal matching pages.";
    color: var(--page-text-soft)
  }

  .site-search-results--inline {
    position: absolute;
    inset-block-start: calc(100%+.55rem);
    inset-inline-end: 0;
    inline-size: min(30rem, 42vw);
    max-block-size: 24rem;
    overflow: auto;
    padding: .8rem;
    border: 1px solid var(--page-border);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, #121113fa, #0b0a0bfa), var(--page-surface-strong);
    box-shadow: var(--page-shadow)
  }

  .toast-stack {
    position: fixed;
    inset-inline-end: 1rem;
    inset-block-end: 1rem;
    z-index: 60;
    display: grid;
    gap: .65rem;
    inline-size: min(22rem, calc(100vw - 2rem))
  }

  .toast {
    display: grid;
    gap: .2rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: var(--radius-sm);
    background: #0c0b0cf5;
    box-shadow: var(--page-shadow-soft);
    animation: toast-in var(--duration-base) var(--ease-standard)
  }

  .toast[data-tone=success] {
    border-color: #6fa97847
  }

  .toast[data-tone=error] {
    border-color: #bf4b4b4d
  }

  .toast__title {
    color: var(--page-text);
    font-size: .98rem;
    font-weight: 600
  }

  .toast__body {
    color: var(--page-text-soft);
    font-size: .92rem
  }

  .rich-content,
  .faq-card,
  .video-card,
  .price-card,
  .form-card,
  .guide-step {
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, #ffffff09, #ffffff04), var(--page-surface-soft)
  }

  .rich-content,
  .faq-card,
  .price-card,
  .form-card {
    padding: 1.15rem
  }

  .rich-content {
    display: grid;
    gap: 1rem
  }

  .rich-content>*+* {
    margin-block-start: 0
  }

  .rich-content h2,
  .rich-content h3,
  .rich-content h4,
  .rich-content h5 {
    color: var(--page-text);
    line-height: 1.08
  }

  .rich-content p,
  .rich-content li,
  .rich-content figcaption {
    color: var(--page-text-muted)
  }

  .rich-content ul,
  .rich-content ol {
    display: grid;
    gap: .6rem;
    padding-inline-start: 1.25rem
  }

  .rich-content a {
    color: var(--page-text);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #8d43ff;
    text-decoration-thickness: 1px;
    text-underline-offset: .18rem
  }

  .rich-content code,
  .rich-content pre {
    font-family: var(--font-mono)
  }

  .rich-content code {
    padding: .12rem .42rem;
    border: 1px solid rgba(160, 0, 0, .35);
    border-radius: var(--radius-xs);
    background: #200000b3;
    color: #f5d4d6
  }

  .rich-content pre {
    overflow-x: auto;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(160, 0, 0, .28);
    border-left: 3px solid var(--page-accent-strong);
    border-radius: var(--radius-sm);
    background: linear-gradient(180deg, #16080af5, #08080af0), #09080aeb;
    color: #ececec;
    box-shadow: inset 0 1px #ffffff0a;
    white-space: pre-wrap;
    line-height: 1.55
  }

  .rich-content pre code {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit
  }

  .rich-content table {
    inline-size: 100%;
    border-collapse: collapse
  }

  .rich-content th,
  .rich-content td {
    padding: .8rem;
    border: 1px solid rgba(255, 255, 255, .08);
    text-align: left;
    vertical-align: top
  }

  .rich-content th {
    color: var(--page-text);
    font-weight: 600;
    background: #ffffff0a
  }

  .rich-content details {
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: var(--radius-sm);
    background: #ffffff08
  }

  .rich-content summary {
    cursor: pointer;
    color: var(--page-text);
    font-weight: 600
  }

  .rich-content figure {
    display: grid;
    gap: .7rem
  }

  .rich-content img {
    border-radius: var(--radius-sm);
    border: 1px solid rgba(255, 255, 255, .06)
  }

  .feature-grid,
  .faq-grid,
  .video-grid,
  .pricing-grid,
  .membership-grid,
  .guide-steps {
    display: grid;
    gap: 1rem
  }

  .feature-grid--dense {
    gap: .9rem
  }

  .feature-card h3,
  .faq-card h3 {
    color: var(--page-accent-strong)
  }

  .faq-card,
  .price-card,
  .form-card,
  .video-card,
  .guide-step {
    display: grid;
    gap: .85rem
  }

  .faq-card h3,
  .price-card h3,
  .video-card h3,
  .guide-step h3 {
    color: var(--page-text)
  }

  .video-card {
    overflow: hidden
  }

  .video-card__media {
    padding: .85rem;
    background: #040404b3
  }

  .video-card__media .video-embed {
    box-shadow: none
  }

  .video-card__thumb {
    inline-size: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background: #ffffff0a
  }

  .video-card__body {
    display: grid;
    gap: .75rem;
    padding: 1rem
  }

  .tool-card__title {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .8rem
  }

  .tool-card__icon {
    inline-size: 1.4rem;
    block-size: 1.4rem;
    margin-block-start: .1rem
  }

  .video-embed {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: var(--radius-md);
    background: #060507f0;
    box-shadow: var(--page-shadow-soft)
  }

  .video-embed iframe,
  .video-embed video {
    display: block;
    inline-size: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    background: #000
  }

  .membership-note {
    padding: 1rem 1.15rem;
    border: 1px solid var(--page-border);
    border-radius: var(--radius-md);
    background: #a6263614;
    color: var(--page-text)
  }

  .price-card.is-featured {
    border-color: var(--page-border-strong);
    background: linear-gradient(180deg, #a626361f, #ffffff04), var(--page-surface-soft)
  }

  .membership-form {
    display: grid;
    gap: 1rem
  }

  .guide-step {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    padding: 1rem
  }

  .guide-step__index {
    display: grid;
    place-items: center;
    inline-size: 3rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #a6263624;
    color: var(--page-accent-strong);
    font-family: var(--font-display);
    font-size: 1.15rem;
    letter-spacing: .08em
  }

  .tool-stage {
    display: grid;
    gap: 1rem
  }

  .tool-stage__links {
    align-items: stretch
  }

  .tool-embed .hidden {
    display: none
  }

  .tool-embed {
    position: relative;
    overflow: hidden;
    padding: clamp(.85rem, 2vw, 1.1rem);
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, #ffffff09, #ffffff04), #09080acc;
    box-shadow: inset 0 1px #ffffff08
  }

  .tool-embed a {
    color: inherit
  }

  .tool-embed img {
    max-inline-size: 100%
  }

  .tool-embed pre,
  .tool-embed code,
  .tool-embed textarea {
    font-family: var(--font-mono)
  }

  .tool-embed .container-fluid {
    inline-size: 100%
  }

  .tool-embed .position-relative {
    position: relative
  }

  .tool-embed .d-flex {
    display: flex
  }

  .tool-embed .flex-column {
    flex-direction: column
  }

  .tool-embed .flex-wrap {
    flex-wrap: wrap
  }

  .tool-embed .flex-nowrap {
    flex-wrap: nowrap
  }

  .tool-embed .align-items-center {
    align-items: center
  }

  .tool-embed .align-items-start {
    align-items: flex-start
  }

  .tool-embed .justify-content-between {
    justify-content: space-between
  }

  .tool-embed .justify-content-center {
    justify-content: center
  }

  .tool-embed .justify-content-end {
    justify-content: flex-end
  }

  .tool-embed .gap-1 {
    gap: .25rem
  }

  .tool-embed .gap-2 {
    gap: .5rem
  }

  .tool-embed .gap-3 {
    gap: .75rem
  }

  .tool-embed .gap-4 {
    gap: 1rem
  }

  .tool-embed .w-100 {
    inline-size: 100%
  }

  .tool-embed .small {
    font-size: .82rem
  }

  .tool-embed .text-center {
    text-align: center
  }

  .tool-embed .text-light {
    color: var(--page-text)
  }

  .tool-embed .text-muted {
    color: var(--page-text-soft)
  }

  .tool-embed .d-none,
  .tool-embed [hidden] {
    display: none
  }

  .tool-embed .b-dark,
  .tool-embed .card,
  .tool-embed .modal-content {
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: var(--radius-sm);
    background: #0e0e0ee0;
    box-shadow: var(--page-shadow-soft)
  }

  .tool-embed .card-body,
  .tool-embed .modal-content {
    padding: 1rem
  }

  .tool-embed .row {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr))
  }

  .tool-embed .col {
    min-inline-size: 0
  }

  .tool-embed input,
  .tool-embed select,
  .tool-embed textarea {
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .7rem;
    background: #080808eb;
    color: var(--page-text)
  }

  .tool-embed input::placeholder,
  .tool-embed textarea::placeholder {
    color: var(--page-text-soft)
  }

  .page-tool-app--economy-calculator #multiplier-form {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: end;
    justify-content: center
  }

  .page-tool-app--economy-calculator #payout-table {
    margin-inline: auto;
    border-color: #ffffff1a;
    color: var(--page-text)
  }

  .page-tool-app--economy-calculator #receipt {
    min-inline-size: min(100%, 22rem);
    padding: .75rem .9rem;
    border: 1px dashed #776d5f;
    border-radius: .5rem;
    background: #121214;
    color: #c8c2a5;
    box-shadow: 0 12px 24px #00000059;
    font-family: var(--font-mono)
  }

  .page-tool-app--economy-calculator #receipt * {
    color: inherit
  }

  .page-tool-app--economy-calculator #receipt .receipt-title {
    color: #cdbf9a;
    border-bottom: 2px solid #776d5f;
    margin: .25rem 0 .5rem;
    padding-bottom: .25rem;
    font-size: .75rem;
    letter-spacing: .08em;
    text-transform: uppercase
  }

  .page-tool-app--economy-calculator #receipt .receipt-section {
    margin: .4rem 0
  }

  .page-tool-app--economy-calculator #receipt .bill-line {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    padding: .18rem 0
  }

  .page-tool-app--economy-calculator #receipt .bill-item {
    color: #c8c2a5
  }

  .page-tool-app--economy-calculator #receipt .bill-fill {
    flex: 1 1 auto;
    border-bottom: 1px dotted #776d5f;
    opacity: .6;
    transform: translateY(-2px)
  }

  .page-tool-app--economy-calculator #receipt .bill-price {
    margin-left: auto;
    color: #e6dbb4;
    font-variant-numeric: tabular-nums
  }

  .tool-embed .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-block-size: 2.75rem;
    padding-inline: .95rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .8rem;
    background: #ffffff06;
    color: var(--page-text);
    font-weight: 600;
    transition: transform var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard)
  }

  .tool-embed .btn:hover,
  .tool-embed .btn:focus-visible {
    transform: translateY(-1px);
    border-color: var(--page-border-strong);
    background: #ffffff0f
  }

  .tool-embed .btn-sm {
    min-block-size: 2.2rem;
    padding-inline: .75rem;
    font-size: .9rem
  }

  .tool-embed .btn-lg {
    min-block-size: 3rem;
    padding-inline: 1.15rem
  }

  .tool-embed .btn-outline-light,
  .tool-embed .btn-outline-secondary,
  .tool-embed .btn-secondary,
  .tool-embed .btn-light,
  .tool-embed .btn-dark {
    border-color: var(--page-border);
    background: #ffffff0a;
    color: var(--page-text)
  }

  .tool-embed .btn-outline-primary,
  .tool-embed .btn-primary {
    border-color: #d23b4e5c;
    background: linear-gradient(180deg, #d23b4ee6, #9b1f2feb);
    color: #f7f9fb
  }

  .tool-embed .btn-info,
  .tool-embed .btn-warning {
    border-color: #d23b4e4d;
    background: #a6263624;
    color: var(--page-text)
  }

  .tool-embed .btn-success,
  .tool-embed .btn-outline-success {
    border-color: #6fa97852;
    background: #6fa97824;
    color: #d8ebdb
  }

  .tool-embed .btn-outline-danger,
  .tool-embed .btn-danger {
    border-color: #bf4b4b4d;
    background: #bf4b4b1f;
    color: #f0b5b5
  }

  .tool-embed button:not(.btn):not(.icon-button),
  .tool-embed input[type=button],
  .tool-embed input[type=submit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-block-size: 2.75rem;
    padding-inline: .95rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .8rem;
    background: #ffffff06;
    color: var(--page-text)
  }

  .tool-embed .form-label {
    display: block;
    margin-block-end: .38rem;
    color: var(--page-text)
  }

  .tool-embed .form-control,
  .tool-embed .form-select,
  .tool-embed input[type=text],
  .tool-embed input[type=search],
  .tool-embed input[type=number],
  .tool-embed input[type=file],
  .tool-embed select,
  .tool-embed textarea {
    inline-size: 100%;
    min-block-size: 2.85rem;
    padding: .75rem .85rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .85rem;
    background: #090b0fcc;
    color: var(--page-text)
  }

  .tool-embed .form-control::placeholder,
  .tool-embed input::placeholder,
  .tool-embed textarea::placeholder {
    color: var(--page-text-soft)
  }

  .tool-embed input[type=file]::file-selector-button,
  .tool-embed input[type=file]::-webkit-file-upload-button {
    margin-inline-end: .85rem;
    padding: .5rem .8rem;
    border: 1px solid var(--page-border);
    border-radius: .7rem;
    background: #a6263629;
    color: var(--page-text)
  }

  .tool-embed textarea {
    min-block-size: 8rem;
    resize: vertical
  }

  .tool-embed .form-control-sm,
  .tool-embed .form-select-sm {
    min-block-size: 2.35rem;
    padding-block: .55rem;
    font-size: .92rem
  }

  .tool-embed .form-control:focus,
  .tool-embed .form-select:focus,
  .tool-embed input:focus,
  .tool-embed select:focus,
  .tool-embed textarea:focus {
    border-color: var(--page-border-strong);
    outline: none
  }

  .tool-embed .form-check {
    display: flex;
    align-items: center;
    gap: .45rem
  }

  .tool-embed .form-check-input {
    inline-size: 1rem;
    block-size: 1rem;
    margin: 0
  }

  .tool-embed .form-check-label {
    color: var(--page-text-muted)
  }

  .tool-embed .dropdown-item {
    display: block;
    padding: .55rem .7rem;
    border-radius: .7rem;
    color: var(--page-text)
  }

  .tool-embed .dropdown-menu,
  .tool-embed .bg-dark,
  .tool-embed .input-group-text {
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: .85rem;
    background: #090b0ff0;
    color: var(--page-text)
  }

  .tool-embed .dropdown-menu {
    padding: .35rem
  }

  .tool-embed .text-secondary {
    color: var(--page-text-soft)
  }

  .tool-embed .badge {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .28rem .55rem;
    border-radius: 999px;
    background: #ffffff14;
    color: var(--page-text)
  }

  .tool-embed .dropdown-item:hover,
  .tool-embed .dropdown-item:focus-visible {
    background: #ffffff0f
  }

  .tool-embed .modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 70;
    padding: 1rem;
    background: #06080ab8;
    backdrop-filter: blur(10px)
  }

  .tool-embed .alert {
    padding: .85rem 1rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .85rem
  }

  .tool-embed .alert-info {
    border-color: #ffffff1f;
    background: #ffffff0d;
    color: var(--page-text)
  }

  .tool-embed .alert-success {
    border-color: #6fa97847;
    background: #6fa9781f;
    color: #cfe6d2
  }

  .tool-embed .alert-warning {
    border-color: #d23b4e47;
    background: #a626361f;
    color: #ecd6aa
  }

  .tool-embed .alert-danger {
    border-color: #bf4b4b4d;
    background: #bf4b4b1f;
    color: #f0b5b5
  }

  .tool-embed .m-0 {
    margin: 0
  }

  .tool-embed .m-4 {
    margin: 1rem
  }

  .tool-embed .mt-1 {
    margin-block-start: .25rem
  }

  .tool-embed .mt-2 {
    margin-block-start: .5rem
  }

  .tool-embed .mt-3 {
    margin-block-start: .75rem
  }

  .tool-embed .mt-4 {
    margin-block-start: 1rem
  }

  .tool-embed .mb-0 {
    margin-block-end: 0
  }

  .tool-embed .mb-1 {
    margin-block-end: .25rem
  }

  .tool-embed .mb-2 {
    margin-block-end: .5rem
  }

  .tool-embed .mb-3 {
    margin-block-end: .75rem
  }

  .tool-embed .mb-4 {
    margin-block-end: 1rem
  }

  .tool-embed .me-1 {
    margin-inline-end: .25rem
  }

  .tool-embed .me-2 {
    margin-inline-end: .5rem
  }

  .tool-embed .ms-1 {
    margin-inline-start: .25rem
  }

  .tool-embed .p-0 {
    padding: 0
  }

  .tool-embed .p-1 {
    padding: .25rem
  }

  .tool-embed .p-2 {
    padding: .5rem
  }

  .tool-embed .p-3 {
    padding: .75rem
  }

  .tool-embed .p-4 {
    padding: 1rem
  }

  .tool-embed .py-0 {
    padding-block: 0
  }

  [hidden] {
    display: none
  }
}

@layer pages {

  .page-signin .status-card,
  .page-status-404 .status-card,
  .page-status-payment-failed .status-card,
  .page-status-login-failed .status-card {
    max-inline-size: 44rem
  }

  .page-tool-app .site-shell {
    --max-width: 110rem
  }

  .page-tool-app .site-header {
    gap: .65rem;
    padding: .52rem .74rem;
    margin-block-end: .7rem;
    border-radius: calc(var(--radius-md)+.15rem)
  }

  .page-tool-app .brand-lockup img {
    inline-size: 2.2rem;
    block-size: 2.2rem
  }

  .page-tool-app .brand-lockup strong {
    font-size: 1.05rem
  }

  .page-tool-app .brand-lockup small {
    font-size: .72rem
  }

  .page-tool-app .site-main {
    padding: clamp(1rem, 2vw, 1.35rem)
  }

  .page-tool-app .page-heading {
    gap: .45rem;
    margin-block-end: .85rem
  }

  .page-tool-app h1 {
    font-size: clamp(1.7rem, 3.1vw, 2.4rem)
  }

  .page-tool-app .page-lead {
    max-inline-size: 62rem;
    font-size: .94rem
  }

  .page-tool-app .tool-stage__links {
    gap: .65rem
  }

  .page-tool-app .tool-stage__links .button {
    min-block-size: 2.45rem;
    padding-inline: .85rem .95rem
  }

  .page-commands .site-shell {
    --max-width: 104rem
  }

  .page-commands .site-panel {
    gap: .85rem
  }

  .page-commands .command-list {
    max-inline-size: none
  }

  .page-legion .timeline-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@container (min-width:44rem) {
  .field-grid--search {
    grid-template-columns: minmax(0, 2fr) minmax(15rem, 1fr)
  }

  .stats-grid,
  .timeline-grid,
  .review-list,
  .review-grid,
  .tool-grid,
  .search-result-grid,
  .feature-grid,
  .faq-grid,
  .video-grid,
  .pricing-grid,
  .guide-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .membership-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .85fr)
  }
}

@container (min-width:48rem) {
  .command-workbench {
    grid-template-columns: minmax(0, 1.04fr) minmax(20rem, .96fr)
  }

  .command-list {
    max-block-size: calc(100vh - 14rem);
    overflow: auto
  }

  .command-workbench__detail {
    position: sticky;
    inset-block-start: .25rem
  }

  .command-detail-panel {
    max-block-size: calc(100vh - 14rem);
    overflow: auto
  }

  .page-commands .command-workbench {
    grid-template-columns: minmax(0, 1fr)
  }

  .dayz-search-popout__lead {
    grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
    align-items: start
  }
}

@container (min-width:56rem) {
  .hero {
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .9fr)
  }

  .section-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media(min-width:64rem) {
  .site-header {
    grid-template-columns: auto minmax(0, 1fr) minmax(12rem, 16rem);
    gap: .75rem;
    padding-inline: 1rem
  }

  .site-header__brand,
  .site-header__actions,
  .site-header__menu {
    grid-column: auto
  }

  .site-header__menu {
    display: none
  }

  .site-nav {
    display: flex;
    flex-wrap: nowrap;
    gap: .3rem;
    grid-column: auto;
    justify-content: center;
    align-items: center;
    padding-block-start: 0
  }

  .site-nav__menu {
    position: absolute;
    inset-block-start: calc(100%+.5rem);
    inset-inline-start: 0;
    min-inline-size: 15rem;
    padding: .55rem;
    border: 1px solid var(--page-border);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, #121113fa, #0b0a0bfa), var(--page-surface-strong);
    box-shadow: var(--page-shadow)
  }

  .site-nav__menu--tools {
    inline-size: min(24rem, calc(100vw - 3rem));
    min-inline-size: 18rem;
    padding: .7rem
  }

  .site-nav__menu--tools .site-nav__menu-links {
    gap: .45rem
  }

  .site-nav__menu--tools .site-nav__submenu-item {
    inline-size: 100%
  }

  .site-header__search {
    display: block;
    align-self: center
  }

  .site-header__actions {
    display: none
  }

  .site-frame {
    grid-template-columns: minmax(0, 1fr) fit-content(17.5rem);
    align-items: start
  }

  .support-grid,
  .stats-grid,
  .timeline-grid,
  .review-grid,
  .tool-grid,
  .search-result-grid,
  .feature-grid,
  .faq-grid,
  .video-grid,
  .pricing-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .page-legion .timeline-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .site-footer {
    justify-content: space-between
  }

  .site-footer__links {
    flex: 1 1 auto
  }

  .page-no-panel .site-frame {
    grid-template-columns: minmax(0, 1fr)
  }

  .page-home .site-main,
  .page-commands .site-main,
  .page-no-panel .site-main {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0
  }

  .page-commands .site-frame {
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 23rem)
  }

  .page-commands .site-panel {
    position: sticky;
    inset-block-start: 5.15rem
  }
}

@media(max-width:79.998rem) {

  .site-nav__link,
  .icon-button,
  .site-search-inline__input {
    font-size: .875rem
  }

  .site-nav__link {
    min-block-size: 2.35rem;
    padding-inline: .6rem
  }

  .icon-button {
    min-block-size: 2.35rem;
    padding-inline: .78rem
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto
  }

  *,
  *:before,
  *:after {
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-duration: 1ms
  }
}

@keyframes toast-in {
  0% {
    opacity: 0;
    transform: translateY(.4rem)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

::selection {
  background: #d20d0d;
  color: #fff
}

::-moz-selection {
  background: #d20d0d;
  color: #fff
}

.site-shell {
  padding: clamp(.7rem, 1.4vw, 1rem)
}

.site-frame {
  gap: clamp(1rem, 1.8vw, 1.45rem);
  align-items: start
}

.site-main {
  padding: clamp(1rem, 1.8vw, 1.5rem)
}

.site-panel {
  gap: clamp(.9rem, 1.5vw, 1.15rem)
}

.page-heading,
.section-heading,
.hero__copy,
.hero__feature-card,
.feature-card,
.timeline-card,
.support-card,
.review-card,
.tool-card,
.status-card,
.search-result-card,
.contact-module,
.command-detail {
  gap: .95rem
}

.section-stack {
  gap: clamp(1.15rem, 2vw, 1.55rem)
}

.panel-card,
.hero__feature-card,
.feature-card,
.stat-card,
.timeline-card,
.support-card,
.review-card,
.tool-card,
.results-shell,
.status-card,
.search-result-card,
.contact-module,
.command-list,
.command-detail-panel,
.rich-content,
.faq-card,
.video-card,
.price-card,
.form-card,
.guide-step {
  box-shadow: 0 .85rem 2.4rem rgba(0, 0, 0, .18)
}

.field__control,
.contact-module__textarea,
.site-search-inline__input {
  background: #0b0a0cd9
}

.field__control:focus,
.contact-module__textarea:focus,
.site-search-inline__input:focus {
  box-shadow: 0 0 0 .18rem rgba(176, 82, 255, .12)
}

[id] {
  scroll-margin-top: 6rem
}

.site-footer {
  padding: .8rem .95rem
}

.site-footer__links {
  row-gap: .65rem
}

.site-search-results--inline {
  inline-size: min(32rem, calc(100vw - 1.5rem))
}

@media (max-width:47.998rem) {
  .site-shell {
    padding: .65rem
  }

  .site-header {
    margin-block-end: .65rem;
    padding: .68rem .76rem;
    gap: .65rem
  }

  .site-main {
    padding: .95rem
  }

  .panel-card,
  .hero__feature-card,
  .feature-card,
  .stat-card,
  .timeline-card,
  .support-card,
  .review-card,
  .tool-card,
  .results-shell,
  .status-card,
  .search-result-card,
  .contact-module,
  .rich-content,
  .faq-card,
  .price-card,
  .form-card {
    padding: 1rem
  }

  .site-footer {
    padding: .78rem .85rem
  }

  .site-search-results--inline {
    inset-inline-start: 0;
    inset-inline-end: auto;
    inline-size: min(100%, calc(100vw - 1.3rem))
  }
}

@media (max-width:47.998rem) {

  .section-heading--split,
  .hero__meta,
  .review-card__footer,
  .results-shell__header,
  .status-meta,
  .command-detail__header {
    align-items: flex-start
  }

  .site-footer__links {
    margin-inline-start: 0;
    justify-content: flex-start
  }

  .site-dialog {
    inline-size: min(56rem, calc(100vw - .8rem))
  }
}

:focus-visible {
  outline: none
}

.panel-card,
.hero__feature-card,
.feature-card,
.stat-card,
.timeline-card,
.support-card,
.review-card,
.tool-card,
.results-shell,
.status-card,
.search-result-card,
.contact-module,
.command-list,
.command-detail-panel,
.rich-content,
.faq-card,
.video-card,
.price-card,
.form-card,
.guide-step {
  padding: .92rem
}

.rich-content,
.faq-card,
.price-card,
.form-card {
  gap: .82rem
}

.video-card__body {
  padding: .88rem
}

.guide-step {
  padding: .9rem
}

.guide-step__index {
  inline-size: 2.4rem;
  font-size: 1rem
}

.field__control,
.contact-module__textarea,
.site-search-inline__input {
  min-block-size: 2.4rem;
  padding: .55rem .8rem;
  font-size: .94rem
}

.contact-module__textarea {
  min-block-size: 8rem
}

.tool-embed {
  padding: .82rem
}

.tool-embed .card-body,
.tool-embed .modal-content {
  padding: .82rem
}

.tool-embed .row {
  gap: .85rem;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr))
}

.tool-embed .btn,
.tool-embed button:not(.btn):not(.icon-button),
.tool-embed input[type=button],
.tool-embed input[type=submit] {
  min-block-size: 2.35rem;
  padding-inline: .8rem;
  font-size: .92rem
}

.tool-embed .btn-sm {
  min-block-size: 2rem;
  padding-inline: .65rem;
  font-size: .84rem
}

.tool-embed .btn-lg {
  min-block-size: 2.65rem;
  padding-inline: 1rem;
  font-size: .98rem
}

.tool-embed .form-control,
.tool-embed .form-select,
.tool-embed input[type=text],
.tool-embed input[type=search],
.tool-embed input[type=number],
.tool-embed input[type=file],
.tool-embed select,
.tool-embed textarea {
  min-block-size: 2.35rem;
  padding: .52rem .72rem;
  font-size: .92rem
}

.tool-embed input[type=file]::file-selector-button,
.tool-embed input[type=file]::-webkit-file-upload-button {
  padding: .36rem .65rem;
  font-size: .86rem
}

.tool-embed textarea {
  min-block-size: 10rem;
  padding: .7rem .76rem;
  font-size: .9rem
}

.tool-embed .dropdown-item {
  padding: .45rem .6rem;
  font-size: .92rem
}

.tool-embed .badge {
  padding: .2rem .45rem;
  font-size: .82rem
}

.tool-embed .alert {
  padding: .75rem .9rem
}

.rich-content pre,
.tool-embed pre {
  padding: .72rem .82rem;
  font-size: .88rem;
  line-height: 1.45
}

.rich-content code {
  padding: .08rem .32rem;
  font-size: .92em
}

@media (max-width:49.998rem) {

  .panel-card,
  .hero__feature-card,
  .feature-card,
  .stat-card,
  .timeline-card,
  .support-card,
  .review-card,
  .tool-card,
  .results-shell,
  .status-card,
  .search-result-card,
  .contact-module,
  .rich-content,
  .faq-card,
  .price-card,
  .form-card,
  .guide-step {
    padding: .85rem
  }

  .tool-embed {
    padding: .76rem
  }

  .tool-embed .row {
    gap: .72rem
  }

  .tool-embed .btn,
  .tool-embed button:not(.btn):not(.icon-button),
  .tool-embed input[type=button],
  .tool-embed input[type=submit] {
    min-block-size: 2.2rem;
    padding-inline: .72rem;
    font-size: .88rem
  }

  .tool-embed .form-control,
  .tool-embed .form-select,
  .tool-embed input[type=text],
  .tool-embed input[type=search],
  .tool-embed input[type=number],
  .tool-embed input[type=file],
  .tool-embed select,
  .tool-embed textarea {
    min-block-size: 2.2rem;
    padding: .48rem .66rem;
    font-size: .88rem
  }
}

@media (max-width:49.998rem) {
  html {
    font-size: 15px
  }

  body {
    font-size: 0.92rem;
    line-height: 1.52
  }

  h1 {
    font-size: clamp(1.08rem, 4.6vw, 1.42rem)
  }

  h2 {
    font-size: clamp(0.98rem, 3.7vw, 1.14rem)
  }

  h3 {
    font-size: clamp(0.86rem, 3vw, 0.96rem)
  }

  .eyebrow {
    font-size: 0.66rem;
    letter-spacing: 0.11em
  }

  .page-heading,
  body.page-tool-app .page-heading {
    gap: 0.26rem;
    margin-block-end: 0.36rem
  }

  .page-lead {
    max-inline-size: 100%;
    font-size: clamp(0.76rem, 2.5vw, 0.82rem);
    line-height: 1.36
  }

  body.page-tool-app .page-lead {
    max-inline-size: 100%;
    font-size: clamp(0.72rem, 2.2vw, 0.78rem);
    line-height: 1.32
  }

  .site-nav__submenu-link,
  .site-nav__menu-index,
  .site-nav__menu-label {
    font-size: 0.84rem
  }

  .button,
  .filter-chip {
    min-block-size: 2.55rem;
    padding-inline: 0.82rem 0.94rem;
    font-size: 0.88rem
  }

  .field__label,
  .search-hint {
    font-size: 0.88rem
  }
}

@media (max-width:47.998rem) {
  html {
    font-size: 14px
  }

  body {
    font-size: 0.9rem;
    line-height: 1.48
  }

  h1 {
    font-size: clamp(0.98rem, 5.4vw, 1.24rem)
  }

  h2 {
    font-size: clamp(0.92rem, 4.3vw, 1.05rem)
  }

  h3 {
    font-size: clamp(0.82rem, 3.4vw, 0.9rem)
  }

  .page-lead {
    font-size: clamp(0.72rem, 3vw, 0.78rem)
  }

  body.page-tool-app .page-lead {
    font-size: clamp(0.69rem, 2.8vw, 0.74rem)
  }

  .site-nav__submenu-link,
  .site-nav__menu-index,
  .site-nav__menu-label {
    font-size: 0.8rem
  }

  .button,
  .filter-chip,
  .field__label,
  .search-hint {
    font-size: 0.84rem
  }
}

@media (max-width:29.998rem) {
  html {
    font-size: 13px
  }
}

body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor input,
body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor select,
body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor textarea {
  min-height: 2.4rem;
  padding: 0.52rem 0.72rem;
  font-size: 0.93rem
}

body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor button {
  min-height: 2.45rem;
  padding: 0.48rem 0.86rem;
  font-size: 0.92rem
}

body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor #outputArea,
body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor #markerInput {
  min-height: 36vh;
  font-size: 0.93rem;
  line-height: 1.45
}

body.page-tool-app--code-reducer .tool-embed--code-reducer .form-control,
body.page-tool-app--code-reducer .tool-embed--code-reducer textarea,
body.page-tool-app--code-reducer .tool-embed--code-reducer input,
body.page-tool-app--code-reducer .tool-embed--code-reducer select {
  min-height: 2.38rem;
  padding: 0.5rem 0.72rem;
  font-size: 0.92rem
}

body.page-tool-app--code-reducer .tool-embed--code-reducer .btn,
body.page-tool-app--code-reducer .tool-embed--code-reducer button {
  min-height: 2.4rem;
  padding: 0.45rem 0.82rem;
  font-size: 0.91rem
}

body.page-tool-app--code-reducer .tool-embed--code-reducer textarea,
body.page-tool-app--code-reducer .tool-embed--code-reducer pre {
  min-height: 34vh;
  font-size: 0.92rem;
  line-height: 1.44
}

body.page-tool-app--compare-files .tool-embed--compare-files .form-control,
body.page-tool-app--compare-files .tool-embed--compare-files textarea,
body.page-tool-app--compare-files .tool-embed--compare-files input,
body.page-tool-app--compare-files .tool-embed--compare-files select {
  min-height: 2.36rem;
  padding: 0.5rem 0.7rem;
  font-size: 0.91rem
}

body.page-tool-app--compare-files .tool-embed--compare-files .btn,
body.page-tool-app--compare-files .tool-embed--compare-files button {
  min-height: 2.35rem;
  padding: 0.44rem 0.8rem;
  font-size: 0.9rem
}

body.page-tool-app--compare-files .tool-embed--compare-files textarea,
body.page-tool-app--compare-files .tool-embed--compare-files pre {
  min-height: 34vh;
  font-size: 0.91rem;
  line-height: 1.42
}

body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .form-control,
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .form-select,
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay input,
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay select,
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay textarea {
  min-height: 2.2rem;
  padding: 0.42rem 0.62rem;
  font-size: 0.87rem
}

body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .btn,
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay button {
  min-height: 2.2rem;
  padding: 0.38rem 0.72rem;
  font-size: 0.86rem
}

body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .rowx {
  grid-template-columns: minmax(0, 1fr) 5rem;
  gap: 0.45rem
}

body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .numbox {
  inline-size: 5rem;
  min-inline-size: 5rem
}

body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay #cfgText {
  min-height: 40vh;
  font-size: 0.9rem;
  line-height: 1.42
}

body.page-tool-app--economy-calculator .tool-embed--economy-calculator .form-control,
body.page-tool-app--economy-calculator .tool-embed--economy-calculator input,
body.page-tool-app--economy-calculator .tool-embed--economy-calculator select {
  min-height: 2.3rem;
  padding: 0.46rem 0.68rem;
  font-size: 0.9rem
}

body.page-tool-app--economy-calculator .tool-embed--economy-calculator .btn,
body.page-tool-app--economy-calculator .tool-embed--economy-calculator button {
  min-height: 2.32rem;
  padding: 0.42rem 0.76rem;
  font-size: 0.9rem
}

body.page-tool-app--file-validator .tool-embed--file-validator .form-control,
body.page-tool-app--file-validator .tool-embed--file-validator textarea,
body.page-tool-app--file-validator .tool-embed--file-validator input,
body.page-tool-app--file-validator .tool-embed--file-validator select {
  min-height: 2.36rem;
  padding: 0.5rem 0.72rem;
  font-size: 0.92rem
}

body.page-tool-app--file-validator .tool-embed--file-validator .btn,
body.page-tool-app--file-validator .tool-embed--file-validator button {
  min-height: 2.38rem;
  padding: 0.44rem 0.8rem;
  font-size: 0.91rem
}

body.page-tool-app--file-validator .tool-embed--file-validator textarea,
body.page-tool-app--file-validator .tool-embed--file-validator pre {
  min-height: 34vh;
  font-size: 0.92rem
}

body.page-tool-app--generate-loadout .tool-embed--generate-loadout #spawnWeight {
  width: 60px;
  min-width: 60px;
  max-width: 60px
}

body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .form-control,
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .form-select,
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types input,
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types select,
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types textarea {
  min-height: 2.34rem;
  padding: 0.48rem 0.7rem;
  font-size: 0.91rem
}

body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .btn,
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types button {
  min-height: 2.36rem;
  padding: 0.44rem 0.8rem;
  font-size: 0.9rem
}

body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types #outputXml {
  min-height: 38vh;
  font-size: 0.92rem;
  line-height: 1.44
}

body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .form-control,
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .form-select,
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file input,
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file select,
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file textarea {
  min-height: 2.34rem;
  padding: 0.48rem 0.7rem;
  font-size: 0.91rem
}

body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .btn,
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file button {
  min-height: 2.36rem;
  padding: 0.44rem 0.8rem;
  font-size: 0.9rem
}

body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file #outputJson {
  min-height: 38vh;
  font-size: 0.92rem;
  line-height: 1.44
}

body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator input,
body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator select,
body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator textarea {
  min-height: 2.4rem;
  padding: 0.5rem 0.72rem;
  font-size: 0.92rem
}

body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator button {
  min-height: 2.42rem;
  padding: 0.45rem 0.82rem;
  font-size: 0.91rem
}

body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator textarea[id*="json"],
body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator textarea[id*="output"] {
  min-height: 36vh;
  font-size: 0.92rem;
  line-height: 1.44
}

body.page-tool-app--loop-generator .tool-embed--loop-generator .control-input,
body.page-tool-app--loop-generator .tool-embed--loop-generator .control-textarea,
body.page-tool-app--loop-generator .tool-embed--loop-generator input,
body.page-tool-app--loop-generator .tool-embed--loop-generator select,
body.page-tool-app--loop-generator .tool-embed--loop-generator textarea {
  min-height: 2.42rem;
  padding: 0.52rem 0.74rem;
  font-size: 0.92rem
}

body.page-tool-app--loop-generator .tool-embed--loop-generator .btn-tool,
body.page-tool-app--loop-generator .tool-embed--loop-generator button {
  min-height: 2.46rem;
  padding: 0.46rem 0.84rem;
  font-size: 0.91rem
}

body.page-tool-app--loop-generator .tool-embed--loop-generator #output,
body.page-tool-app--loop-generator .tool-embed--loop-generator #refJson {
  min-height: 36vh;
  font-size: 0.92rem;
  line-height: 1.44
}

body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter input,
body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter select,
body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter textarea {
  min-height: 2.38rem;
  padding: 0.5rem 0.72rem;
  font-size: 0.92rem
}

body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter button {
  min-height: 2.4rem;
  padding: 0.44rem 0.8rem;
  font-size: 0.91rem
}

body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter #mposXmlInput,
body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter #mposXmlOutput,
body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter #mposRemovedOutput {
  min-height: 32vh;
  font-size: 0.92rem;
  line-height: 1.44
}

body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .control-input,
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .control-textarea,
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter input,
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter select,
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter textarea {
  min-height: 2.42rem;
  padding: 0.52rem 0.74rem;
  font-size: 0.92rem
}

body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .btn-tool,
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter button {
  min-height: 2.46rem;
  padding: 0.46rem 0.84rem;
  font-size: 0.91rem
}

:root {
  --page-card-surface: rgba(8, 9, 11, 0.42);
  --page-card-surface-strong: rgba(8, 9, 11, 0.54);
  --page-card-surface-soft: rgba(8, 9, 11, 0.32);
  --page-card-surface-alt: rgba(11, 10, 8, 0.3);
  --page-card-surface-alt-strong: rgba(12, 11, 9, 0.4);
  --page-card-surface-tint: linear-gradient(164deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .008) 34%, rgba(217, 181, 104, .09) 74%, rgba(255, 214, 132, .032));
  --page-card-surface-tint-soft: linear-gradient(154deg, rgba(255, 255, 255, .024), rgba(255, 255, 255, .006) 38%, rgba(217, 181, 104, .072) 72%, rgba(255, 214, 132, .026));
  --page-card-surface-tint-alt: linear-gradient(196deg, rgba(255, 255, 255, .024), rgba(255, 255, 255, .006) 30%, rgba(198, 162, 82, .098) 68%, rgba(144, 108, 36, .04));
  --page-card-border: rgba(255, 255, 255, .074);
  --page-card-border-strong: rgba(217, 181, 104, .18);
  --page-card-shadow-soft: 0 0.7rem 1.8rem rgba(0, 0, 0, .14)
}

.panel-card,
.hero__feature-card,
.feature-card,
.stat-card,
.timeline-card,
.support-card,
.review-card,
.tool-card,
.results-shell,
.status-card,
.search-result-card,
.contact-module,
.command-list,
.command-detail-panel,
.rich-content,
.faq-card,
.video-card,
.price-card,
.form-card,
.guide-step {
  border: 1px solid var(--page-card-border);
  background: var(--page-card-surface-tint-current, var(--page-card-surface-tint)), var(--page-card-surface-current, var(--page-card-surface));
  backdrop-filter: blur(12px);
  box-shadow: var(--page-card-shadow-soft)
}

.stats-grid>*,
.timeline-grid>*,
.review-list>*,
.review-grid>*,
.tool-grid>*,
.search-result-grid>*,
.feature-grid>*,
.faq-grid>*,
.video-grid>*,
.pricing-grid>*,
.membership-grid>*,
.guide-steps>*,
.support-grid>* {
  --page-card-surface-current: var(--page-card-surface);
  --page-card-surface-tint-current: var(--page-card-surface-tint)
}

.stats-grid>:nth-child(even),
.timeline-grid>:nth-child(even),
.review-list>:nth-child(even),
.review-grid>:nth-child(even),
.tool-grid>:nth-child(even),
.search-result-grid>:nth-child(even),
.feature-grid>:nth-child(even),
.faq-grid>:nth-child(even),
.video-grid>:nth-child(even),
.pricing-grid>:nth-child(even),
.membership-grid>:nth-child(even),
.guide-steps>:nth-child(even),
.support-grid>:nth-child(even) {
  --page-card-surface-current: var(--page-card-surface-alt);
  --page-card-surface-tint-current: var(--page-card-surface-tint-alt)
}

.price-card.is-featured {
  border-color: var(--page-card-border-strong);
  background: linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(160, 0, 0, .012)), rgba(18, 13, 14, 0.26)
}

.rich-content details {
  border-color: var(--page-card-border);
  background: var(--page-card-surface-tint-soft), rgba(22, 13, 16, 0.24)
}

.video-card__media {
  background: rgba(14, 10, 12, 0.14)
}

.tool-embed {
  border-color: var(--page-card-border);
  background: var(--page-card-surface-tint-soft), rgba(18, 10, 13, 0.24);
  backdrop-filter: blur(14px);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08), var(--page-card-shadow-soft)
}

.tool-embed .b-dark,
.tool-embed .card,
.tool-embed .modal-content {
  border-color: var(--page-card-border);
  background: var(--page-card-surface-tint-soft), rgba(22, 13, 16, 0.28);
  box-shadow: var(--page-card-shadow-soft)
}

.tool-embed .dropdown-menu,
.tool-embed .bg-dark,
.tool-embed .input-group-text {
  background: var(--page-card-surface-tint-soft), rgba(18, 11, 14, 0.2)
}

.tool-embed .badge {
  background: rgba(53, 12, 12, 0.05)
}

body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter #jsonTeleportInput,
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter #teleportOutput {
  min-height: 36vh;
  font-size: 0.92rem;
  line-height: 1.44
}

body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger input,
body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger select,
body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger textarea {
  min-height: 2.36rem;
  padding: 0.5rem 0.72rem;
  font-size: 0.91rem
}

body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger button {
  min-height: 2.38rem;
  padding: 0.44rem 0.8rem;
  font-size: 0.9rem
}

body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .form-control,
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .form-select,
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator input,
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator select,
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator textarea {
  min-height: 2.36rem;
  padding: 0.5rem 0.72rem;
  font-size: 0.91rem
}

body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .btn,
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator button {
  min-height: 2.38rem;
  padding: 0.44rem 0.8rem;
  font-size: 0.9rem
}

body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator textarea[id*="output"],
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator textarea[id*="json"] {
  min-height: 34vh;
  font-size: 0.91rem;
  line-height: 1.43
}

body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .form-control,
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .form-select,
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator input,
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator select,
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator textarea {
  min-height: 2.36rem;
  padding: 0.5rem 0.72rem;
  font-size: 0.91rem
}

body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .btn,
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator button {
  min-height: 2.38rem;
  padding: 0.44rem 0.8rem;
  font-size: 0.9rem
}

body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator textarea[id*="json"],
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator textarea[id*="output"] {
  min-height: 36vh;
  font-size: 0.92rem;
  line-height: 1.44
}

body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator #traderOutput {
  min-height: 36vh;
  max-height: min(62vh, 42rem);
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: var(--radius-sm);
  background: #050505d6;
  color: var(--page-text)
}

body.page-tool-app--weather-editor .tool-embed--weather-editor .form-control,
body.page-tool-app--weather-editor .tool-embed--weather-editor .form-select,
body.page-tool-app--weather-editor .tool-embed--weather-editor input,
body.page-tool-app--weather-editor .tool-embed--weather-editor select,
body.page-tool-app--weather-editor .tool-embed--weather-editor textarea {
  min-height: 2.34rem;
  padding: 0.48rem 0.7rem;
  font-size: 0.9rem
}

body.page-tool-app--weather-editor .tool-embed--weather-editor .btn,
body.page-tool-app--weather-editor .tool-embed--weather-editor button {
  min-height: 2.36rem;
  padding: 0.44rem 0.78rem;
  font-size: 0.89rem
}

body.page-tool-app--weather-editor .tool-embed--weather-editor #weatherXmlOutput {
  min-height: 42vh;
  font-size: 0.91rem;
  line-height: 1.44
}

@media (max-width:49.998rem) {

  body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor input,
  body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor select,
  body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor textarea,
  body.page-tool-app--code-reducer .tool-embed--code-reducer .form-control,
  body.page-tool-app--code-reducer .tool-embed--code-reducer textarea,
  body.page-tool-app--compare-files .tool-embed--compare-files .form-control,
  body.page-tool-app--compare-files .tool-embed--compare-files textarea,
  body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .form-control,
  body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .form-select,
  body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay input,
  body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay select,
  body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay textarea,
  body.page-tool-app--economy-calculator .tool-embed--economy-calculator .form-control,
  body.page-tool-app--file-validator .tool-embed--file-validator .form-control,
  body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .form-control,
  body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .form-select,
  body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .form-control,
  body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .form-select,
  body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator input,
  body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator select,
  body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator textarea,
  body.page-tool-app--loop-generator .tool-embed--loop-generator .control-input,
  body.page-tool-app--loop-generator .tool-embed--loop-generator .control-textarea,
  body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter input,
  body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter select,
  body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter textarea,
  body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .control-input,
  body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .control-textarea,
  body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger input,
  body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .form-control,
  body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .form-select,
  body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .form-control,
  body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .form-select,
  body.page-tool-app--weather-editor .tool-embed--weather-editor .form-control,
  body.page-tool-app--weather-editor .tool-embed--weather-editor .form-select {
    min-height: 2.7rem;
    font-size: 1rem;
    padding: 0.58rem 0.82rem
  }
}

.site-nav__auth-profile {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-inline-size: 0;
  max-inline-size: 13rem
}

.site-nav__auth-avatar {
  inline-size: 1.2rem;
  block-size: 1.2rem;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.18)
}

.site-nav__auth-name {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.site-nav__link[data-auth-state="signed-in"][aria-disabled="true"] {
  cursor: default
}

.dayz-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  background: transparent
}

html.dayz-bg-disabled .dayz-bg,
.dayz-bg {
  display: none !important
}

.dayz-bg__item {
  position: absolute;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  filter: grayscale(1) brightness(1.08) contrast(1.04);
  transform: translate3d(0, 0, 0);
  transition: opacity 0.22s ease;
  pointer-events: none
}

@layer pages {
  body.page-tool-app .tool-stage__subheading {
    margin: 0 0 0.65rem;
    color: var(--page-text);
    font-family: var(--font-display);
    font-size: clamp(1.2rem, 2vw, 1.8rem);
    letter-spacing: 0.02em;
    line-height: 1.08
  }
}

:root {
  --page-card-surface: rgba(8, 9, 11, 0.42);
  --page-card-surface-strong: rgba(8, 9, 11, 0.54);
  --page-card-surface-soft: rgba(8, 9, 11, 0.32);
  --page-card-surface-alt: rgba(11, 10, 8, 0.3);
  --page-card-surface-alt-strong: rgba(12, 11, 9, 0.4);
  --page-card-surface-gradient: linear-gradient(164deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.008) 34%, rgba(217, 181, 104, 0.09) 74%, rgba(255, 214, 132, 0.032));
  --page-card-surface-gradient-soft: linear-gradient(154deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.006) 38%, rgba(217, 181, 104, 0.072) 72%, rgba(255, 214, 132, 0.026));
  --page-card-surface-gradient-alt: linear-gradient(196deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.006) 30%, rgba(198, 162, 82, 0.098) 68%, rgba(144, 108, 36, 0.04));
  --page-card-surface-tint: var(--page-card-surface-gradient);
  --page-card-surface-tint-soft: var(--page-card-surface-gradient-soft);
  --page-card-surface-tint-alt: var(--page-card-surface-gradient-alt);
  --page-card-border: rgba(255, 255, 255, 0.074);
  --page-card-border-strong: rgba(217, 181, 104, 0.18);
  --page-card-shadow-soft: 0 0.7rem 1.8rem rgba(0, 0, 0, 0.14)
}

h1 {
  font-size: clamp(1.28rem, 2vw, 1.82rem);
  letter-spacing: 0.015em
}

.page-heading {
  gap: 0.48rem;
  margin-block-end: clamp(0.72rem, 1.6vw, 0.98rem)
}

.page-lead {
  max-inline-size: 44rem;
  font-size: clamp(0.82rem, 0.92vw, 0.9rem);
  line-height: 1.42
}

body.page-tool-app .page-heading {
  gap: 0.28rem;
  margin-block-end: 0.4rem
}

body.page-tool-app h1 {
  font-size: clamp(1.2rem, 1.6vw, 1.56rem)
}

body.page-tool-app .page-lead {
  max-inline-size: 38rem;
  font-size: clamp(0.76rem, 0.78vw, 0.84rem);
  line-height: 1.36
}

.panel-card,
.hero__feature-card,
.feature-card,
.stat-card,
.timeline-card,
.support-card,
.review-card,
.reviewer-details,
.tool-card,
.results-shell,
.status-card,
.search-result-card,
.contact-module,
.command-list,
.command-detail-panel,
.rich-content,
.faq-card,
.video-card,
.price-card,
.form-card,
.guide-step {
  border-color: var(--page-card-border);
  background: var(--page-card-fill, var(--page-card-surface));
  backdrop-filter: none;
  box-shadow: var(--page-card-shadow-soft)
}

.stats-grid>*,
.timeline-grid>*,
.review-list>*,
.review-grid>*,
.tool-grid>*,
.search-result-grid>*,
.feature-grid>*,
.faq-grid>*,
.video-grid>*,
.pricing-grid>*,
.membership-grid>*,
.guide-steps>*,
.support-grid>* {
  --page-card-fill: var(--page-card-surface)
}

.stats-grid>:nth-child(even),
.timeline-grid>:nth-child(even),
.review-list>:nth-child(even),
.review-grid>:nth-child(even),
.tool-grid>:nth-child(even),
.search-result-grid>:nth-child(even),
.feature-grid>:nth-child(even),
.faq-grid>:nth-child(even),
.video-grid>:nth-child(even),
.pricing-grid>:nth-child(even),
.membership-grid>:nth-child(even),
.guide-steps>:nth-child(even),
.support-grid>:nth-child(even) {
  --page-card-fill: var(--page-card-surface-tint-alt), rgba(14, 12, 10, 0.28)
}

.review-list>:nth-child(even) .reviewer-details,
.review-grid>:nth-child(even) .reviewer-details {
  background: var(--page-card-surface-tint-alt), rgba(14, 12, 10, 0.28)
}

.price-card.is-featured,
.rich-content details,
.video-card__media,
.dayz-search-card,
.dayz-search-card__asset,
.dayz-search-card__toggle {
  border-color: var(--page-card-border);
  background: var(--page-card-surface-tint-soft), rgba(11, 10, 9, 0.36);
  box-shadow: var(--page-card-shadow-soft)
}

.hero__copy {
  border-color: rgba(255, 0, 0, 0.42);
  background: #27000083;
  border-radius: var(--radius-md)
}

.tool-embed {
  border-color: var(--page-card-border);
  background: var(--page-card-surface-tint-soft), rgba(11, 10, 9, 0.34);
  backdrop-filter: none;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04), var(--page-card-shadow-soft)
}

.tool-embed .b-dark,
.tool-embed .card,
.tool-embed .modal-content {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(4, 5, 7, 0.84);
  box-shadow: none
}

.tool-embed .card .card,
.tool-embed .card .b-dark,
.tool-embed .b-dark .card,
.tool-embed .modal-content .card {
  background: rgba(3, 4, 6, 0.92);
  border-color: rgba(255, 255, 255, 0.06)
}

.tool-embed .dropdown-menu,
.tool-embed .bg-dark,
.tool-embed .input-group-text {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(5, 6, 8, 0.88)
}

.tool-embed .badge {
  background: rgba(255, 255, 255, 0.08)
}

@media (max-width:49.998rem) {
  .site-header {
    grid-template-columns: minmax(0, 1fr) auto auto;
    overflow: visible
  }

  .site-header__brand {
    grid-column: 1 / 2
  }

  .brand-lockup {
    gap: 0
  }

  .brand-lockup span {
    display: none
  }

  .site-nav {
    display: none;
    grid-column: 2;
    justify-self: end;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.3rem;
    min-inline-size: 0;
    max-inline-size: none;
    overflow: visible;
    padding-block-start: 0;
    scrollbar-width: none
  }

  .site-nav::-webkit-scrollbar {
    display: none
  }

  body[data-nav-open=true] .site-nav {
    display: flex
  }

  .site-header__actions {
    grid-column: 3;
    gap: 0.3rem
  }

  .site-nav__group {
    position: relative
  }

  .site-nav__group[open] {
    z-index: 35
  }

  .site-nav__menu {
    position: fixed;
    inset-block-start: var(--mobile-nav-menu-top, 4.5rem);
    inset-inline-start: 50%;
    inset-inline-end: auto;
    transform: translateX(-50%);
    min-inline-size: min(17rem, calc(100vw - 1rem));
    max-inline-size: calc(100vw - 1rem);
    max-block-size: var(--mobile-nav-menu-max-height, min(78vh, 26rem));
    overflow: hidden;
    padding: 0.55rem;
    border: 1px solid var(--page-border);
    border-inline-start: 1px solid var(--page-border);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, #121113fa, #0b0a0bfa), var(--page-surface-strong);
    box-shadow: var(--page-shadow);
    z-index: 45
  }

  .site-nav__menu--pages {
    inline-size: min(18rem, calc(100vw - 1rem))
  }

  .site-nav__menu--tools {
    inline-size: min(24rem, calc(100vw - 1rem))
  }

  .site-nav__menu-links--single {
    max-block-size: calc(var(--mobile-nav-menu-max-height, min(78vh, 26rem)) - 1.1rem);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain
  }

  .site-nav__group>.site-nav__link--group,
  .site-nav__link--subscribe,
  .site-nav__link--auth:not([data-auth-state="signed-in"]),
  .site-header__search-toggle {
    position: relative;
    justify-content: center;
    inline-size: 2.6rem;
    min-inline-size: 2.6rem;
    min-block-size: 2.6rem;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 140%;
    color: transparent !important;
    text-shadow: none
  }

  .site-nav__group>.site-nav__link--group::after {
    display: none
  }

  .site-nav__group>.site-nav__link--group::before,
  .site-nav__link--subscribe::before,
  .site-nav__link--auth:not([data-auth-state="signed-in"])::before,
  .site-header__search-toggle::before {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--page-text-muted);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 1rem;
    line-height: 1;
    text-indent: 0;
    pointer-events: none
  }

  .site-nav__group--pages>.site-nav__link--group::before {
    content: "\f0c9"
  }

  .site-nav__group--features>.site-nav__link--group::before {
    content: "\f0ae"
  }

  .site-nav__group--tools>.site-nav__link--group::before {
    content: "\f0ad"
  }

  .site-nav__group--howto>.site-nav__link--group::before {
    content: "\f02d"
  }

  .site-nav__link--subscribe::before {
    content: "\f004"
  }

  .site-nav__link--auth:not([data-auth-state="signed-in"])::before {
    content: "\f2f6"
  }

  .site-header__search-toggle::before {
    content: "\f002"
  }

  .site-nav__link--auth[data-auth-state="signed-in"] {
    justify-content: center;
    inline-size: 2.6rem;
    min-inline-size: 2.6rem;
    min-block-size: 2.6rem;
    padding: 0
  }

  .site-nav__auth-name {
    display: none
  }

  .site-nav__auth-profile {
    justify-content: center
  }

  .site-nav__auth-avatar {
    inline-size: 1.5rem;
    block-size: 1.5rem
  }
}

.site-nav__auth-slot {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-inline-size: 8.5rem;
  min-block-size: 2.45rem
}

.site-header__search {
  min-block-size: 2.7rem
}

.site-search-inline {
  min-block-size: 2.7rem
}

.brand-lockup img,
.tool-card img,
.review-card img,
.command-list img,
.site-main img {
  height: auto
}

.page-dayz-docs .dayz-doc-jump {
  min-block-size: 6.6rem
}

.page-dayz-docs .doc-card {
  contain: layout paint
}

.site-image-viewer {
  margin: 0;
  inset: 0;
  inline-size: 100vw;
  max-inline-size: none;
  block-size: 100dvh;
  max-block-size: none;
  padding: .75rem;
  background: rgba(0, 0, 0, .72);
  overflow: hidden;
  box-sizing: border-box
}

.site-image-viewer::backdrop {
  background: rgba(0, 0, 0, .72)
}

.site-image-viewer__panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  inline-size: min(92vw, 90rem);
  max-inline-size: calc(100vw - 1.5rem);
  block-size: min(100%, calc(100dvh - 1.5rem));
  max-block-size: calc(100dvh - 1.5rem);
  padding: 0;
  border: 1px solid var(--page-border);
  border-radius: var(--radius-md);
  background: linear-gradient(180deg, #121113fa, #0b0a0bfa), var(--page-surface-strong);
  box-shadow: var(--page-shadow);
  overflow: hidden;
  box-sizing: border-box
}

.site-image-viewer__body {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: .75rem;
  min-block-size: 0;
  padding: 0 1rem 1rem;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain
}

.site-image-viewer__image {
  display: block;
  inline-size: auto;
  max-inline-size: 100%;
  block-size: auto;
  max-block-size: calc(100dvh - 8rem);
  object-fit: contain;
  object-position: top center;
  border-radius: .85rem;
  background: #050505
}

.site-image-viewer__caption {
  margin: 0;
  color: var(--page-text-soft);
  text-align: center
}

/** Restored desktop rail navigation owner rules. */
:root { --desktop-nav-collapsed-width:3.45rem; --desktop-nav-expanded-width:17.5rem; --desktop-nav-link-size:2.22rem; --site-header-top-offset:0.45rem; --site-header-block-size:4.15rem; --desktop-nav-sticky-top:calc(var(--site-header-top-offset)+var(--site-header-block-size)+0.45rem); --site-audio-rail-width:0px; --site-audio-player-stack-height:0px }
.site-rail-stack,.site-desktop-nav { display:none }
@media (min-width:50rem) { body { --desktop-nav-column-size:var(--desktop-nav-collapsed-width); --site-rail-column-size:max(var(--desktop-nav-column-size),var(--site-audio-rail-width)) } body[data-desktop-nav-state="expanded"] { --desktop-nav-column-size:var(--desktop-nav-expanded-width); --site-rail-column-size:max(var(--desktop-nav-column-size),var(--site-audio-rail-width)) } .site-shell,body.page-gallery .site-shell,body.page-videos .site-shell { display:grid; grid-template-columns:var(--site-rail-column-size) minmax(0,1fr); column-gap:clamp(0.8rem,1.6vw,1.15rem); align-items:start; padding-inline-start:clamp(0.7rem,1.4vw,1rem) !important; transition:grid-template-columns var(--duration-base) var(--ease-standard),column-gap var(--duration-base) var(--ease-standard) } .site-shell>.site-header { grid-column:1 / -1 } .site-shell>.site-rail-stack,.site-shell>.site-frame,.site-shell>.site-footer { min-inline-size:0 } .site-shell>.site-rail-stack { display:grid; grid-column:1; grid-row:2; position:sticky; inset-block-start:var(--desktop-nav-sticky-top); align-self:start; z-index:22 } .site-rail-stack { gap:0.6rem; inline-size:100%; min-inline-size:0; align-content:start } .site-shell>.site-frame,.site-shell>.site-footer { grid-column:2 } .site-rail-stack>.site-desktop-nav { display:block; inline-size:var(--desktop-nav-column-size); min-inline-size:0 } .site-desktop-nav__inner { display:grid; gap:0.6rem; inline-size:100%; min-inline-size:0 } .site-desktop-nav .site-header__menu { position:relative !important; inset:auto !important; inset-inline-start:auto !important; inset-block-start:auto !important; z-index:auto !important; display:inline-flex !important; align-items:center; justify-content:center; inline-size:100%; min-inline-size:0; min-block-size:2.3rem; padding:0; overflow:hidden; border-radius:999px; white-space:nowrap; text-indent:180%; font-size:0; color:transparent !important; background:linear-gradient(180deg,rgba(20,19,21,0.98),rgba(8,8,10,0.96)); box-shadow:0 0.85rem 1.85rem rgba(0,0,0,0.34); transform:none !important } .site-desktop-nav .site-header__menu::before { content:"\f0c9"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--page-text); font-family:"Font Awesome 6 Free"; font-size:0.92rem; font-weight:900; line-height:1; text-indent:0; pointer-events:none } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before { content:"\f00d" } .site-desktop-nav .site-nav { position:relative !important; inset:auto !important; inset-inline-start:auto !important; inset-block-start:auto !important; inset-block-end:auto !important; z-index:auto !important; display:grid !important; gap:0.5rem; align-content:start; justify-items:stretch; inline-size:100%; min-inline-size:0; max-block-size:calc(100vh - var(--desktop-nav-sticky-top) - 1rem); padding:0.45rem; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:none; border:1px solid var(--page-border); border-radius:1rem; background:linear-gradient(180deg,rgba(17,16,18,0.98),rgba(8,8,10,0.97)),var(--page-surface-strong); box-shadow:0 1rem 2.7rem rgba(0,0,0,0.34); transform:none !important } .site-desktop-nav .site-nav::-webkit-scrollbar { display:none } .site-desktop-nav .site-nav__group { display:grid; gap:0.24rem; inline-size:100%; min-inline-size:0 } .site-desktop-nav .site-nav__group summary { list-style:none } .site-desktop-nav .site-nav__link--group { display:block; min-block-size:auto; padding:0.12rem 0.3rem; border-radius:0.65rem; background:transparent !important; color:var(--page-text-soft); font-family:var(--font-display); font-size:0.72rem; letter-spacing:0.09em; text-transform:uppercase; cursor:default; transform:none !important } .site-desktop-nav .site-nav__link--group::after { display:none } .site-desktop-nav .site-nav__menu,.site-desktop-nav .site-nav__group[open] .site-nav__menu { position:static; display:grid !important; gap:0.22rem; inline-size:100%; min-inline-size:0; padding:0; border:0; background:transparent; box-shadow:none } .site-desktop-nav .site-nav__menu--tools,.site-desktop-nav .site-nav__menu--pages { inline-size:100% } .site-desktop-nav .site-nav__menu-links,.site-desktop-nav .site-nav__menu-links--single { display:grid; gap:0.22rem; inline-size:100%; min-inline-size:0; max-block-size:none; overflow:visible } .site-desktop-nav .site-nav__submenu-item,.site-desktop-nav .site-nav__link--auth,.site-desktop-nav .site-nav__link--subscribe { display:grid; grid-template-columns:var(--desktop-nav-link-size) minmax(0,1fr); align-items:center; gap:0.5rem; inline-size:100%; min-block-size:2.26rem; padding:0.18rem 0.22rem; border-radius:0.78rem; background:rgba(255,255,255,0.04); transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard) } .site-desktop-nav .site-nav__submenu-item:hover,.site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link:focus-visible),.site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link.is-current),.site-desktop-nav .site-nav__link--auth:hover,.site-desktop-nav .site-nav__link--auth:focus-visible,.site-desktop-nav .site-nav__link--subscribe:hover,.site-desktop-nav .site-nav__link--subscribe:focus-visible { color:var(--page-text); background:var(--page-surface-ghost); transform:none } .site-desktop-nav .site-nav__submenu-icon { inline-size:var(--desktop-nav-link-size); block-size:var(--desktop-nav-link-size); border:1px solid rgba(255,255,255,0.06); border-radius:0.65rem; background:rgba(255,255,255,0.055); font-size:0.92rem } .site-desktop-nav .site-nav__submenu-icon i { font-size:0.92rem } .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child,.site-desktop-nav .site-nav__link--auth,.site-desktop-nav .site-nav__link--subscribe,.site-desktop-nav .site-nav__auth-name { min-inline-size:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav { gap:0.16rem; padding:0.12rem 0; border-color:transparent; background:transparent; box-shadow:none; overflow:visible } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__group,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu-links,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu-links--single { gap:0.16rem; justify-items:stretch } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--group,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--subscribe { display:none } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item { position:relative; display:grid; grid-template-columns:1fr; justify-items:center; inline-size:100%; min-inline-size:0; min-block-size:1.82rem; padding:0; border:0; border-radius:999px; background:transparent } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link { position:absolute; inset:0; display:block; min-block-size:100%; overflow:hidden; white-space:nowrap; text-indent:-999rem } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-icon { inline-size:1.65rem; block-size:1.65rem; border-color:var(--page-border); border-radius:999px; background:linear-gradient(180deg,rgba(20,19,21,0.98),rgba(8,8,10,0.96)); box-shadow:0 0.65rem 1.35rem rgba(0,0,0,0.3) } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:hover,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link:focus-visible),body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link.is-current) { background:transparent } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:hover .site-nav__submenu-icon,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link:focus-visible) .site-nav__submenu-icon,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link.is-current) .site-nav__submenu-icon { border-color:var(--page-border-strong); background:linear-gradient(180deg,rgba(166,38,54,0.34),rgba(38,10,14,0.96)); color:var(--page-text) } }
@media (min-width:50rem) { body { --desktop-nav-collapsed-width:3rem; --site-rail-anchor:1rem; --site-rail-stack-gap:0.5rem } .site-shell { grid-template-columns:minmax(0,1fr) !important; padding-inline-start:calc(var(--site-rail-anchor)+var(--site-rail-column-size)+clamp(0.7rem,1.4vw,1.2rem)) !important; column-gap:0 !important } .site-shell>.site-header,.site-shell>.site-frame,.site-shell>.site-footer { grid-column:1 !important } body { --site-audio-player-max-height:16rem } .site-shell>.site-rail-stack { position:fixed !important; inset-inline-start:var(--site-rail-anchor) !important; inset-block-start:var(--desktop-nav-sticky-top) !important; inline-size:var(--site-rail-column-size) !important; z-index:28 } .site-rail-stack>.site-desktop-nav { display:grid !important; grid-template-rows:auto minmax(0,1fr) !important; inline-size:var(--desktop-nav-column-size) !important } .site-desktop-nav__inner { grid-template-rows:minmax(0,1fr) !important } .site-desktop-nav .site-nav { block-size:auto; max-block-size:min( 750px,calc( 100vh - var(--desktop-nav-sticky-top) - var(--site-rail-anchor) - var(--site-audio-player-stack-height) - var(--site-rail-stack-gap) ) ) !important; scrollbar-gutter:auto } .site-rail-stack>.site-audio-player { position:relative !important; inset:auto !important; max-inline-size:min(22rem,calc(100vw - 1rem)) !important; min-inline-size:100px; margin:0 !important; z-index:auto !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item { position:relative } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child { display:block; position:absolute; inset-inline-start:calc(100%+0.5rem); inset-block-start:50%; transform:translateY(-50%) translateX(-0.35rem); padding:0.35rem 0.7rem; border:1px solid var(--page-border); border-radius:0.6rem; background:linear-gradient(180deg,rgba(18,17,19,0.98),rgba(9,9,11,0.98)),var(--page-surface-strong); color:var(--page-text); font-family:var(--font-sans); font-size:0.82rem; letter-spacing:0.02em; line-height:1.2; white-space:nowrap; box-shadow:var(--page-shadow-soft); opacity:0; pointer-events:none; transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard); z-index:60 } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:hover .site-nav__submenu-link>span:last-child,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link:focus-visible) .site-nav__submenu-link>span:last-child { opacity:1; transform:translateY(-50%) translateX(0) } }
@media (min-width:50rem) { html,body { max-inline-size:100%; overflow-x:clip } body { --site-rail-height:calc(100vh - var(--desktop-nav-sticky-top) - var(--site-rail-anchor)) } @supports (height:100dvh) { body { --site-rail-height:calc(100dvh - var(--desktop-nav-sticky-top) - var(--site-rail-anchor)) } } .site-shell,.site-frame,.site-main,.site-rail-stack,.site-desktop-nav,.site-desktop-nav__inner,.site-desktop-nav .site-nav { box-sizing:border-box; min-inline-size:0; max-inline-size:100% } .site-shell>.site-rail-stack { display:grid !important; grid-template-rows:minmax(0,1fr) auto; align-content:stretch; block-size:max(0px,var(--site-rail-height)) !important; max-block-size:max(0px,var(--site-rail-height)) !important; overflow:visible !important } .site-rail-stack>.site-desktop-nav { display:grid; grid-template-rows:auto minmax(0,1fr); block-size:100%; min-block-size:0; overflow:hidden } .site-desktop-nav__inner { grid-template-rows:minmax(0,1fr); block-size:100%; min-block-size:0; overflow:hidden } .site-desktop-nav .site-nav { block-size:100% !important; max-block-size:none !important; min-block-size:0; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain; scrollbar-gutter:auto; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,0.42) transparent; padding:0.45rem 0.65rem 0.45rem 0.45rem } .site-desktop-nav .site-nav::-webkit-scrollbar { display:block; width:0.24rem; height:0.24rem } .site-desktop-nav .site-nav::-webkit-scrollbar-track { background:transparent } .site-desktop-nav .site-nav::-webkit-scrollbar-thumb { border-radius:999px; background:rgba(255,255,255,0.42) } .site-desktop-nav .site-nav__group,.site-desktop-nav .site-nav__menu,.site-desktop-nav .site-nav__menu-links,.site-desktop-nav .site-nav__menu-links--single,.site-desktop-nav .site-nav__submenu-item,.site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child { box-sizing:border-box; min-inline-size:0; max-inline-size:100%; overflow-x:hidden } .site-desktop-nav .site-nav__submenu-item,.site-desktop-nav .site-nav__link--auth,.site-desktop-nav .site-nav__link--subscribe { min-block-size:2.7rem; align-items:start } .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child,.site-desktop-nav .site-nav__link--auth,.site-desktop-nav .site-nav__link--subscribe,.site-desktop-nav .site-nav__auth-name { white-space:normal; line-height:1.16; overflow-wrap:normal; word-break:normal } }
@media (min-width:50rem) { body { --desktop-nav-collapsed-width:3.15rem; --desktop-nav-expanded-width:17.5rem; --site-rail-anchor:0.75rem; --site-rail-stack-gap:0.55rem } body[data-audio-mode="expanded"] { --desktop-nav-column-size:max(13.75rem,var(--site-audio-rail-width)); --site-rail-column-size:max(13.75rem,var(--site-audio-rail-width)) } body[data-audio-mode="sidebar"] { --desktop-nav-column-size:var(--desktop-nav-collapsed-width); --site-rail-column-size:4.2rem } .site-shell { padding-inline-start:calc(var(--site-rail-anchor)+var(--site-rail-column-size)+clamp(0.7rem,1.4vw,1.2rem)) !important } .site-header { grid-template-columns:auto minmax(1rem,1fr) auto minmax(14rem,22rem) auto !important; align-items:center !important; min-block-size:3.55rem; padding:0.45rem 0.72rem !important; gap:0.72rem !important } .site-header__brand { grid-column:1 !important; min-inline-size:0 } .brand-lockup img { inline-size:2.55rem !important; block-size:2.55rem !important } .brand-lockup strong { font-size:0.98rem !important; line-height:1.05 } .brand-lockup small { font-size:0.66rem !important; line-height:1.2 } .site-audio-dock { grid-column:3 !important; grid-row:1 !important; justify-self:end !important; align-self:center !important; inline-size:min(12.5rem,18vw) !important; max-inline-size:100% !important; min-block-size:2.2rem !important } body[data-audio-mode="header"] .site-audio-dock { display:inline-flex !important } .site-header__search { display:block !important; grid-column:4 !important; grid-row:1 !important; align-self:center !important; min-inline-size:0 !important } .site-search-inline__input { min-block-size:2.35rem !important; padding-block:0.52rem !important } .site-header__actions { grid-column:5 !important; grid-row:1 !important; justify-self:end !important; align-self:center !important; display:inline-flex !important; align-items:center !important; gap:0.45rem !important; min-inline-size:0 !important } .site-header__actions .site-header__search-toggle { display:none !important } .site-header__subscribe,.site-header__auth { display:inline-flex !important; align-items:center; justify-content:center; min-block-size:2.3rem !important; padding:0 0.78rem !important; border:1px solid var(--page-border); border-radius:var(--radius-pill); background:rgba(255,255,255,0.05); color:var(--page-text-muted); white-space:nowrap } .site-header__subscribe { border-color:rgba(255,0,10,0.38); background:rgba(160,0,0,0.18); color:#f5f5f5 } .site-header__subscribe:hover,.site-header__subscribe:focus-visible,.site-header__auth:hover,.site-header__auth:focus-visible { color:var(--page-text); border-color:var(--page-border-strong); background:rgba(255,255,255,0.1); transform:translateY(-1px) } .site-shell>.site-rail-stack { display:grid !important; grid-template-rows:minmax(0,1fr) auto !important; gap:var(--site-rail-stack-gap) !important; inline-size:var(--site-rail-column-size) !important; block-size:max(0px,var(--site-rail-height)) !important; max-block-size:max(0px,var(--site-rail-height)) !important; overflow:visible !important } .site-rail-stack>.site-desktop-nav { display:grid !important; grid-template-rows:auto minmax(0,1fr) !important; inline-size:100% !important; block-size:100% !important; min-block-size:0 !important; overflow:hidden !important } .site-desktop-nav__inner { display:grid !important; grid-template-rows:minmax(0,1fr) !important; block-size:100% !important; min-block-size:0 !important; overflow:hidden !important; gap:0.5rem !important } .site-desktop-nav .site-header__menu { inline-size:100% !important; min-inline-size:0 !important; min-block-size:2.35rem !important; padding:0 !important; flex:0 0 auto; font-size:0 !important; line-height:1 !important; text-indent:0 !important; color:transparent !important } .site-desktop-nav .site-header__menu::before { text-indent:0 !important; color:var(--page-text) !important } .site-desktop-nav .site-nav { display:grid !important; block-size:100% !important; min-block-size:0 !important; max-block-size:none !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain !important; scrollbar-gutter:stable !important; padding:0.45rem 0.55rem 0.45rem 0.45rem !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav { border:1px solid var(--page-border) !important; border-radius:1rem !important; background:linear-gradient(180deg,rgba(18,17,19,0.97),rgba(9,9,11,0.96)) !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__submenu-item,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--subscribe { display:grid !important; grid-template-columns:2.15rem minmax(0,1fr) !important; align-items:center !important; gap:0.55rem !important; min-block-size:2.42rem !important; padding:0.28rem 0.55rem !important; overflow:hidden !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--subscribe { display:block !important; min-inline-size:0 !important; max-inline-size:100% !important; overflow:visible !important; text-overflow:clip !important; white-space:normal !important; line-height:1.16 !important; word-break:normal !important; overflow-wrap:normal !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav { border-color:transparent !important; background:transparent !important; box-shadow:none !important; padding:0.18rem 0 !important; gap:0.18rem !important; overflow-y:auto !important; overflow-x:visible !important; scrollbar-gutter:auto !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--group,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--subscribe,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child { display:none !important; opacity:0 !important; visibility:hidden !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item { display:grid !important; place-items:center !important; min-block-size:1.82rem !important; padding:0 !important; overflow:visible !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-icon { inline-size:1.65rem !important; block-size:1.65rem !important } .site-rail-stack>.site-audio-player { position:relative !important; inset:auto !important; inline-size:100% !important; max-inline-size:min(22.5rem,calc(100vw - 1rem)) !important; margin:0 !important; z-index:auto !important } .site-rail-stack>.site-audio-player.is-expanded { min-inline-size:13.75rem !important; resize:horizontal !important; overflow:auto !important } .site-rail-stack>.site-audio-player.is-sidebar-minimized { inline-size:4.1rem !important; min-inline-size:4.1rem !important; max-inline-size:4.1rem !important; padding:0.42rem !important; resize:none !important; opacity:0.72 !important } .site-audio-player.is-sidebar-minimized .site-audio-player__marquee { display:none !important } body[data-audio-mode="header"] .site-rail-stack>.site-audio-player { display:none !important } }
@media (min-width:50rem) { .site-shell>.site-rail-stack { display:grid !important; grid-template-rows:minmax(0,1fr) auto !important; gap:var(--site-rail-stack-gap,0.55rem) !important; min-block-size:0 !important; overflow:visible !important } .site-rail-stack>.site-desktop-nav { display:grid !important; grid-template-rows:auto minmax(0,1fr) !important; min-block-size:0 !important; overflow:hidden !important } .site-desktop-nav__inner { display:grid !important; grid-template-rows:minmax(0,1fr) !important; min-block-size:0 !important; overflow:hidden !important; gap:0.5rem !important } .site-desktop-nav .site-nav { align-self:stretch !important; block-size:auto !important; min-block-size:0 !important; max-block-size:100% !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain !important; scrollbar-gutter:stable !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__submenu-item,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--subscribe { grid-template-columns:2.12rem minmax(0,1fr) !important; align-items:center !important; min-block-size:2.5rem !important; block-size:auto !important; padding:0.3rem 0.5rem !important; line-height:1.16 !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--subscribe { display:block !important; min-inline-size:0 !important; max-inline-size:100% !important; overflow:visible !important; text-overflow:clip !important; white-space:normal !important; overflow-wrap:normal !important } .site-rail-stack>.site-audio-player { grid-row:2 !important; max-block-size:min(19rem,45dvh) !important; overflow:auto !important } .site-rail-stack>.site-audio-player.is-sidebar-minimized { overflow:hidden !important } }
@media (min-width:50rem) { body { --layout-header-top:0.5rem; --layout-rail-left:clamp(0.55rem,1vw,1rem); --layout-footer-height:2.25rem; --layout-footer-gap:0.95rem; --layout-rail-gap:clamp(0.8rem,1.25vw,1.2rem); --layout-rail-collapsed-width:3rem; --layout-rail-expanded-width:15rem; --layout-rail-width:var(--layout-rail-collapsed-width); --layout-rail-top:calc(var(--layout-header-top)+var(--site-header-block-size,4.15rem)+1rem); --layout-rail-bottom:calc(var(--layout-footer-height)+var(--layout-footer-gap)); --desktop-nav-link-size:2.32rem; --desktop-nav-sticky-top:var(--layout-rail-top); --site-rail-column-size:var(--layout-rail-width); --desktop-nav-column-size:var(--layout-rail-width) } body[data-desktop-nav-state="expanded"] { --layout-rail-width:var(--layout-rail-expanded-width); --site-rail-column-size:var(--layout-rail-expanded-width); --desktop-nav-column-size:var(--layout-rail-expanded-width) } .site-shell { inline-size:min(100%,1508px) !important; max-inline-size:none !important; margin-inline:auto !important; padding-block:var(--layout-header-top) calc(var(--layout-footer-height)+0.85rem) !important; padding-inline-end:clamp(0.9rem,1.25vw,1.15rem) !important; padding-inline-start:var(--layout-rail-left) !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:0.8rem !important; transition:none } .site-shell>.site-frame { padding-inline-start:calc(var(--layout-rail-width)+var(--layout-rail-gap)) !important; transition:padding-inline-start 0.18s ease } .site-shell>.site-header,.site-shell>.site-frame,.site-shell>.site-footer { grid-column:1 !important } .site-shell>.site-header { position:sticky !important; inset-block-start:var(--layout-header-top) !important; z-index:55 !important; display:grid !important; grid-template-columns:minmax(12rem,18rem) minmax(18rem,1fr) auto auto !important; align-items:center !important; gap:0.72rem !important; min-block-size:3.45rem !important; margin:0 !important; padding:0.48rem 0.74rem !important; border:1px solid rgba(255,0,10,0.17) !important; border-radius:1.25rem !important; background:linear-gradient(180deg,rgba(18,18,20,0.98),rgba(8,8,10,0.96)) !important; box-shadow:0 1.25rem 3rem rgba(0,0,0,0.32) !important; overflow:visible !important } .site-header__brand { grid-column:1 !important; min-inline-size:0 !important } .brand-lockup img { inline-size:2.45rem !important; block-size:2.45rem !important } .brand-lockup strong { font-size:1.02rem !important; line-height:1 !important } .brand-lockup small { font-size:0.68rem !important; line-height:1 !important } .site-header>.site-header__menu,body[data-desktop-nav-ready="true"] .site-header>.site-nav { display:none !important } .site-header__search { display:block !important; grid-column:2 !important; min-inline-size:0 !important } .site-search-inline__input { min-block-size:2.42rem !important; padding:0.55rem 0.85rem !important } .site-header__actions { display:inline-flex !important; grid-column:4 !important; justify-self:end !important; align-items:center !important; gap:0.5rem !important; min-inline-size:max-content !important } .site-header__actions .site-header__search-toggle { display:none !important } .site-header__subscribe,.site-header__auth { min-block-size:2.22rem !important; padding-inline:0.78rem !important } .site-audio-dock { grid-column:3 !important; inline-size:min(11.25rem,15vw) !important; max-inline-size:11.25rem !important; min-inline-size:2.45rem !important; min-block-size:2.32rem !important; align-self:center !important; justify-self:end !important } body[data-audio-mode="sidebar"] .site-audio-dock { display:none !important } body[data-audio-mode="header"] .site-audio-dock { display:inline-flex !important } .site-shell>.site-rail-stack { position:fixed !important; inset-inline-start:var(--layout-rail-left) !important; inset-block-start:var(--layout-rail-top) !important; inset-block-end:var(--layout-rail-bottom) !important; inline-size:var(--layout-rail-width) !important; display:grid !important; grid-template-rows:minmax(0,1fr) auto !important; gap:0.62rem !important; z-index:49 !important; min-block-size:0 !important; overflow:visible !important; transition:inline-size 0.18s ease } .site-rail-stack>.site-desktop-nav,.site-desktop-nav__inner { inline-size:100% !important; min-inline-size:0 !important; min-block-size:0 !important; overflow:hidden !important } .site-desktop-nav__inner { display:grid !important; grid-template-rows:minmax(0,1fr) !important; gap:0.48rem !important } .site-desktop-nav .site-header__menu { display:grid !important; place-items:center !important; inline-size:2.42rem !important; block-size:2.42rem !important; min-inline-size:2.42rem !important; min-block-size:2.42rem !important; margin:0 auto !important; padding:0 !important; border-radius:999px !important; font-size:0 !important; line-height:0 !important; color:var(--page-text,#f4f4f4) !important } .site-desktop-nav .site-header__menu::before { content:"\f0c9"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:0.96rem; line-height:1 } body[data-desktop-nav-state="expanded"] .site-desktop-nav__inner { grid-template-rows:minmax(0,1fr) !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu { display:block !important; inline-size:100% !important; block-size:auto !important; min-inline-size:0 !important; min-block-size:0 !important; margin:0 !important; padding:0.1rem 0.38rem 0.06rem !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:var(--page-text-soft,#a9a9a9) !important; font-size:0 !important; line-height:1 !important; text-align:left !important; transform:none !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; font-family:"Font Awesome 6 Free" !important; font-size:0.85rem !important; font-weight:900 !important; line-height:1 !important } .site-desktop-nav .site-nav { position:static !important; display:grid !important; align-content:start !important; gap:0.3rem !important; inline-size:100% !important; min-block-size:0 !important; max-block-size:none !important; padding:0.44rem !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain !important; scrollbar-gutter:stable !important; border:1px solid rgba(255,255,255,0.08) !important; border-radius:1rem !important; background:linear-gradient(180deg,rgba(17,16,18,0.95),rgba(7,7,9,0.94)) !important; box-shadow:0 1rem 2.4rem rgba(0,0,0,0.34) !important; transform:none !important } .site-desktop-nav .site-nav__group,.site-desktop-nav .site-nav__menu,.site-desktop-nav .site-nav__menu-links,.site-desktop-nav .site-nav__menu-links--single { display:grid !important; inline-size:100% !important; min-inline-size:0 !important; max-block-size:none !important; gap:0.24rem !important; padding:0 !important; overflow:visible !important } .site-desktop-nav .site-nav__link--group { display:block !important; min-block-size:0 !important; padding:0.14rem 0.3rem 0.08rem !important; border-radius:0 !important; background:transparent !important; color:var(--page-text-soft,#a9a9a9) !important; font-family:var(--font-display,system-ui) !important; font-size:0.68rem !important; line-height:1 !important; letter-spacing:0.1em !important; text-transform:uppercase !important; pointer-events:none !important; transform:none !important } .site-desktop-nav .site-nav__link--group::after { display:none !important } .site-desktop-nav .site-nav__submenu-item,.site-desktop-nav .site-nav__link--auth,.site-desktop-nav .site-nav__link--subscribe { display:grid !important; grid-template-columns:2.16rem minmax(0,1fr) !important; align-items:center !important; gap:0.52rem !important; inline-size:100% !important; min-inline-size:0 !important; min-block-size:2.48rem !important; block-size:auto !important; padding:0.26rem 0.48rem !important; border:0 !important; border-radius:0.78rem !important; background:rgba(255,255,255,0.045) !important; color:var(--page-text-muted,#d9d9d9) !important; overflow:hidden !important; transform:none !important } .site-desktop-nav .site-nav__submenu-item:hover,.site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link:focus-visible),.site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link.is-current),.site-desktop-nav .site-nav__link--subscribe:hover,.site-desktop-nav .site-nav__link--subscribe:focus-visible { color:#fff !important; background:rgba(255,255,255,0.09) !important } .site-desktop-nav .site-nav__submenu-icon { display:inline-grid !important; place-items:center !important; inline-size:2.1rem !important; block-size:2.1rem !important; border:1px solid rgba(255,255,255,0.07) !important; border-radius:0.68rem !important; background:rgba(255,255,255,0.055) !important; color:var(--page-accent-strong,#ff000a) !important; font-size:0.92rem !important; flex:0 0 auto !important } .site-desktop-nav .site-nav__submenu-icon i,.site-desktop-nav .site-nav__submenu-icon svg { inline-size:1rem !important; block-size:1rem !important; font-size:0.92rem !important } .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child,.site-desktop-nav .site-nav__link--auth,.site-desktop-nav .site-nav__link--subscribe,.site-desktop-nav .site-nav__auth-name { min-inline-size:0 !important; max-inline-size:100% !important; overflow:visible !important; text-overflow:clip !important; white-space:normal !important; overflow-wrap:normal !important; line-height:1.16 !important; font-size:0.87rem !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav { gap:0.2rem !important; padding:0.05rem 0 !important; border-color:transparent !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; overflow-y:auto !important; overflow-x:hidden !important; scrollbar-width:none !important; scrollbar-gutter:auto !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav::-webkit-scrollbar { display:none !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__group,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu-links,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu-links--single { gap:0.18rem !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--group,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--subscribe,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child { display:none !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item { grid-template-columns:1fr !important; place-items:center !important; min-block-size:1.82rem !important; padding:0 !important; border-radius:999px !important; background:transparent !important; overflow:visible !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-icon { inline-size:1.65rem !important; block-size:1.65rem !important; border-radius:999px !important; border-color:rgba(255,0,10,0.26) !important; background:linear-gradient(180deg,rgba(18,18,20,0.97),rgba(7,7,9,0.96)) !important } .site-rail-stack>.site-audio-player { position:static !important; inset:auto !important; grid-row:2 !important; inline-size:100% !important; min-inline-size:0 !important; max-inline-size:100% !important; max-block-size:min(19rem,42dvh) !important; margin:0 !important; resize:none !important; overflow:auto !important; z-index:auto !important; opacity:1 !important } .site-audio-player.is-expanded .site-audio-player__collapsed,.site-audio-player.is-header-docked,body[data-audio-mode="header"] .site-rail-stack>.site-audio-player { display:none !important } .site-audio-player.is-expanded .site-audio-player__header,.site-audio-player.is-expanded .site-audio-player__body { display:grid !important } .site-audio-player.is-sidebar-minimized { inline-size:100% !important; min-inline-size:0 !important; max-inline-size:100% !important; padding:0.28rem !important; border:1px solid rgba(255,255,255,0.1) !important; border-radius:0.72rem !important; background:linear-gradient(180deg,rgba(17,18,19,0.96),rgba(7,8,9,0.94)) !important; box-shadow:0 1rem 2rem rgba(0,0,0,0.3) !important; overflow:hidden !important } .site-audio-player.is-sidebar-minimized .site-audio-player__header,.site-audio-player.is-sidebar-minimized .site-audio-player__body { display:none !important } .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed { display:grid !important; gap:0.34rem !important } .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed button { inline-size:100% !important; min-inline-size:0 !important; min-block-size:2.12rem !important; padding:0 !important; border-radius:0.42rem !important } .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed .site-audio-player__marquee { display:none !important } .site-audio-player.is-expanded { padding:0.64rem !important } .site-audio-player.is-expanded .site-audio-player__header { grid-template-columns:minmax(0,1fr) auto !important; gap:0.5rem !important } .site-audio-player.is-expanded .site-audio-player__header-actions { gap:0.45rem !important } .site-audio-player.is-expanded .site-audio-player__toggle,.site-audio-player.is-expanded .site-audio-player__collapse { min-block-size:2.1rem !important; padding-inline:0.65rem !important } .site-audio-player audio { inline-size:100% !important } .site-audio-player__controls { flex-wrap:wrap !important } .site-footer { position:static !important; min-block-size:var(--layout-footer-height) !important; padding-block:0.35rem !important; padding-inline:calc(var(--layout-rail-left)+var(--layout-rail-width)+var(--layout-rail-gap)) 1rem !important; margin:0 !important; border-block-start:1px solid rgba(255,255,255,0.06) !important; background:linear-gradient(180deg,rgba(8,8,9,0.28),rgba(0,0,0,0.94)) !important; backdrop-filter:blur(12px) !important } .site-footer__lead,.site-footer__links { min-block-size:1.35rem !important } }
@media (min-width:50rem) { body { --layout-footer-gap:1.15rem !important; --layout-rail-bottom:calc(var(--layout-footer-height,2.25rem)+var(--layout-footer-gap,1.15rem)) !important } .site-shell { padding-block-end:calc(var(--layout-footer-height,2.25rem)+var(--layout-footer-gap,1.15rem)+0.85rem) !important } .site-shell>.site-rail-stack { inset-block-end:var(--layout-rail-bottom) !important; z-index:58 !important } .site-rail-stack>.site-audio-player { margin-block-end:0 !important; max-block-size:min(18rem,34dvh) !important } .site-footer { z-index:44 !important; min-block-size:var(--layout-footer-height,2.25rem) !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu { position:static !important; display:block !important; inline-size:100% !important; block-size:auto !important; min-inline-size:0 !important; min-block-size:0 !important; margin:0 !important; padding:0.08rem 0.38rem 0.02rem !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; outline:0 !important; transform:none !important; color:var(--page-text-soft,#aaa) !important; text-align:left !important; pointer-events:auto !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; font-family:"Font Awesome 6 Free" !important; font-size:0.85rem !important; font-weight:900 !important; line-height:1 !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu:hover,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu:focus-visible,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu[aria-expanded="true"] { border:0 !important; background:transparent !important; box-shadow:none !important; transform:none !important } }
@media (min-width:50rem) { body { --layout-footer-height:2.75rem !important; --layout-footer-gap:1.45rem !important; --layout-rail-bottom:calc(var(--layout-footer-height,2.75rem)+var(--layout-footer-gap,1.45rem)) !important } .site-shell { padding-block-end:calc(var(--layout-footer-height,2.75rem)+var(--layout-footer-gap,1.45rem)+0.75rem) !important } .site-shell>.site-rail-stack { --inset-block-bottom:var(--layout-rail-bottom) !important; inset-block-end:var(--layout-rail-bottom) !important; z-index:62 !important; overflow:visible !important } .site-rail-stack>.site-audio-player { position:static !important; max-block-size:min(15.5rem,calc(100dvh - var(--layout-rail-top,4.7rem) - var(--layout-rail-bottom,4.2rem) - 10rem)) !important; margin-block-end:0 !important; z-index:63 !important } .site-shell>.site-footer,.site-footer { z-index:30 !important; min-block-size:var(--layout-footer-height,2.75rem) !important; block-size:var(--layout-footer-height,2.75rem) !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu { position:static !important; display:block !important; inline-size:100% !important; block-size:auto !important; min-inline-size:0 !important; min-block-size:0 !important; margin:0 !important; padding:0.08rem 0.38rem 0.02rem !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; transform:none !important; font-size:0 !important; line-height:1 !important; text-align:left !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; font-family:"Font Awesome 6 Free" !important; font-size:0.85rem !important; font-weight:900 !important; line-height:1 !important; color:var(--page-text-soft,#aaa) !important } }
@media (min-width:50rem) { body { --layout-footer-height:2.35rem !important; --layout-footer-gap:1rem !important; --layout-rail-bottom:calc(var(--layout-footer-height,2.35rem)+var(--layout-footer-gap,1rem)) !important } .site-shell { padding-block-end:calc(var(--layout-footer-height,2.35rem)+var(--layout-footer-gap,1rem)+0.6rem) !important } .site-shell>.site-rail-stack { inset-block-end:var(--layout-rail-bottom) !important; overflow:visible !important } .site-rail-stack>.site-audio-player,.site-rail-stack>.site-audio-player.is-expanded,.site-rail-stack>.site-audio-player.is-sidebar-minimized { resize:none !important; margin-block-end:0 !important } .site-rail-stack>.site-audio-player.is-expanded { overflow:hidden !important; max-block-size:min(16rem,calc(100dvh - var(--layout-rail-top,4.7rem) - var(--layout-rail-bottom,3.35rem) - 2.25rem)) !important } .site-shell>.site-footer,.site-footer { z-index:30 !important; min-block-size:var(--layout-footer-height,2.35rem) !important; block-size:var(--layout-footer-height,2.35rem) !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu { position:static !important; display:block !important; inline-size:100% !important; block-size:auto !important; min-inline-size:0 !important; min-block-size:0 !important; margin:0 !important; padding:0.08rem 0.35rem 0.02rem !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:var(--page-text-soft,#aaa) !important; cursor:pointer !important; font-size:0 !important; line-height:1 !important; text-align:left !important; transform:none !important; pointer-events:auto !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; position:static !important; display:block !important; font-family:"Font Awesome 6 Free" !important; font-size:0.85rem !important; font-weight:900 !important; line-height:1 !important; color:var(--page-text-soft,#aaa) !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu:hover,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu:focus-visible,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu[aria-expanded="true"] { border:0 !important; background:transparent !important; box-shadow:none !important; color:#fff !important; outline:0 !important; transform:none !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu { display:grid !important; place-items:center !important; inline-size:2.2rem !important; block-size:2.2rem !important; min-inline-size:2.2rem !important; min-block-size:2.2rem !important; margin:0 auto !important; padding:0 !important; border:1px solid rgba(255,0,10,0.28) !important; border-radius:999px !important; background:linear-gradient(180deg,rgba(18,18,20,0.97),rgba(7,7,9,0.96)) !important; box-shadow:0 0.65rem 1.35rem rgba(0,0,0,0.34) !important; color:var(--page-text,#f4f4f4) !important; cursor:pointer !important; font-size:0 !important; transform:none !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; position:static !important; display:block !important; font-family:"Font Awesome 6 Free" !important; font-size:0.82rem !important; font-weight:900 !important; line-height:1 !important; color:var(--page-text,#f4f4f4) !important } body.page-gallery { min-block-size:100dvh !important; block-size:auto !important; overflow-x:hidden !important; overflow-y:auto !important } body.page-videos { block-size:100dvh !important; overflow:hidden !important } body.page-gallery .site-shell { min-block-size:100dvh !important; block-size:auto !important; max-block-size:none !important; display:grid !important; grid-template-rows:auto minmax(0,1fr) auto !important; overflow:visible !important } body.page-videos .site-shell { block-size:100dvh !important; max-block-size:100dvh !important; display:grid !important; grid-template-rows:auto minmax(0,1fr) auto !important; overflow:hidden !important } body.page-gallery .site-frame,body.page-videos .site-frame,body.page-gallery .site-main--gallery,body.page-videos:not(.page-videos-index) .site-main--videos,body.page-gallery .gallery-page,body.page-videos:not(.page-videos-index) .videos-page { min-block-size:0 !important; overflow:hidden !important } body.page-gallery .gallery-layout,body.page-videos:not(.page-videos-index) .videos-layout { block-size:calc(100dvh - var(--site-header-block-size,4rem) - var(--layout-footer-height,2.35rem) - var(--layout-footer-gap,1rem) - 2rem) !important; max-block-size:calc(100dvh - var(--site-header-block-size,4rem) - var(--layout-footer-height,2.35rem) - var(--layout-footer-gap,1rem) - 2rem) !important; min-block-size:0 !important; align-items:stretch !important; overflow:hidden !important } body.page-gallery .gallery-watch-panel,body.page-videos:not(.page-videos-index) .videos-watch-panel { min-block-size:0 !important; overflow:auto !important; scrollbar-width:thin !important } body.page-gallery .gallery-rail-panel,body.page-videos:not(.page-videos-index) .videos-rail-panel { position:static !important; block-size:100% !important; max-block-size:100% !important; min-block-size:0 !important; overflow:hidden !important } }
@media (min-width:50rem) { body { --layout-header-top:0.42rem !important; --layout-rail-left:0.72rem !important; --layout-rail-gap:0.78rem !important; --layout-rail-collapsed-width:3.05rem !important; --layout-rail-expanded-width:13.8rem !important; --layout-footer-height:2.05rem !important; --layout-footer-gap:1.05rem !important; --layout-rail-bottom:calc(var(--layout-footer-height)+var(--layout-footer-gap)+0.55rem) !important } body[data-desktop-nav-state="expanded"] { --layout-rail-width:var(--layout-rail-expanded-width) !important; --site-rail-column-size:var(--layout-rail-expanded-width) !important; --desktop-nav-column-size:var(--layout-rail-expanded-width) !important } body[data-desktop-nav-state="collapsed"] { --layout-rail-width:var(--layout-rail-collapsed-width) !important; --site-rail-column-size:var(--layout-rail-collapsed-width) !important; --desktop-nav-column-size:var(--layout-rail-collapsed-width) !important } .site-shell,body.page-gallery .site-shell,body.page-videos .site-shell { inline-size:100vw !important; width:100vw !important; max-inline-size:none !important; max-width:none !important; margin:0 !important; box-sizing:border-box !important; padding-inline-start:calc(var(--layout-rail-left)+var(--layout-rail-width)+var(--layout-rail-gap)) !important; padding-inline-end:0.85rem !important; padding-block-start:var(--layout-header-top) !important; padding-block-end:calc(var(--layout-footer-height)+var(--layout-footer-gap)+0.65rem) !important; transition:padding-inline-start 0.18s ease !important } .site-shell>.site-header { inline-size:100% !important; width:100% !important; max-inline-size:none !important; max-width:none !important; justify-self:stretch !important } .site-shell>.site-frame,.site-frame,.site-main { inline-size:100% !important; max-inline-size:none !important; min-inline-size:0 !important } .site-shell>.site-rail-stack { inset-inline-start:var(--layout-rail-left) !important; inset-block-start:var(--layout-rail-top) !important; inset-block-end:var(--layout-rail-bottom) !important; inline-size:var(--layout-rail-width) !important; grid-template-rows:minmax(0,1fr) auto !important; min-block-size:0 !important; max-block-size:calc(100dvh - var(--layout-rail-top) - var(--layout-rail-bottom)) !important; overflow:visible !important; z-index:56 !important } .site-desktop-nav,.site-desktop-nav__inner,.site-desktop-nav .site-nav { min-block-size:0 !important } .site-desktop-nav__inner { display:grid !important; grid-template-rows:minmax(0,1fr) !important; gap:0.42rem !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu { display:block !important; position:static !important; inline-size:100% !important; min-inline-size:0 !important; block-size:auto !important; margin:0 !important; padding:0.1rem 0.42rem 0.08rem !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:var(--page-text-soft,#aaa) !important; text-align:left !important; cursor:pointer !important; transform:none !important; font-size:0 !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; display:block !important; font-family:"Font Awesome 6 Free" !important; font-size:0.85rem !important; font-weight:900 !important; line-height:1 !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu { display:grid !important; place-items:center !important; inline-size:2.42rem !important; block-size:2.42rem !important; min-inline-size:2.42rem !important; min-block-size:2.42rem !important; margin:0 auto !important; border:1px solid rgba(255,0,10,0.28) !important; border-radius:999px !important; background:linear-gradient(180deg,rgba(18,18,20,0.97),rgba(7,7,9,0.96)) !important; color:var(--page-text,#f4f4f4) !important; cursor:pointer !important; font-size:0 !important; transform:none !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; display:block !important; font-family:"Font Awesome 6 Free" !important; font-size:0.95rem !important; font-weight:900 !important; line-height:1 !important } .site-rail-stack>.site-audio-player,.site-rail-stack>.site-audio-player.is-expanded,.site-rail-stack>.site-audio-player.is-sidebar-minimized { resize:none !important; margin:0 !important; max-block-size:min(15.5rem,calc(100dvh - var(--layout-rail-top) - var(--layout-rail-bottom) - 3rem)) !important; overflow:hidden !important } .site-rail-stack>.site-audio-player.is-expanded { inline-size:100% !important; min-inline-size:0 !important; max-inline-size:100% !important } .site-rail-stack>.site-audio-player.is-sidebar-minimized { inline-size:var(--layout-rail-collapsed-width) !important; min-inline-size:var(--layout-rail-collapsed-width) !important; max-inline-size:var(--layout-rail-collapsed-width) !important } .site-audio-player__collapse { min-inline-size:5.5rem !important } .site-footer { position:static !important; min-block-size:var(--layout-footer-height) !important; block-size:var(--layout-footer-height) !important; padding-block:0.26rem !important; padding-inline-start:calc(var(--layout-rail-left)+var(--layout-rail-width)+var(--layout-rail-gap)) !important; padding-inline-end:0.75rem !important; box-sizing:border-box !important; pointer-events:auto !important } }
@media (min-width:50rem) { html,body { min-inline-size:0 !important; overflow-x:hidden !important } body { --lkf-header-top:0.36rem !important; --lkf-rail-left:0.44rem !important; --lkf-rail-gap:0.38rem !important; --lkf-rail-collapsed:2.96rem !important; --lkf-rail-expanded:13.25rem !important; --lkf-footer-height:2.5rem !important; --lkf-footer-gap:0.58rem !important; --lkf-rail-width:var(--lkf-rail-collapsed) !important; --layout-rail-left:var(--lkf-rail-left) !important; --layout-rail-gap:var(--lkf-rail-gap) !important; --layout-rail-collapsed-width:var(--lkf-rail-collapsed) !important; --layout-rail-expanded-width:var(--lkf-rail-expanded) !important; --layout-rail-width:var(--lkf-rail-width) !important; --layout-footer-height:var(--lkf-footer-height) !important; --layout-footer-gap:var(--lkf-footer-gap) !important; --layout-rail-bottom:calc(var(--lkf-footer-height)+var(--lkf-footer-gap)) !important; --layout-rail-top:calc(var(--lkf-header-top) + var(--site-header-block-size, 4rem) + 0.8rem) !important; --desktop-nav-column-size:var(--lkf-rail-width) !important; --site-rail-column-size:var(--lkf-rail-width) !important } body[data-desktop-nav-state="expanded"] { --lkf-rail-width:var(--lkf-rail-expanded) !important; --layout-rail-width:var(--lkf-rail-expanded) !important; --desktop-nav-column-size:var(--lkf-rail-expanded) !important; --site-rail-column-size:var(--lkf-rail-expanded) !important } body[data-desktop-nav-state="collapsed"] { --lkf-rail-width:var(--lkf-rail-collapsed) !important; --layout-rail-width:var(--lkf-rail-collapsed) !important; --desktop-nav-column-size:var(--lkf-rail-collapsed) !important; --site-rail-column-size:var(--lkf-rail-collapsed) !important } .site-shell { inline-size:100vw !important; width:100vw !important; max-inline-size:none !important; max-width:none !important; margin:0 !important; box-sizing:border-box !important; padding-block-start:calc(var(--lkf-header-top)+var(--site-header-block-size,4rem)+0.58rem) !important; padding-block-end:calc(var(--lkf-footer-height)+var(--lkf-footer-gap)+0.45rem) !important; padding-inline-start:calc(var(--lkf-rail-left)+var(--lkf-rail-width)+var(--lkf-rail-gap)) !important; padding-inline-end:1.08rem !important } .site-shell>.site-header { position:fixed !important; inset-block-start:var(--lkf-header-top) !important; inset-inline-start:calc(var(--lkf-rail-left)+var(--lkf-rail-width)+var(--lkf-rail-gap)) !important; inset-inline-end:1.08rem !important; z-index:70 !important; inline-size:auto !important; width:auto !important; max-inline-size:none !important; margin:0 0 0.58rem !important; box-sizing:border-box !important; padding:0.44rem 0.62rem !important; display:grid !important; grid-template-columns:auto minmax(13rem,1fr) auto auto !important; align-items:center !important; gap:0.55rem !important } .site-header__brand { grid-column:1 !important; min-inline-size:0 !important } .site-header__search { grid-column:2 !important; display:block !important; min-inline-size:0 !important } .site-header__actions { grid-column:4 !important; display:inline-flex !important; justify-content:end !important; min-inline-size:max-content !important } .site-header>.site-header__menu { display:none !important } body[data-desktop-nav-ready="true"] .site-header>.site-nav { display:none !important } body[data-audio-mode="header"] .site-shell>.site-header { grid-template-columns:auto minmax(13rem,1fr) minmax(9rem,12rem) auto !important } body[data-audio-mode="header"] .site-audio-dock { display:inline-flex !important; grid-column:3 !important; justify-self:stretch !important; inline-size:100% !important; min-inline-size:0 !important } body[data-audio-mode="header"] .site-header__actions { grid-column:4 !important } .site-shell>.site-frame,.site-frame,.site-main { inline-size:100% !important; max-inline-size:none !important; min-inline-size:0 !important; box-sizing:border-box !important } .site-frame { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(18rem,22rem) !important; gap:0.72rem !important; align-items:start !important } .page-no-panel .site-frame,.page-tool-app .site-frame,.page-gallery .site-frame,.page-videos .site-frame { grid-template-columns:minmax(0,1fr) !important } .site-main { padding:0.82rem !important } .page-home .site-main,.page-commands .site-main,.page-no-panel .site-main,.page-gallery .site-main,.page-videos .site-main { padding:0.72rem !important } .site-shell>.site-rail-stack { position:fixed !important; inset-inline-start:var(--lkf-rail-left) !important; inset-block-start:var(--layout-rail-top) !important; inset-block-end:calc(var(--lkf-footer-height)+var(--lkf-footer-gap)) !important; inline-size:var(--lkf-rail-width) !important; max-inline-size:var(--lkf-rail-width) !important; display:grid !important; grid-template-rows:minmax(0,1fr) auto !important; gap:0.42rem !important; z-index:68 !important; overflow:hidden !important; min-block-size:0 !important; transition:none !important } .site-rail-stack>.site-desktop-nav { display:grid !important; grid-template-rows:auto minmax(0,1fr) !important; inline-size:100% !important; max-inline-size:100% !important; block-size:100% !important; min-block-size:0 !important; overflow:hidden !important } .site-desktop-nav__inner { inline-size:100% !important; max-inline-size:100% !important; block-size:100% !important; min-block-size:0 !important; overflow:hidden !important; display:grid !important; grid-template-rows:minmax(0,1fr) !important; gap:0.26rem !important } .site-desktop-nav .site-header__menu { grid-row:1 !important; display:grid !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; transform:none !important; cursor:pointer !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu { inline-size:100% !important; min-block-size:2.28rem !important; display:grid !important; grid-template-columns:2.02rem minmax(0,1fr) !important; align-items:center !important; justify-items:stretch !important; gap:0.44rem !important; padding:0.14rem 0.42rem !important; border:1px solid rgba(255,255,255,0.05) !important; border-radius:0.62rem !important; background:rgba(255,255,255,0.055) !important; color:var(--page-text-muted,#cfcfcf) !important; font-size:0 !important; line-height:1 !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; display:grid !important; place-items:center !important; inline-size:1.72rem !important; block-size:1.72rem !important; border-radius:0.5rem !important; background:rgba(255,255,255,0.06) !important; color:var(--page-accent-strong,#ff0012) !important; font-family:"Font Awesome 6 Free" !important; font-size:0.92rem !important; font-weight:900 !important; line-height:1 !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::after { content:"Collapse" !important; min-inline-size:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; color:var(--page-text,#f3f3f3) !important; font-size:0.78rem !important; font-weight:800 !important; letter-spacing:0.015em !important; text-align:start !important; text-transform:none !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu { inline-size:2.34rem !important; block-size:2.34rem !important; min-inline-size:2.34rem !important; min-block-size:2.34rem !important; place-items:center !important; border:1px solid rgba(255,0,10,0.32) !important; border-radius:999px !important; background:linear-gradient(180deg,rgba(18,18,20,.97),rgba(7,7,9,.96)) !important; color:var(--page-text,#eee) !important; font-size:0 !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; font-family:"Font Awesome 6 Free" !important; font-weight:900 !important; font-size:0.95rem !important; line-height:1 !important } .site-desktop-nav .site-nav { grid-row:2 !important; display:grid !important; grid-template-columns:1fr !important; grid-auto-rows:max-content !important; align-content:start !important; gap:0.24rem !important; block-size:100% !important; max-block-size:100% !important; overflow-y:auto !important; overflow-x:hidden !important; padding:0.18rem 0.12rem 0.38rem 0.08rem !important; scrollbar-width:thin !important; scrollbar-color:transparent transparent !important; scrollbar-gutter:stable both-edges !important } .site-desktop-nav .site-nav::-webkit-scrollbar,.gallery-rail-list::-webkit-scrollbar,.gallery-chip-grid::-webkit-scrollbar,.videos-rail-list::-webkit-scrollbar,.dayz-file-list::-webkit-scrollbar,.wiki-file-tabs::-webkit-scrollbar,.site-main::-webkit-scrollbar { inline-size:0.42rem !important; block-size:0.42rem !important } .site-desktop-nav .site-nav::-webkit-scrollbar-track,.gallery-rail-list::-webkit-scrollbar-track,.gallery-chip-grid::-webkit-scrollbar-track,.videos-rail-list::-webkit-scrollbar-track,.dayz-file-list::-webkit-scrollbar-track,.wiki-file-tabs::-webkit-scrollbar-track,.site-main::-webkit-scrollbar-track { background:rgba(255,255,255,0.08) !important; border-radius:999px !important } .site-desktop-nav .site-nav::-webkit-scrollbar-thumb,.gallery-rail-list::-webkit-scrollbar-thumb,.gallery-chip-grid::-webkit-scrollbar-thumb,.videos-rail-list::-webkit-scrollbar-thumb,.dayz-file-list::-webkit-scrollbar-thumb,.wiki-file-tabs::-webkit-scrollbar-thumb,.site-main::-webkit-scrollbar-thumb { background:rgba(210,210,210,0.82) !important; border-radius:999px !important } .site-desktop-nav .site-nav::-webkit-scrollbar-track { background:transparent !important } .site-desktop-nav .site-nav::-webkit-scrollbar-thumb { background:transparent !important } .site-desktop-nav .site-nav::-webkit-scrollbar-button:single-button { display:block !important; block-size:0.62rem !important; background:rgba(255,255,255,0.18) !important; border-radius:999px !important } .site-desktop-nav .site-nav__group,.site-desktop-nav .site-nav__menu,.site-desktop-nav .site-nav__menu-links,.site-desktop-nav .site-nav__menu-links--single { display:grid !important; min-inline-size:0 !important; gap:0.24rem !important; padding:0 !important; margin:0 !important; max-block-size:none !important; overflow:visible !important } .site-desktop-nav .site-nav__group:first-child>summary { display:none !important } .site-desktop-nav .site-nav__link--group { display:block !important; min-block-size:auto !important; padding:0.25rem 0.28rem 0.12rem !important; border-radius:0 !important; background:transparent !important; color:var(--page-text-soft,#aaa) !important; font-family:var(--font-display,system-ui) !important; font-size:0.62rem !important; font-weight:700 !important; letter-spacing:0.12em !important; line-height:1 !important; text-transform:uppercase !important; transform:none !important; pointer-events:none !important } .site-desktop-nav .site-nav__group--howto>.site-nav__link--group { pointer-events:auto !important; cursor:pointer !important } .site-desktop-nav .site-nav__link--group::after { display:none !important; content:none !important } .site-desktop-nav .site-nav__submenu-item,.site-desktop-nav .site-nav__link--auth,.site-desktop-nav .site-nav__link--subscribe { display:grid !important; grid-template-columns:2rem minmax(0,1fr) !important; align-items:center !important; gap:0.38rem !important; min-block-size:2.24rem !important; padding:0.16rem 0.36rem !important; border-radius:0.62rem !important; background:rgba(255,255,255,0.055) !important; color:var(--page-text-muted,#d5d5d5) !important; line-height:1.08 !important; transform:none !important } .site-desktop-nav .site-nav__submenu-icon { inline-size:1.82rem !important; block-size:1.82rem !important; min-inline-size:1.82rem !important; display:grid !important; place-items:center !important; border-radius:0.5rem !important; background:rgba(255,255,255,0.07) !important; color:#ff0012 !important } .site-desktop-nav .site-nav__submenu-icon i,.site-desktop-nav .site-nav__submenu-icon svg { inline-size:1rem !important; block-size:1rem !important; font-size:1rem !important } .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link { display:flex !important; align-items:center !important; inline-size:100% !important; max-inline-size:100% !important; min-inline-size:0 !important; min-block-size:1.82rem !important } .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child { display:block !important; min-inline-size:0 !important; overflow:visible !important; text-overflow:clip !important; white-space:normal !important; overflow-wrap:normal !important; word-break:normal !important; line-height:1.16 !important; font-size:0.78rem !important; font-weight:700 !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav { padding-inline:0 !important; gap:0.32rem !important; scrollbar-width:thin !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--group,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--subscribe { display:none !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item { display:grid !important; grid-template-columns:1fr !important; place-items:center !important; inline-size:1.82rem !important; min-inline-size:1.82rem !important; min-block-size:1.82rem !important; padding:0 !important; margin-inline:auto !important; border-radius:999px !important; background:transparent !important; border:0 !important; box-shadow:none !important; position:relative !important; overflow:hidden !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link { position:absolute !important; inset:0 !important; display:block !important; inline-size:100% !important; block-size:100% !important; min-block-size:100% !important; overflow:hidden !important; text-indent:-999rem !important; z-index:2 !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-icon { inline-size:1.65rem !important; block-size:1.65rem !important; border-radius:999px !important; background:rgba(12,12,14,0.88) !important; border:1px solid rgba(255,0,10,0.28) !important; pointer-events:none !important } .site-rail-stack>.site-audio-player { position:static !important; inline-size:100% !important; max-inline-size:100% !important; min-inline-size:0 !important; margin:0 !important; resize:none !important; overflow:hidden !important; z-index:auto !important; box-sizing:border-box !important; max-block-size:min(13.6rem,calc(100dvh - var(--layout-rail-top) - var(--layout-rail-bottom) - 4rem)) !important } .site-rail-stack>.site-audio-player.is-expanded { padding:0.52rem !important; display:grid !important; gap:0.5rem !important } .site-audio-player__header { grid-template-columns:minmax(0,1fr) auto !important; gap:0.4rem !important } .site-audio-player__header-actions { gap:0.36rem !important } .site-audio-player__toggle,.site-audio-player__collapse { min-block-size:1.82rem !important; min-inline-size:0 !important; padding-inline:0.55rem !important; font-size:0.74rem !important } .site-audio-player__field select { inline-size:100% !important } .site-audio-player audio { block-size:2.35rem !important } .site-audio-player__controls { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:0.26rem !important } .site-audio-player__controls button { display:grid !important; place-items:center !important; min-inline-size:0 !important; min-block-size:1.88rem !important; padding:0.22rem !important; line-height:1 !important } .site-rail-stack>.site-audio-player.is-sidebar-minimized { inline-size:100% !important; min-inline-size:0 !important; max-inline-size:100% !important; padding:0.2rem !important; opacity:1 !important; background:transparent !important; border:0 !important; box-shadow:none !important } .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed { display:grid !important; gap:0.28rem !important } .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed button { inline-size:2.42rem !important; min-inline-size:2.42rem !important; min-block-size:1.94rem !important; margin-inline:auto !important; padding:0 !important; border-radius:0.36rem !important } .site-audio-player.is-sidebar-minimized .site-audio-player__marquee { display:block !important; inline-size:2.42rem !important; padding:0.18rem 0.1rem !important; font-size:0.5rem !important; text-align:center !important } body[data-audio-mode="header"] .site-rail-stack>.site-audio-player { display:none !important } body[data-audio-mode="header"] .site-shell>.site-rail-stack { grid-template-rows:minmax(0,1fr) !important } .site-footer { position:static !important; block-size:var(--lkf-footer-height) !important; min-block-size:var(--lkf-footer-height) !important; padding:0.22rem 0.62rem !important; padding-inline-start:calc(var(--lkf-rail-left)+var(--lkf-rail-width)+var(--lkf-rail-gap)) !important; box-sizing:border-box !important; display:flex !important; align-items:center !important; pointer-events:auto !important } }
@media (min-width:50rem) { body { --shell-rail-left:0.44rem; --shell-rail-gap:0.38rem; --shell-rail-collapsed:3rem; --shell-rail-expanded:13.25rem; --shell-rail-width:var(--shell-rail-collapsed); --shell-top-gap:0.42rem } body[data-desktop-nav-state="expanded"] { --shell-rail-width:var(--shell-rail-expanded) } body[data-desktop-nav-state="collapsed"] { --shell-rail-width:var(--shell-rail-collapsed) } .site-shell { inline-size:100% !important; width:auto !important; max-inline-size:none !important; margin:0 !important; padding-block-start:calc(var(--shell-top-gap)+var(--site-header-block-size,4rem)+0.72rem) !important; padding-block-end:1rem !important; padding-inline-start:calc(var(--shell-rail-left)+var(--shell-rail-width)+var(--shell-rail-gap)) !important; padding-inline-end:1rem !important; box-sizing:border-box !important } .site-shell>.site-header,.site-shell>.site-frame,.site-shell>.site-footer { inline-size:100% !important; max-inline-size:none !important } .site-shell>.site-header { position:fixed !important; inset-block-start:var(--shell-top-gap) !important; inset-inline-start:calc(var(--shell-rail-left)+var(--shell-rail-width)+var(--shell-rail-gap)) !important; inset-inline-end:1rem !important; inline-size:auto !important; width:auto !important; z-index:70 !important; margin-block-end:0.72rem !important } .site-shell>.site-rail-stack { position:fixed !important; inset-inline-start:var(--shell-rail-left) !important; inset-block-start:var(--shell-top-gap) !important; inset-block-end:0.75rem !important; display:grid !important; grid-template-rows:minmax(0,1fr) auto !important; gap:0.45rem !important; inline-size:var(--shell-rail-width) !important; max-inline-size:var(--shell-rail-width) !important; z-index:20 !important; overflow:hidden !important } .site-rail-stack>.site-desktop-nav { block-size:auto !important; min-block-size:0 !important; overflow:hidden !important } .site-desktop-nav__inner { block-size:100% !important; min-block-size:0 !important } .site-desktop-nav .site-nav { block-size:100% !important; max-block-size:100% !important; overflow-y:auto !important; overflow-x:hidden !important } .site-rail-stack>.site-audio-player,.site-rail-stack>.site-audio-player.is-expanded,.site-rail-stack>.site-audio-player.is-sidebar-minimized { position:static !important; align-self:end !important; inline-size:100% !important; max-inline-size:100% !important; min-inline-size:0 !important; margin:0 !important; resize:none !important; box-sizing:border-box !important; z-index:auto !important } .site-rail-stack>.site-audio-player.is-expanded { max-block-size:min(15rem,38dvh) !important; overflow:auto !important } .site-rail-stack>.site-audio-player.is-sidebar-minimized { max-block-size:7.4rem !important; overflow:hidden !important } .site-audio-player__scrubber { grid-template-columns:2.35rem minmax(0,1fr) 2.35rem !important; gap:0.35rem !important } .site-audio-player__scrubber output { min-inline-size:2.35rem !important } .site-audio-player__controls { display:flex !important; flex-wrap:wrap !important; gap:0.26rem !important } .site-audio-player__controls>button { display:grid !important; place-items:center !important; flex:1 1 calc(25% - 0.26rem) !important; min-inline-size:0 !important; min-block-size:1.88rem !important; padding:0.22rem !important; line-height:1 !important } .site-audio-player__controls>button[data-audio-repeat],.site-audio-player__controls>button[data-audio-random] { flex:0 0 1.88rem !important } .site-audio-player__volume { display:grid !important; flex:1 1 0 !important; min-inline-size:0 !important; grid-template-columns:minmax(1.88rem,1.88rem) minmax(0,1fr) !important; align-items:center !important; gap:0.26rem !important } .site-audio-player__volume button { display:grid !important; place-items:center !important; min-inline-size:0 !important; inline-size:100% !important; min-block-size:1.88rem !important; padding:0.22rem !important; line-height:1 !important } .site-audio-player__volume .site-audio-player__range { min-inline-size:0 !important } }
@media (min-width:50rem) { body { --lkf-header-x:0.65rem; --lkf-header-top:0.5rem; --lkf-rail-left:0.65rem; --lkf-rail-gap:0.55rem; --lkf-rail-collapsed:3rem; --lkf-rail-expanded:13.25rem; --lkf-rail-width:var(--lkf-rail-collapsed) } body[data-desktop-nav-state="expanded"] { --lkf-rail-width:var(--lkf-rail-expanded) } body[data-desktop-nav-state="collapsed"] { --lkf-rail-width:var(--lkf-rail-collapsed) } .site-shell { inline-size:100% !important; width:100% !important; max-inline-size:none !important; margin:0 !important; padding-block-start:calc(var(--lkf-header-top) + var(--site-header-block-size,4rem) + 0.85rem) !important; padding-inline-start:calc(var(--lkf-rail-left) + var(--lkf-rail-width) + var(--lkf-rail-gap)) !important; padding-inline-end:1rem !important; box-sizing:border-box !important } .site-shell > .site-header { position:fixed !important; inset-block-start:var(--lkf-header-top) !important; inset-inline:var(--lkf-header-x) !important; inline-size:auto !important; width:auto !important; max-inline-size:none !important; z-index:80 !important; grid-template-columns:minmax(11rem,auto) minmax(0,1fr) minmax(12rem,17rem) auto !important; gap:0.58rem !important; padding:0.5rem 0.65rem !important } .site-header > #site-navigation.site-nav { min-inline-size:0 !important; justify-content:center !important; gap:0.18rem !important } .site-header .site-nav__link, .site-header .site-nav__link--group, .site-header .site-nav__link--subscribe, .site-header__auth, .site-header__subscribe { min-block-size:2.15rem !important; padding-inline:0.52rem !important; font-size:0.78rem !important; line-height:1 !important; letter-spacing:0.01em !important } .site-header .site-nav__link--group::after { margin-inline-start:0.26rem !important; font-size:0.64rem !important } .site-header .site-nav__submenu-item, .site-header .site-nav__submenu-link, .site-header .site-nav__menu-index, .site-desktop-nav .site-nav__submenu-item, .site-desktop-nav .site-nav__submenu-link, .site-desktop-nav .site-nav__menu-index, .site-desktop-nav .site-nav__link--group, .site-desktop-nav .site-nav__link--subscribe, .site-desktop-nav .site-nav__link--auth { font-size:0.76rem !important; line-height:1.15 !important } .site-shell > .site-frame, .site-shell > .site-footer { inline-size:100% !important; max-inline-size:none !important; padding-inline-start:0 !important } .site-shell > .site-rail-stack { position:fixed !important; inset-inline-start:var(--lkf-rail-left) !important; inset-block-start:calc(var(--lkf-header-top) + var(--site-header-block-size,4rem) + 0.65rem) !important; inset-block-end:0.75rem !important; inline-size:var(--lkf-rail-width) !important; max-inline-size:var(--lkf-rail-width) !important; display:grid !important; grid-template-rows:minmax(0,1fr) auto !important; gap:0.45rem !important; overflow:hidden !important; z-index:30 !important } .site-rail-stack > .site-desktop-nav { display:grid !important; grid-template-rows:auto minmax(0,1fr) !important; gap:0 !important; min-block-size:0 !important; overflow:hidden !important } .site-desktop-nav__inner { margin-block-start:0 !important } .site-desktop-nav .site-nav { max-block-size:100% !important; overflow-y:auto !important; overflow-x:hidden !important } .site-rail-stack > .site-audio-player, .site-rail-stack > .site-audio-player.is-expanded, .site-rail-stack > .site-audio-player.is-sidebar-minimized { position:static !important; inline-size:100% !important; max-inline-size:100% !important; min-inline-size:0 !important; align-self:end !important; box-sizing:border-box !important; z-index:auto !important } }
body.page-videos .site-rail-stack > .site-audio-player,
body.page-videos .site-rail-stack > .site-audio-player.is-expanded,
body.page-videos .site-rail-stack > .site-audio-player.is-sidebar-minimized {
  display: none !important;
}
/** End restored desktop rail navigation owner rules. */

:root {
  --desktop-nav-collapsed-width: 3.45rem;
  --desktop-nav-expanded-width: 17.5rem;
  --desktop-nav-link-size: 2.22rem;
  --site-header-top-offset: 0.45rem;
  --site-header-block-size: 4.15rem;
  --desktop-nav-sticky-top: calc(var(--site-header-top-offset)+var(--site-header-block-size)+0.45rem);
  --site-audio-rail-width: 0px;
  --site-audio-player-stack-height: 0px
}

@media (max-width:49.998rem) {
  .site-shell {
    padding-inline-start: .65rem
  }
}

.site-header__auth {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-block-size: 2.45rem;
  padding: 0 0.95rem;
  border: 1px solid var(--page-border);
  border-radius: var(--radius-pill);
  color: var(--page-text-muted);
  background: #ffffff05;
  white-space: nowrap;
  transition: border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)
}

.site-header__auth:hover,
.site-header__auth:focus-visible {
  color: var(--page-text);
  border-color: var(--page-border-strong);
  background: #ffffff0f;
  transform: translateY(-1px)
}

.site-header__auth[data-auth-state="signed-in"] {
  padding: 0.15rem 0.6rem 0.15rem 0.25rem
}

.site-header__auth .site-nav__auth-profile {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-inline-size: 0
}

.site-header__auth .site-nav__auth-avatar {
  inline-size: 1.75rem;
  block-size: 1.75rem;
  border-radius: 999px;
  object-fit: cover
}

.site-header__auth .site-nav__auth-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-inline-size: 9rem
}

@media (max-width:49.998rem) {
  .site-header__auth {
    min-inline-size: 2.6rem;
    padding: 0 0.7rem
  }
}

@media (max-width:49.998rem) {

  html,
  body {
    max-inline-size: 100%;
    overflow-x: hidden
  }

  .site-nav,
  .site-nav__menu,
  .site-nav__menu-links,
  .site-nav__menu-links--single,
  .site-nav__submenu-item,
  .site-nav__submenu-link {
    box-sizing: border-box;
    min-inline-size: 0;
    max-inline-size: 100%;
    overflow-x: hidden
  }

  .site-nav__menu-links--single {
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.38) transparent;
    padding-inline-end: 0.25rem
  }

  .site-nav__menu-links--single::-webkit-scrollbar {
    width: 0.22rem
  }

  .site-nav__menu-links--single::-webkit-scrollbar-track {
    background: transparent
  }

  .site-nav__menu-links--single::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.38)
  }
}

.site-search-results--inline {
  inline-size: min(38rem, 48vw);
  max-inline-size: calc(100vw - 1.5rem)
}

@media (max-width:49.998rem) {
  .site-search-results--inline {
    inset-inline-start: 0;
    inset-inline-end: auto;
    inline-size: min(100%, calc(100vw - 1.3rem))
  }
}

@media (max-width:49.998rem) {
  .site-header {
    grid-template-columns: minmax(0, 1fr) auto auto !important
  }

  .site-header__brand {
    grid-column: 1 !important
  }

  .site-header__menu {
    grid-column: 2 !important
  }

  .site-header__actions {
    grid-column: 3 !important
  }

  .site-header__subscribe {
    display: none !important
  }
}

body.page-gallery .site-main {
  display: grid;
  gap: 1rem
}

body.page-gallery .gallery-page,
body.page-gallery .gallery-layout,
body.page-gallery .gallery-preview-panel,
body.page-gallery .gallery-rail-panel {
  min-inline-size: 0
}

body.page-gallery .gallery-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(21rem, 24rem);
  gap: 1rem;
  align-items: start
}

body.page-gallery .gallery-preview-panel,
body.page-gallery .gallery-rail-panel {
  border: 1px solid var(--page-card-border, rgba(255, 255, 255, .08));
  border-radius: 1rem;
  background: var(--page-card-surface-tint, linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .025))), var(--page-card-surface, rgba(14, 12, 13, .92));
  box-shadow: var(--page-card-shadow-soft, 0 .85rem 2.4rem rgba(0, 0, 0, .18))
}

body.page-gallery .gallery-preview-panel {
  display: grid;
  gap: 0.85rem;
  padding: 0.85rem
}

body.page-gallery .gallery-selected-head {
  display: grid;
  gap: 0.3rem
}

body.page-gallery .gallery-selected-head h2 {
  margin: 0;
  font-size: clamp(1.05rem, 1.7vw, 1.45rem);
  line-height: 1.15
}

body.page-gallery .gallery-selected-head p:not(.section-eyebrow) {
  margin: 0;
  color: var(--page-text-muted, #d7d7d7);
  line-height: 1.5
}

body.page-gallery .gallery-selected-figure {
  display: grid;
  place-items: center;
  inline-size: 100%;
  min-block-size: 18rem;
  max-block-size: min(68dvh, calc(100dvh - 15rem));
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1rem;
  background: #020202;
  overflow: hidden
}

body.page-gallery .gallery-selected-image {
  display: block;
  inline-size: auto;
  max-inline-size: 100%;
  block-size: auto;
  max-block-size: min(68dvh, calc(100dvh - 15rem));
  object-fit: contain
}

body.page-gallery .gallery-selected-details {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0.42rem 0.75rem;
  margin: 0;
  padding: 0.8rem;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 0.9rem;
  background: rgba(0, 0, 0, .24)
}

body.page-gallery .gallery-selected-details dt {
  color: #ff000a;
  font-weight: 700
}

body.page-gallery .gallery-selected-details dd {
  min-inline-size: 0;
  margin: 0;
  color: var(--page-text-muted, #d8d8d8);
  overflow-wrap: anywhere
}

body.page-gallery .gallery-selected-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem
}

body.page-gallery .gallery-rail-panel {
  position: sticky;
  inset-block-start: calc(var(--desktop-nav-sticky-top, 4.8rem)+.3rem);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 0.85rem;
  block-size: calc(100dvh - var(--desktop-nav-sticky-top, 4.8rem) - 1rem);
  max-block-size: calc(100dvh - var(--desktop-nav-sticky-top, 4.8rem) - 1rem);
  padding: 0.85rem;
  overflow: hidden
}

body.page-gallery .gallery-rail-head,
body.page-gallery .gallery-controls,
body.page-gallery .gallery-search {
  display: grid;
  gap: 0.75rem
}

body.page-gallery .gallery-search label {
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #bbbbbb
}

body.page-gallery .gallery-search input {
  inline-size: 100%;
  min-inline-size: 0;
  padding: 0.7rem 0.82rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 0.85rem;
  background: rgba(10, 10, 12, .82);
  color: #f3f3f3
}

body.page-gallery .gallery-search p,
body.page-gallery .gallery-results-meta {
  margin: 0;
  color: #bdbdbd;
  font-size: 0.8rem
}

body.page-gallery .gallery-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  max-block-size: 8.4rem;
  overflow: auto;
  padding-inline-end: 0.2rem
}

body.page-gallery .gallery-filter {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-block-size: 1.9rem;
  padding: 0.3rem 0.62rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
  background: rgba(255, 255, 255, .05);
  color: #efefef;
  cursor: pointer
}

body.page-gallery .gallery-filter[aria-pressed="true"] {
  border-color: rgba(255, 0, 10, .7);
  background: rgba(255, 0, 10, .82);
  color: #fff
}

body.page-gallery .gallery-filter strong {
  color: inherit;
  font-size: 0.72rem
}

body.page-gallery .gallery-thumb-list {
  display: grid;
  gap: 0.7rem;
  min-block-size: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-inline-end: 0.2rem;
  scrollbar-width: thin
}

body.page-gallery .gallery-thumb-list::-webkit-scrollbar,
body.page-gallery .gallery-filter-row::-webkit-scrollbar {
  width: 0.45rem;
  height: 0.45rem
}

body.page-gallery .gallery-thumb-list::-webkit-scrollbar-track,
body.page-gallery .gallery-filter-row::-webkit-scrollbar-track {
  background: transparent
}

body.page-gallery .gallery-thumb-list::-webkit-scrollbar-thumb,
body.page-gallery .gallery-filter-row::-webkit-scrollbar-thumb {
  border: 0.12rem solid transparent;
  border-radius: 999px;
  background: rgba(255, 255, 255, .28);
  background-clip: padding-box
}

body.page-gallery .gallery-thumb-card {
  display: grid;
  grid-template-columns: minmax(6.8rem, 8.4rem) minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
  padding: 0.22rem;
  border: 1px solid transparent;
  border-radius: 0.9rem;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer
}

body.page-gallery .gallery-thumb-card:hover,
body.page-gallery .gallery-thumb-card:focus-visible {
  outline: none;
  border-color: rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .045)
}

body.page-gallery .gallery-thumb-card.is-active {
  border-color: rgba(255, 0, 10, .55);
  background: rgba(255, 255, 255, .055)
}

body.page-gallery .gallery-thumb-media {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 0.8rem;
  background: #050505;
  overflow: hidden
}

body.page-gallery .gallery-thumb-media img {
  display: block;
  max-inline-size: 100%;
  max-block-size: 100%;
  object-fit: contain
}

body.page-gallery .gallery-thumb-body {
  display: grid;
  gap: 0.25rem;
  min-inline-size: 0
}

body.page-gallery .gallery-thumb-title {
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.2
}

body.page-gallery .gallery-thumb-category,
body.page-gallery .gallery-thumb-path {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #cfcfcf;
  font-size: 0.72rem
}

body.page-gallery .gallery-thumb-category {
  color: #ff3b3f
}

body.page-gallery .gallery-empty {
  display: none;
  margin: 0;
  padding: 0.75rem;
  border: 1px dashed rgba(255, 255, 255, .12);
  border-radius: 0.85rem;
  color: #d7d7d7
}

body.page-gallery .gallery-empty.is-visible {
  display: block
}

.page-dayz-docs .dayz-doc-jumps {
  display: none !important
}

.page-dayz-docs .wiki-select-controls,
.page-dayz-docs .wiki-file-select-shell {
  display: grid;
  gap: 0.75rem
}

.page-dayz-docs .wiki-select-field {
  display: grid;
  gap: 0.35rem
}

.page-dayz-docs .wiki-select-field span {
  color: var(--page-text-soft);
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.08em
}

.page-dayz-docs .wiki-select-field select {
  inline-size: 100%;
  min-block-size: 2.65rem;
  padding: 0.65rem 0.8rem;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 0.85rem;
  background: #090b0fcc;
  color: var(--page-text)
}

.page-dayz-docs .wiki-category-tabs[data-enhanced-hidden="true"],
.page-dayz-docs .wiki-file-tab-list[data-enhanced-hidden="true"] {
  display: none !important
}

@media (max-width:74rem) {
  body.page-gallery .gallery-layout {
    grid-template-columns: 1fr
  }

  body.page-gallery .gallery-rail-panel {
    position: static;
    block-size: auto;
    max-block-size: none;
    overflow: visible
  }

  body.page-gallery .gallery-thumb-list {
    max-block-size: 34rem
  }
}

@media (max-width:42rem) {
  body.page-gallery .gallery-thumb-card {
    grid-template-columns: 1fr
  }

  body.page-gallery .gallery-selected-details {
    grid-template-columns: 1fr
  }
}

.page-breadcrumbs {
  display: block;
  margin: 0 0 1rem;
  color: var(--page-text-soft, #c8c8c8);
  font-size: 0.9rem
}

.page-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none
}

.page-breadcrumbs li {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0
}

.page-breadcrumbs li+li::before {
  content: "/";
  color: rgba(255, 255, 255, 0.42)
}

.page-breadcrumbs a,
.page-breadcrumbs span {
  color: inherit;
  text-decoration: none
}

.page-breadcrumbs a:hover,
.page-breadcrumbs a:focus-visible {
  color: #fff;
  text-decoration: underline
}

@media (max-width:49.998rem) {
  body {
    --layout-footer-height: 2.35rem
  }

  .site-shell {
    inline-size: 100% !important;
    padding: 0.25rem 0.72rem calc(var(--layout-footer-height)+0.7rem) !important
  }

  .site-header {
    position: sticky !important;
    inset-block-start: 0.25rem !important;
    z-index: 55 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto auto !important;
    align-items: center !important;
    gap: 0.44rem !important;
    min-block-size: 3.4rem !important;
    padding: 0.45rem 0.55rem !important;
    margin: 0 0 0.72rem !important;
    border-radius: 1.2rem !important;
    overflow: visible !important
  }

  .site-header__brand {
    grid-column: 1 !important;
    min-inline-size: 0 !important
  }

  .brand-lockup {
    gap: 0.45rem !important
  }

  .brand-lockup img {
    inline-size: 2.4rem !important;
    block-size: 2.4rem !important
  }

  .brand-lockup span {
    display: none !important
  }

  .site-header__menu {
    grid-column: 2 !important;
    min-inline-size: 2.25rem !important;
    min-block-size: 2.25rem !important;
    padding: 0 !important;
    font-size: 0 !important;
    border-radius: 999px !important
  }

  .site-header__menu::before {
    content: "\f0c9";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.92rem
  }

  .site-header__search {
    display: none !important
  }

  .site-header__actions {
    grid-column: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important
  }

  .site-header__subscribe,
  .site-header__auth {
    display: none !important
  }

  .site-header__actions .site-header__search-toggle {
    display: inline-flex !important;
    min-inline-size: 2.25rem !important;
    min-block-size: 2.25rem !important;
    padding: 0 !important;
    font-size: 0 !important;
    border-radius: 999px !important
  }

  .site-header__actions .site-header__search-toggle::before {
    content: "\f002";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.9rem
  }

  body[data-audio-mode="header"] .site-header {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto !important
  }

  body[data-audio-mode="header"] .site-audio-dock {
    display: inline-flex !important;
    grid-column: 3 !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    inline-size: auto !important;
    min-inline-size: 0 !important;
    min-block-size: 2.25rem !important;
    padding: 0 0.55rem !important;
    gap: 0.4rem !important
  }

  body[data-audio-mode="header"] .site-audio-dock__info {
    display: flex !important;
    flex-direction: column !important;
    min-inline-size: 0 !important;
    overflow: hidden !important
  }

  .site-audio-player {
    inset-inline-start: 0.55rem !important;
    inset-block-end: calc(var(--layout-footer-height)+0.72rem) !important;
    inline-size: min(13rem, calc(100vw - 1.1rem)) !important;
    resize: none !important
  }

  .site-audio-player.is-sidebar-minimized {
    inset-inline-start: auto !important;
    inset-inline-end: 0 !important;
    inset-block-end: calc(var(--layout-footer-height, 3rem)+0.75rem) !important;
    inline-size: auto !important;
    min-inline-size: 0 !important;
    padding: 0.45rem !important;
    border-radius: 0.75rem 0 0 0.75rem !important;
    z-index: 54 !important
  }

  .site-footer {
    position: static !important;
    min-block-size: var(--layout-footer-height) !important;
    padding: 0.38rem 0.58rem !important;
    margin: 0 !important;
    background: linear-gradient(180deg, rgba(8, 8, 9, 0.4), rgba(0, 0, 0, 0.94)) !important;
    backdrop-filter: blur(12px) !important
  }
}

body.page-gallery .site-main--gallery {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important
}

body.page-gallery .gallery-page,
body.page-gallery .gallery-layout,
body.page-gallery .gallery-watch-panel,
body.page-gallery .gallery-rail-panel {
  min-inline-size: 0
}

body.page-gallery .gallery-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 27rem);
  gap: 1rem;
  align-items: start
}

body.page-gallery .gallery-watch-panel,
body.page-gallery .gallery-rail-panel {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)), rgba(9, 9, 10, 0.78);
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.24)
}

body.page-gallery .gallery-watch-panel {
  display: grid;
  gap: 0.82rem;
  padding: 0.9rem
}

body.page-gallery .gallery-watch-panel h1 {
  margin: 0;
  font-size: clamp(1.22rem, 2.2vw, 1.85rem);
  line-height: 1.05
}

body.page-gallery .gallery-lead {
  margin: 0;
  color: var(--page-text-muted, #d8d8d8);
  line-height: 1.48
}

body.page-gallery .gallery-image-shell {
  display: grid;
  margin: 0;
  inline-size: 100%;
  min-block-size: 22rem;
  max-block-size: min(68dvh, calc(100dvh - 14rem));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.95rem;
  background: #000;
  overflow: hidden
}

body.page-gallery .gallery-image-button {
  display: grid;
  place-items: center;
  inline-size: 100%;
  block-size: 100%;
  min-block-size: inherit;
  padding: 0;
  border: 0;
  background: #000;
  color: inherit;
  cursor: zoom-in
}

body.page-gallery .gallery-image-button img {
  display: block;
  max-inline-size: 100%;
  max-block-size: min(68dvh, calc(100dvh - 14rem));
  inline-size: auto;
  block-size: auto;
  object-fit: contain
}

body.page-gallery .gallery-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem
}

body.page-gallery .gallery-pill {
  display: inline-flex;
  align-items: center;
  min-block-size: 1.75rem;
  padding: 0.28rem 0.58rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: #e6e6e6;
  font-size: 0.8rem
}

body.page-gallery .gallery-details {
  display: grid;
  gap: 0.42rem
}

body.page-gallery .gallery-detail-row {
  display: grid;
  grid-template-columns: 5rem minmax(0, 1fr);
  gap: 0.65rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 0.75rem;
  background: rgba(0, 0, 0, 0.25)
}

body.page-gallery .gallery-detail-row strong {
  color: #ff000a
}

body.page-gallery .gallery-detail-row span {
  min-inline-size: 0;
  overflow-wrap: anywhere;
  color: #d7d7d7
}

body.page-gallery .gallery-rail-panel {
  position: sticky;
  inset-block-start: calc(var(--site-header-block-size, 4rem)+1.1rem);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 0.78rem;
  block-size: calc(100dvh - var(--site-header-block-size, 4rem) - 3.8rem);
  max-block-size: calc(100dvh - var(--site-header-block-size, 4rem) - 3.8rem);
  padding: 0.85rem;
  overflow: hidden
}

body.page-gallery .gallery-rail-head,
body.page-gallery .gallery-search-field {
  display: grid;
  gap: 0.65rem
}

body.page-gallery .gallery-search-field span {
  color: #bdbdbd;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase
}

body.page-gallery .gallery-search-field input {
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: 2.65rem;
  padding: 0.7rem 0.82rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.9rem;
  background: rgba(8, 8, 10, 0.86);
  color: #f3f3f3
}

body.page-gallery .gallery-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
  max-block-size: 7.6rem;
  overflow: auto;
  padding-inline-end: 0.2rem
}

body.page-gallery .gallery-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-block-size: 1.85rem;
  padding: 0.28rem 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: #efefef;
  cursor: pointer
}

body.page-gallery .gallery-chip.is-active,
body.page-gallery .gallery-chip[aria-pressed="true"] {
  border-color: rgba(255, 0, 10, 0.72);
  background: rgba(255, 0, 10, 0.86);
  color: #fff
}

body.page-gallery .gallery-chip span {
  color: inherit;
  opacity: 0.78
}

body.page-gallery .gallery-results-meta {
  color: #bfbfbf;
  font-size: 0.82rem
}

body.page-gallery .gallery-rail-list {
  display: grid;
  gap: 0.72rem;
  min-block-size: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-inline-end: 0.22rem;
  scrollbar-width: thin
}

body.page-gallery .gallery-rail-item {
  display: grid;
  grid-template-columns: minmax(7.2rem, 9.1rem) minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
  inline-size: 100%;
  padding: 0.22rem;
  border: 1px solid transparent;
  border-radius: 0.9rem;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer
}

body.page-gallery .gallery-rail-item:hover,
body.page-gallery .gallery-rail-item:focus-visible,
body.page-gallery .gallery-rail-item.is-selected {
  outline: none;
  border-color: rgba(255, 0, 10, 0.42);
  background: rgba(255, 255, 255, 0.06)
}

body.page-gallery .gallery-thumb {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 0.76rem;
  background: #030303;
  overflow: hidden
}

body.page-gallery .gallery-thumb img {
  display: block;
  max-inline-size: 100%;
  max-block-size: 100%;
  object-fit: contain
}

body.page-gallery .gallery-rail-copy {
  display: grid;
  gap: 0.25rem;
  min-inline-size: 0
}

body.page-gallery .gallery-rail-copy strong {
  color: #f2f2f2;
  line-height: 1.1
}

body.page-gallery .gallery-rail-copy em,
body.page-gallery .gallery-rail-copy small {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #cfcfcf;
  font-style: normal;
  font-size: 0.74rem
}

body.page-gallery .gallery-rail-copy em {
  color: #ff353a
}

body.page-gallery .gallery-empty {
  margin: 0;
  padding: 0.75rem;
  border: 1px dashed rgba(255, 255, 255, 0.13);
  border-radius: 0.85rem;
  color: #d7d7d7
}

@media (max-width:72rem) {
  body.page-gallery .gallery-layout {
    grid-template-columns: minmax(0, 1fr)
  }

  body.page-gallery .gallery-rail-panel {
    position: static;
    block-size: auto;
    max-block-size: none
  }

  body.page-gallery .gallery-rail-list {
    max-block-size: 28rem
  }
}

body.page-home .site-frame {
  align-items: start
}

body.page-home .page-home__wide-sections,
body.page-home #features,
body.page-home #setup-visual-guides,
body.page-home #setup-instructions {
  grid-column: 1 / -1
}

body.page-home .home-guides__grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr)) !important;
  gap: 1rem !important
}

body.page-home .home-guide-card {
  display: block !important;
  min-inline-size: 0 !important;
  padding: 0 !important;
  overflow: hidden !important
}

body.page-home .home-guide-card__media {
  display: grid !important;
  gap: 0.85rem !important;
  align-items: start !important;
  justify-content: stretch !important;
  padding: 0.95rem !important
}

body.page-home .home-guide-card__image-link {
  display: grid !important;
  place-items: center !important;
  inline-size: 100% !important;
  min-block-size: 10rem !important
}

body.page-home .home-guide-card__caption {
  display: grid !important;
  gap: 0.48rem !important;
  min-inline-size: 0 !important
}

body.page-home .home-guide-card__caption h3,
body.page-home .home-guide-card__caption p {
  margin: 0 !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  overflow-wrap: normal !important;
  word-break: normal !important
}

body.page-home .home-guide-card__caption h3 {
  color: #f4f4f4 !important;
  font-size: 1rem !important;
  line-height: 1.25 !important
}

body.page-home .home-guide-card__caption p {
  color: #d7d7d7 !important;
  line-height: 1.5 !important
}

.page-dayz-docs .dayz-doc-jumps,
.page-dayz-docs .wiki-stats,
.page-dayz-docs .wiki-category-tabs,
.page-dayz-docs .wiki-select-controls,
.page-dayz-docs .wiki-file-select-shell,
.page-dayz-docs .wiki-topic-toggle {
  display: none !important
}

.page-dayz-docs .dayz-wiki-section>header {
  display: none !important
}

.page-dayz-docs .wiki-tab-layout {
  grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr) !important;
  align-items: start !important
}

.page-dayz-docs .wiki-file-tabs {
  position: sticky !important;
  top: calc(var(--site-header-block-size, 4rem)+1rem) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  max-height: calc(100dvh - var(--site-header-block-size, 4rem) - var(--layout-footer-height, 2.25rem) - 3rem) !important;
  overflow: hidden !important
}

.page-dayz-docs .wiki-file-tab-list {
  min-block-size: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-inline-end: 0.25rem !important;
  scrollbar-width: thin !important
}

.page-dayz-docs .wiki-topic-card {
  display: block !important
}

.page-dayz-docs .wiki-topic-summary {
  cursor: default !important
}

@media (max-width:72rem) {
  .page-dayz-docs .wiki-tab-layout {
    grid-template-columns: 1fr !important
  }

  .page-dayz-docs .wiki-file-tabs {
    position: static !important;
    max-height: 24rem !important
  }
}

body.page-gallery .gallery-details {
  display: none !important
}

body.page-gallery .gallery-layout {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem) !important
}

body.page-gallery .gallery-rail-panel {
  grid-template-rows: auto minmax(0, 1fr) !important
}

body.page-gallery .gallery-rail-list {
  gap: 0.42rem !important
}

body.page-gallery .gallery-rail-item {
  grid-template-columns: 4rem minmax(0, 1fr) !important;
  min-block-size: 4.4rem !important;
  gap: 0.62rem !important;
  padding: 0.24rem !important
}

body.page-gallery .gallery-thumb {
  inline-size: 4rem !important;
  block-size: 4rem !important;
  max-inline-size: 4rem !important;
  max-block-size: 4rem !important;
  aspect-ratio: auto !important
}

body.page-gallery .gallery-thumb img {
  max-inline-size: 4rem !important;
  max-block-size: 4rem !important;
  inline-size: auto !important;
  block-size: auto !important;
  object-fit: contain !important
}

body.page-gallery .gallery-rail-copy {
  gap: 0.16rem !important
}

body.page-gallery .gallery-rail-copy small {
  display: none !important
}

body.page-gallery .gallery-rail-copy strong {
  font-size: 0.86rem !important;
  line-height: 1.14 !important
}

body.page-gallery .gallery-rail-copy em {
  font-size: 0.68rem !important
}

@media (max-width:72rem) {
  body.page-gallery .gallery-layout {
    grid-template-columns: 1fr !important
  }
}

.page-dayz-docs .dayz-doc-jumps,
.page-dayz-docs .wiki-stats,
.page-dayz-docs .wiki-category-tabs,
.page-dayz-docs .wiki-select-controls,
.page-dayz-docs .wiki-file-select-shell,
.page-dayz-docs .wiki-topic-toggle,
.page-dayz-docs .dayz-wiki-section>header {
  display: none !important
}

.page-dayz-docs .wiki-tab-layout {
  grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr) !important;
  align-items: start !important
}

.page-dayz-docs .wiki-file-tabs {
  position: sticky !important;
  top: calc(var(--site-header-block-size, 4rem)+1rem) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  max-height: calc(100dvh - var(--site-header-block-size, 4rem) - var(--layout-footer-height, 2.75rem) - 3rem) !important;
  overflow: hidden !important
}

.page-dayz-docs .wiki-file-tab-list {
  min-block-size: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-inline-end: 0.25rem !important;
  scrollbar-width: thin !important
}

.page-dayz-docs .wiki-topic-card:not([open])>.wiki-topic-body {
  display: block !important
}

.page-dayz-docs .wiki-topic-summary {
  pointer-events: none !important;
  cursor: default !important
}

body.page-gallery .gallery-details {
  display: none !important
}

body.page-gallery .gallery-rail-item {
  grid-template-columns: 4rem minmax(0, 1fr) !important;
  min-block-size: 4.35rem !important;
  align-items: center !important
}

body.page-gallery .gallery-thumb,
body.page-gallery .gallery-thumb img {
  max-inline-size: 4rem !important;
  max-block-size: 4rem !important;
  inline-size: 4rem !important;
  block-size: 4rem !important;
  object-fit: contain !important
}

body.page-gallery .gallery-rail-copy small {
  display: none !important
}

body.page-home .home-guide-card__caption,
body.page-home .home-guide-card__caption h3,
body.page-home .home-guide-card__caption p {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important
}

@media (max-width:72rem) {
  .page-dayz-docs .wiki-tab-layout {
    grid-template-columns: 1fr !important
  }

  .page-dayz-docs .wiki-file-tabs {
    position: static !important;
    max-height: 24rem !important
  }
}

body.page-gallery .gallery-image-shell,
body.page-gallery .gallery-image-button,
body.page-gallery .gallery-selected-figure,
body.page-gallery .gallery-thumb,
body.page-gallery .gallery-thumb-media,
body.page-gallery .gallery-category-preview {
  background: transparent !important
}

body.page-gallery .gallery-image-button {
  cursor: zoom-in
}

body.page-gallery .gallery-chip-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)) !important;
  gap: 0.5rem !important;
  max-block-size: 10.5rem !important;
  overflow: auto !important;
  padding-inline-end: 0.18rem !important
}

body.page-gallery .gallery-category-tile {
  display: grid !important;
  grid-template-columns: 3.35rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.55rem !important;
  min-block-size: 4rem !important;
  padding: 0.36rem !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 0.85rem !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: #f0f0f0 !important;
  text-align: left !important
}

body.page-gallery .gallery-category-tile.is-active,
body.page-gallery .gallery-category-tile[aria-pressed="true"] {
  border-color: rgba(255, 0, 10, 0.68) !important;
  background: rgba(255, 0, 10, 0.16) !important
}

body.page-gallery .gallery-category-preview {
  display: grid !important;
  place-items: center !important;
  inline-size: 3.2rem !important;
  block-size: 3.2rem !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 0.65rem !important;
  overflow: hidden !important
}

body.page-gallery .gallery-category-preview img {
  display: block !important;
  max-inline-size: 3.2rem !important;
  max-block-size: 3.2rem !important;
  inline-size: auto !important;
  block-size: auto !important;
  object-fit: contain !important
}

body.page-gallery .gallery-category-copy {
  display: grid !important;
  gap: 0.16rem !important;
  min-inline-size: 0 !important
}

body.page-gallery .gallery-category-copy strong,
body.page-gallery .gallery-category-copy small {
  display: block !important;
  min-inline-size: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important
}

body.page-gallery .gallery-category-copy strong {
  color: #fff !important;
  font-size: 0.78rem !important;
  line-height: 1.12 !important
}

body.page-gallery .gallery-category-copy small {
  color: #cfcfcf !important;
  font-size: 0.68rem !important;
  line-height: 1.1 !important
}

@media (min-width:64rem) {
  body.page-gallery .gallery-watch-panel {
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    block-size: 100% !important;
    align-content: stretch !important
  }

  body.page-gallery .gallery-image-shell {
    min-block-size: 0 !important;
    block-size: 100% !important;
    max-block-size: none !important
  }

  body.page-gallery .gallery-image-button,
  body.page-gallery .gallery-image-button img {
    max-block-size: 100% !important
  }

  body.page-gallery .gallery-rail-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(4.7rem, 1fr)) !important;
    align-content: start !important;
    gap: 0.5rem !important;
    min-block-size: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-inline-end: 0.25rem !important
  }

  body.page-gallery .gallery-rail-item {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-content: start !important;
    gap: 0.28rem !important;
    min-block-size: 0 !important;
    padding: 0.25rem !important;
    border-radius: 0.75rem !important
  }

  body.page-gallery .gallery-thumb {
    inline-size: 4rem !important;
    block-size: 4rem !important;
    max-inline-size: 4rem !important;
    max-block-size: 4rem !important;
    aspect-ratio: auto !important;
    border-radius: 0.62rem !important
  }

  body.page-gallery .gallery-thumb img {
    max-inline-size: 4rem !important;
    max-block-size: 4rem !important;
    inline-size: auto !important;
    block-size: auto !important;
    object-fit: contain !important
  }

  body.page-gallery .gallery-rail-copy {
    display: grid !important;
    justify-items: center !important;
    text-align: center !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important
  }

  body.page-gallery .gallery-rail-copy strong {
    display: -webkit-box !important;
    line-clamp: 2 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #f4f4f4 !important;
    font-size: 0.68rem !important;
    line-height: 1.08 !important
  }

  body.page-gallery .gallery-rail-copy em,
  body.page-gallery .gallery-rail-copy small {
    display: none !important
  }
}

body.page-gallery .gallery-category-copy strong,
body.page-gallery .gallery-category-copy small {
  display: block !important;
  min-inline-size: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important
}

body.page-gallery .gallery-category-copy strong {
  color: #fff !important;
  font-size: 0.78rem !important;
  line-height: 1.12 !important
}

body.page-gallery .gallery-category-copy small {
  color: #cfcfcf !important;
  font-size: 0.68rem !important;
  line-height: 1.1 !important
}

@media (min-width:64rem) {
  body.page-gallery .gallery-watch-panel {
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    block-size: 100% !important;
    align-content: stretch !important
  }

  body.page-gallery .gallery-image-shell {
    min-block-size: 0 !important;
    block-size: 100% !important;
    max-block-size: none !important
  }

  body.page-gallery .gallery-image-button,
  body.page-gallery .gallery-image-button img {
    max-block-size: 100% !important
  }

  body.page-gallery .gallery-rail-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(4.7rem, 1fr)) !important;
    align-content: start !important;
    gap: 0.5rem !important;
    min-block-size: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-inline-end: 0.25rem !important
  }

  body.page-gallery .gallery-rail-item {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-content: start !important;
    gap: 0.28rem !important;
    min-block-size: 0 !important;
    padding: 0.25rem !important;
    border-radius: 0.75rem !important
  }

  body.page-gallery .gallery-thumb {
    inline-size: 4rem !important;
    block-size: 4rem !important;
    max-inline-size: 4rem !important;
    max-block-size: 4rem !important;
    aspect-ratio: auto !important;
    border-radius: 0.62rem !important
  }

  body.page-gallery .gallery-thumb img {
    max-inline-size: 4rem !important;
    max-block-size: 4rem !important;
    inline-size: auto !important;
    block-size: auto !important;
    object-fit: contain !important
  }

  body.page-gallery .gallery-rail-copy {
    display: grid !important;
    justify-items: center !important;
    text-align: center !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important
  }

  body.page-gallery .gallery-rail-copy strong {
    display: -webkit-box !important;
    line-clamp: 2 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #f4f4f4 !important;
    font-size: 0.68rem !important;
    line-height: 1.08 !important
  }

  body.page-gallery .gallery-rail-copy em,
  body.page-gallery .gallery-rail-copy small {
    display: none !important
  }
}

@media (min-width:64rem) {
  body.page-gallery {
    min-block-size: 100dvh !important;
    block-size: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important
  }

  body.page-videos {
    block-size: 100dvh !important;
    overflow: hidden !important
  }

  body.page-gallery .site-shell {
    min-block-size: 100dvh !important;
    block-size: auto !important;
    max-block-size: none !important;
    overflow: visible !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important
  }

  body.page-videos .site-shell {
    block-size: 100dvh !important;
    max-block-size: 100dvh !important;
    overflow: hidden !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important
  }

  body.page-gallery .site-frame,
  body.page-videos .site-frame,
  body.page-gallery .site-main--gallery,
  body.page-videos:not(.page-videos-index) .site-main--videos,
  body.page-gallery .gallery-page,
  body.page-videos:not(.page-videos-index) .videos-page {
    min-block-size: 0 !important;
    block-size: 100% !important;
    overflow: hidden !important
  }

  body.page-gallery .gallery-layout,
  body.page-videos:not(.page-videos-index) .videos-layout {
    block-size: 100% !important;
    max-block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
    align-items: stretch !important
  }

  body.page-gallery .gallery-layout {
    grid-template-columns: minmax(0, 1fr) minmax(19.5rem, 24rem) !important;
    gap: 0.85rem !important
  }

  body.page-gallery .gallery-watch-panel {
    display: grid !important;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
    min-block-size: 0 !important;
    block-size: 100% !important;
    overflow: hidden !important;
    align-content: stretch !important
  }

  body.page-gallery .gallery-rail-panel,
  body.page-videos:not(.page-videos-index) .videos-rail-panel {
    position: static !important;
    block-size: 100% !important;
    max-block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important
  }

  body.page-gallery .gallery-rail-head {
    min-block-size: 0 !important
  }

  body.page-gallery .gallery-chip-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.45rem !important;
    max-block-size: min(16rem, 32dvh) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-inline-end: 0.18rem !important
  }

  body.page-gallery .gallery-category-tile {
    display: grid !important;
    grid-template-columns: 3.5rem minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.58rem !important;
    min-block-size: 4.15rem !important;
    padding: 0.35rem !important;
    border-radius: 0.85rem !important;
    text-align: left !important
  }

  body.page-gallery .gallery-category-preview,
  body.page-gallery .gallery-category-preview img {
    inline-size: 3.2rem !important;
    block-size: 3.2rem !important;
    max-inline-size: 3.2rem !important;
    max-block-size: 3.2rem !important;
    object-fit: contain !important;
    background: transparent !important
  }

  body.page-gallery .gallery-rail-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.45rem !important;
    min-block-size: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-inline-end: 0.2rem !important;
    align-content: start !important
  }

  body.page-gallery .gallery-rail-item {
    display: grid !important;
    grid-template-columns: 4rem minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 0.58rem !important;
    min-block-size: 4.4rem !important;
    padding: 0.25rem !important;
    text-align: left !important
  }

  body.page-gallery .gallery-thumb,
  body.page-gallery .gallery-thumb img {
    inline-size: 4rem !important;
    block-size: 4rem !important;
    max-inline-size: 4rem !important;
    max-block-size: 4rem !important;
    object-fit: contain !important;
    background: transparent !important
  }

  body.page-gallery .gallery-rail-copy {
    display: grid !important;
    justify-items: start !important;
    text-align: left !important;
    gap: 0.16rem !important;
    min-inline-size: 0 !important
  }

  body.page-gallery .gallery-rail-copy strong {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-inline-size: 100% !important;
    font-size: 0.78rem !important;
    line-height: 1.12 !important
  }

  body.page-gallery .gallery-rail-copy em {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #ff353a !important;
    font-size: 0.68rem !important;
    line-height: 1.1 !important
  }

  body.page-gallery .gallery-rail-copy small {
    display: none !important
  }

  body.page-gallery .gallery-image-shell,
  body.page-gallery .gallery-image-button,
  body.page-gallery .gallery-selected-figure {
    min-block-size: 0 !important;
    block-size: 100% !important;
    max-block-size: none !important;
    background: transparent !important
  }

  body.page-gallery .gallery-image-button img {
    max-inline-size: 100% !important;
    max-block-size: 100% !important;
    inline-size: auto !important;
    block-size: auto !important;
    object-fit: contain !important;
    background: transparent !important
  }
}

body.page-gallery .gallery-image-shell,
body.page-gallery .gallery-image-button,
body.page-gallery .gallery-thumb,
body.page-gallery .gallery-thumb img,
body.page-gallery .gallery-category-preview,
body.page-gallery .gallery-category-preview img {
  background: transparent !important
}

body.page-home .home-guide-card__caption,
body.page-home .home-guide-card__caption h3,
body.page-home .home-guide-card__caption p {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  min-inline-size: 0 !important;
  max-inline-size: 100% !important
}

@media (min-width:64rem) {
  body.page-gallery {
    min-block-size: 100dvh !important;
    block-size: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important
  }

  body.page-videos {
    block-size: 100dvh !important;
    overflow: hidden !important
  }

  body.page-gallery .site-shell {
    min-block-size: 100dvh !important;
    block-size: auto !important;
    max-block-size: none !important;
    overflow: visible !important
  }

  body.page-videos .site-shell {
    block-size: 100dvh !important;
    overflow: hidden !important
  }

  body.page-gallery .site-frame,
  body.page-videos .site-frame,
  body.page-gallery .site-main,
  body.page-videos .site-main,
  body.page-gallery .gallery-page,
  body.page-videos:not(.page-videos-index) .videos-page {
    block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important
  }

  body.page-gallery .gallery-layout,
  body.page-videos:not(.page-videos-index) .videos-layout {
    block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
    display: grid !important;
    gap: 0.72rem !important;
    align-items: stretch !important
  }

  body.page-gallery .gallery-layout {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem) !important
  }

  body.page-gallery .gallery-watch-panel,
  body.page-gallery .gallery-rail-panel,
  body.page-videos .videos-watch-panel,
  body.page-videos .videos-rail-panel {
    block-size: 100% !important;
    min-block-size: 0 !important;
    max-block-size: 100% !important;
    overflow: hidden !important
  }

  body.page-gallery .gallery-watch-panel {
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    gap: 0.58rem !important
  }

  body.page-gallery .gallery-image-shell,
  body.page-gallery .gallery-selected-figure,
  body.page-gallery .gallery-image-button {
    min-block-size: 0 !important;
    block-size: 100% !important;
    max-block-size: 100% !important;
    background: transparent !important;
    overflow: hidden !important
  }

  body.page-gallery .gallery-image-button {
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 0.72rem !important
  }

  body.page-gallery #galleryImage {
    display: block !important;
    inline-size: auto !important;
    block-size: auto !important;
    max-inline-size: 100% !important;
    max-block-size: 100% !important;
    object-fit: contain !important;
    background: transparent !important
  }

  body.page-gallery .gallery-rail-panel {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 0.55rem !important
  }

  body.page-gallery .gallery-chip-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.42rem !important;
    max-block-size: 10.5rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-inline-end: 0.16rem !important
  }

  body.page-gallery .gallery-category-tile {
    display: grid !important;
    grid-template-columns: 3rem minmax(0, 1fr) !important;
    gap: 0.45rem !important;
    min-block-size: 3.5rem !important;
    align-items: center !important;
    padding: 0.28rem !important;
    text-align: left !important
  }

  body.page-gallery .gallery-category-preview,
  body.page-gallery .gallery-category-preview img {
    inline-size: 2.8rem !important;
    block-size: 2.8rem !important;
    max-inline-size: 2.8rem !important;
    max-block-size: 2.8rem !important;
    object-fit: contain !important;
    background: transparent !important
  }

  body.page-gallery .gallery-rail-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.38rem !important;
    min-block-size: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    align-content: start !important;
    padding-inline-end: 0.16rem !important
  }

  body.page-gallery .gallery-rail-item {
    display: grid !important;
    grid-template-columns: 4rem minmax(0, 1fr) !important;
    min-block-size: 4.35rem !important;
    align-items: center !important;
    gap: 0.48rem !important;
    padding: 0.18rem !important;
    text-align: left !important
  }

  body.page-gallery .gallery-thumb,
  body.page-gallery .gallery-thumb img {
    inline-size: 4rem !important;
    block-size: 4rem !important;
    max-inline-size: 4rem !important;
    max-block-size: 4rem !important;
    object-fit: contain !important;
    background: transparent !important
  }

  body.page-gallery .gallery-rail-copy small {
    display: none !important
  }
}

details.faq-card {
  display: block
}

details.faq-card>summary {
  cursor: pointer;
  list-style: none;
  color: #ffffff
}

details.faq-card>summary::-webkit-details-marker {
  display: none
}

details.faq-card>summary::after {
  content: "+";
  float: right;
  margin-inline-start: 0.75rem;
  color: #ff0004;
  font-weight: 800
}

details.faq-card[open]>summary::after {
  content: "−"
}

details.faq-card>summary h3,
details.faq-card>summary strong {
  display: inline
}

details.faq-card>p,
details.faq-card>div {
  margin-block-start: 0.7rem
}

.related-links {
  display: grid;
  gap: 0.7rem;
  padding: 1rem;
  border: 1px solid var(--page-card-border);
  border-radius: 0.9rem;
  background: var(--page-card-surface-tint), var(--page-card-surface);
  box-shadow: var(--page-card-shadow-soft)
}

.related-links__nav,
body.page-about .about-domain-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem
}

.related-links__nav a,
body.page-about .about-domain-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.48rem 0.72rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: #f2f2f2;
  text-decoration: none
}

.related-links__nav a:hover,
.related-links__nav a:focus-visible,
body.page-about .about-domain-links a:hover,
body.page-about .about-domain-links a:focus-visible {
  border-color: rgba(255, 0, 4, 0.65);
  color: #fff;
  text-decoration: underline
}

.embedded-guide-video,
.under-development-note {
  margin-block: 1.25rem;
  padding: 1rem;
  border: 1px solid var(--page-card-border, rgba(255, 255, 255, .14));
  border-radius: 1rem;
  background: var(--page-card-surface-tint, rgba(120, 0, 0, .12)), var(--page-card-surface, rgba(10, 10, 12, .88));
  box-shadow: var(--page-card-shadow-soft, 0 1rem 2rem rgba(0, 0, 0, .28))
}

.embedded-guide-video__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(18rem, 1.1fr);
  gap: 1rem;
  align-items: start
}

.embedded-guide-video__copy {
  display: grid;
  gap: .55rem;
  align-content: start
}

.embedded-guide-video__copy h2,
.under-development-note h2 {
  margin: 0;
  color: #fff
}

.embedded-guide-video__copy p,
.under-development-note p {
  margin: 0;
  color: #dedede;
  line-height: 1.55
}

.embedded-guide-video__media {
  margin: 0;
  display: grid;
  gap: .45rem
}

.embedded-guide-video__media video {
  display: block;
  width: 100%;
  max-height: min(30rem, 70vh);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: .85rem;
  background: #050507;
  object-fit: contain
}

.embedded-guide-video__media figcaption {
  color: #cfcfcf;
  font-size: .9rem;
  line-height: 1.4
}

.embedded-guide-video__links {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem
}

.embedded-guide-video__links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .42rem .72rem;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: #f2f2f2;
  text-decoration: none
}

.gallery-page-heading,
.videos-page-heading {
  margin-block-end: 1rem
}

#galleryTitle,
#watchTitle {
  margin: 0;
  color: #fff;
  font-size: clamp(1.35rem, 2vw, 2rem)
}

@media (max-width:72rem) {
  .embedded-guide-video__inner {
    grid-template-columns: 1fr
  }
}

main h1,
.hero h1,
.page-hero h1,
.lk-details h1,
.tool-hero h1,
.wiki-hero h1 {
  font-size: clamp(1.65rem, 3vw, 3.1rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em
}

.lead,
.hero p,
.page-hero p,
.tool-hero p,
.wiki-hero p {
  font-size: clamp(.98rem, 1.35vw, 1.08rem) !important;
  line-height: 1.55 !important;
  max-width: 980px
}

.site-main .page-heading h1,
.site-main .hero h1,
.site-main h1:first-child {
  font-size: clamp(1.08rem, 1.6vw, 1.58rem) !important;
  line-height: 1.1 !important;
  letter-spacing: .035em
}

.site-main .page-lead,
.site-main .hero__copy>p,
.site-main .section-heading>p {
  font-size: clamp(.86rem, .95vw, .98rem) !important;
  line-height: 1.45 !important
}

.site-main .page-heading {
  margin-block-end: .75rem !important
}

body.page-audio .audio-hero,
body.page-audio .hero,
body.page-audio .page-heading {
  padding-block: .65rem !important;
  margin-block-end: .75rem !important
}

body.page-audio h1 {
  font-size: clamp(1.12rem, 1.7vw, 1.62rem) !important;
  line-height: 1.08 !important
}

body.page-audio .audio-controls button,
body.page-audio .audio-icon-button,
body.page-audio button[class*="audio"] {
  min-block-size: 2.35rem;
  border-radius: 999px
}

body.page-audio .lyrics-panel,
body.page-audio [data-lyrics-panel],
body.page-audio #lyricsPanel {
  max-block-size: min(58dvh, 42rem);
  overflow: hidden
}

body.page-audio #lyricsBody,
body.page-audio .lyrics-body {
  max-block-size: min(48dvh, 34rem);
  overflow-y: auto;
  scroll-behavior: smooth
}

body.page-audio .lyrics-cue__button.is-current,
body.page-audio .lyrics-cue__button[aria-current="true"] {
  border-color: rgba(255, 86, 28, .7);
  background: rgba(255, 86, 28, .12);
  color: var(--page-text, #fff)
}

.site-context-menu__item[hidden] {
  display: none !important
}

.site-context-menu__item {
  min-block-size: 2.25rem
}

.site-context-menu__item[data-context-action="copy-section"] span::after {
  content: ""
}

.site-nav a,
.site-nav button,
.site-nav summary {
  pointer-events: auto !important
}

body.page-faqs .site-nav,
body.page-faqs .site-nav__menu {
  pointer-events: auto !important
}

html,
body {
  overflow-y: auto !important;
  overflow-x: clip !important;
  block-size: auto !important;
  min-block-size: 100% !important
}

body,
.site-shell,
.site-frame,
.site-main {
  max-block-size: none !important
}

.site-main {
  overflow: visible !important
}

.site-main .page-heading,
.site-main .hero,
.site-main .page-hero,
.site-main .tool-hero,
.site-main .wiki-hero {
  margin-block-end: .75rem !important;
  padding-block: .65rem !important
}

.site-main .page-heading h1,
.site-main .hero h1,
.site-main .page-hero h1,
.site-main .tool-hero h1,
.site-main .wiki-hero h1,
.site-main h1:first-child {
  font-size: clamp(1.05rem, 1.45vw, 1.5rem) !important;
  line-height: 1.08 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase
}

.site-main .page-lead,
.site-main .lead,
.site-main .hero__copy>p,
.site-main .page-hero p,
.site-main .tool-hero p,
.site-main .wiki-hero p,
.site-main .section-heading>p {
  font-size: clamp(.84rem, .9vw, .95rem) !important;
  line-height: 1.42 !important;
  max-inline-size: 76rem !important
}

.site-context-menu__item[hidden],
.site-context-menu__item:disabled {
  display: none !important
}

.site-context-menu__item {
  min-block-size: 2.35rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .025em
}

.site-nav a,
.site-nav a:visited,
.site-nav summary,
.site-nav__link,
.site-nav__submenu-link,
.site-nav__submenu-link span,
.site-nav__menu-index,
.brand-lockup,
.brand-lockup:visited,
.site-header__auth,
.site-header__auth:visited,
.site-header__subscribe,
.site-header__subscribe:visited,
.gallery-category-tile,
.gallery-rail-item {
  text-decoration: none !important;
  text-decoration-line: none !important
}

.site-nav a:hover,
.site-nav a:focus-visible,
.site-nav summary:hover,
.site-nav summary:focus-visible,
.site-header__auth:hover,
.site-header__auth:focus-visible,
.site-header__subscribe:hover,
.site-header__subscribe:focus-visible {
  text-decoration: none !important;
  text-decoration-line: none !important
}

.site-context-menu__item {
  appearance: none !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important
}

.site-context-menu__item:focus,
.site-context-menu__item:focus-visible,
.site-context-menu__item:active {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important
}

.site-context-menu__item:hover {
  border-color: rgba(255, 255, 255, .08) !important;
  background: rgba(255, 255, 255, .055) !important
}

body.page-faqs .site-nav,
body.page-faqs .site-nav__group,
body.page-faqs .site-nav__menu,
body.page-faqs .site-nav__submenu-link {
  pointer-events: auto !important
}

@media (min-width:64rem) {
  body.page-gallery .page-breadcrumbs {
    margin-block: 0 .28rem !important;
    padding-block: 0 !important
  }

  body.page-gallery .gallery-page {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: .5rem !important;
    block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important
  }

  body.page-gallery .gallery-page-heading {
    margin-block: 0 .45rem !important;
    padding: .45rem .55rem !important;
    min-block-size: 0 !important;
    gap: .2rem !important;
    border: 1px solid rgba(210, 13, 13, .55) !important;
    background: linear-gradient(180deg, rgba(14, 14, 14, .62), rgba(8, 8, 8, .46)) !important
  }

  body.page-gallery .gallery-page-heading .eyebrow {
    margin-block-end: .08rem !important
  }

  body.page-gallery .gallery-page-heading h1 {
    font-size: clamp(1.05rem, 1.38vw, 1.42rem) !important;
    line-height: 1.05 !important
  }

  body.page-gallery .gallery-page-heading .page-lead {
    font-size: clamp(.78rem, .78vw, .9rem) !important;
    line-height: 1.25 !important;
    max-inline-size: 78rem !important
  }

  body.page-gallery .gallery-layout {
    min-block-size: 0 !important;
    block-size: 100% !important;
    overflow: hidden !important;
    align-items: stretch !important;
    gap: .6rem !important
  }

  body.page-gallery .gallery-watch-panel {
    display: grid !important;
    grid-template-rows: auto auto auto minmax(12rem, 1fr) auto !important;
    gap: .42rem !important;
    padding: .72rem !important;
    min-block-size: 0 !important;
    overflow: hidden !important
  }

  body.page-gallery .gallery-watch-panel h1,
  body.page-gallery .gallery-watch-panel h2 {
    margin: 0 !important;
    line-height: 1.05 !important;
    font-size: clamp(1rem, 1.25vw, 1.25rem) !important
  }

  body.page-gallery .gallery-watch-panel p {
    margin: 0 !important;
    line-height: 1.28 !important
  }

  body.page-gallery .gallery-selected-figure,
  body.page-gallery .gallery-image-shell,
  body.page-gallery .gallery-image-button {
    display: grid !important;
    place-items: center !important;
    min-block-size: 0 !important;
    block-size: 100% !important;
    max-block-size: 100% !important;
    overflow: hidden !important
  }

  body.page-gallery .gallery-image-button {
    inline-size: 100% !important
  }

  body.page-gallery #galleryImage {
    margin: auto !important;
    display: block !important;
    inline-size: auto !important;
    block-size: auto !important;
    max-inline-size: min(100%, 54rem) !important;
    max-block-size: 100% !important;
    object-fit: contain !important;
    object-position: center center !important
  }

  body.page-gallery .gallery-chip-grid {
    max-block-size: 8.6rem !important
  }

  body.page-gallery .gallery-rail-item {
    min-block-size: 4.8rem !important;
    align-items: center !important
  }

  body.page-gallery .gallery-rail-copy {
    min-inline-size: 0 !important;
    overflow: hidden !important
  }

  body.page-gallery .gallery-rail-copy strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    line-clamp: 2 !important;
    -webkit-line-clamp: 2 !important;
    white-space: normal !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.12 !important
  }

  body.page-gallery .gallery-rail-copy em {
    white-space: normal !important;
    overflow-wrap: anywhere !important
  }
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.image-popout-button {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: inherit;
  cursor: pointer
}

.home-guide-card__image-link.image-popout-button {
  border-radius: inherit
}

.gallery-crawl-card__image {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer
}

.gallery-crawl-card__image img {
  display: block;
  width: 100%;
  height: auto
}

.site-footer {
  position: static !important;
  grid-column: 1 / -1 !important;
  block-size: auto !important;
  min-block-size: 0 !important;
  padding: 0.58rem 0.78rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.78rem !important
}

.site-footer__lead,
.site-footer__links {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.54rem !important;
  min-block-size: 1.55rem !important
}

.site-footer__lead {
  flex: 0 1 auto !important
}

.site-footer__links {
  flex: 1 1 auto !important;
  justify-content: flex-end !important;
  margin-inline-start: auto !important
}

.site-footer .stack-link,
.site-footer .stack-link--button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-block-size: 1.55rem !important;
  line-height: 1 !important
}

.site-footer .stack-link__icon {
  display: grid !important;
  place-items: center !important;
  inline-size: 1.28rem !important;
  block-size: 1.28rem !important;
  line-height: 1 !important
}

.site-footer .site-footer__brand,
.site-footer .stack-link__label {
  line-height: 1 !important
}

@media (max-width:49.998rem) {
  .site-shell {
    inline-size: 100% !important;
    width: auto !important;
    max-inline-size: none !important;
    padding: calc(var(--site-header-block-size, 4rem)+1rem) 0.65rem 0.65rem !important
  }

  .site-shell>.site-header {
    position: fixed !important;
    inset-block-start: 0.65rem !important;
    inset-inline-start: auto !important;
    inset-inline-end: 0.65rem !important;
    inline-size: max-content !important;
    width: max-content !important;
    max-inline-size: calc(100vw - 1.3rem) !important;
    min-block-size: 0 !important;
    display: grid !important;
    grid-template-columns: auto auto !important;
    align-items: center !important;
    gap: 0.34rem !important;
    padding: 0.42rem !important;
    z-index: 70 !important;
    overflow: visible !important
  }

  body[data-nav-open="true"] .site-header {
    position: fixed !important;
    inset-block-start: 0.65rem !important;
    inset-inline-start: auto !important;
    inset-inline-end: 0.65rem !important;
    z-index: 70 !important
  }

  .site-header__brand {
    display: none !important
  }

  .site-header>#site-navigation.site-nav {
    position: static !important;
    display: flex !important;
    grid-column: 1 !important;
    align-items: center !important;
    justify-content: end !important;
    gap: 0.34rem !important;
    inline-size: auto !important;
    width: auto !important;
    max-inline-size: none !important;
    min-inline-size: 0 !important;
    padding: 0 !important;
    overflow: visible !important
  }

  .site-header>#site-navigation.site-nav .site-nav__group--howto {
    display: inline-grid !important
  }

  body:not([data-nav-open="true"]) .site-header>.site-nav {
    display: flex !important
  }

  body[data-nav-open="true"] .site-header>#site-navigation.site-nav {
    display: flex !important
  }

  .site-header__actions {
    grid-column: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.34rem !important
  }

  .site-header__subscribe,
  .site-header__auth,
  .site-header__search {
    display: none !important
  }

  .site-header__actions .site-header__search-toggle {
    display: inline-flex !important
  }

  body[data-audio-mode="header"] .site-audio-dock {
    display: none !important
  }

  .site-audio-player {
    inset-inline-start: 0.45rem !important;
    inset-block-end: 0.45rem !important;
    inline-size: min(12rem, calc(100vw - 0.9rem)) !important;
    max-inline-size: calc(100vw - 0.9rem) !important;
    z-index: 60 !important
  }

  .site-audio-player.is-sidebar-minimized {
    inline-size: 2.9rem !important;
    min-inline-size: 2.9rem !important;
    max-inline-size: 2.9rem !important
  }

  .site-nav__group>.site-nav__link--group,
  .site-nav__link--subscribe,
  .site-header__search-toggle {
    inline-size: 2.35rem !important;
    min-inline-size: 2.35rem !important;
    block-size: 2.35rem !important;
    min-block-size: 2.35rem !important;
    padding: 0 !important;
    font-size: 0 !important;
    text-indent: 140% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    border-radius: 999px !important
  }

  .site-nav__group[open] .site-nav__menu {
    position: fixed !important;
    inset-block-start: var(--mobile-nav-menu-top, calc(0.65rem+var(--site-header-block-size, 3.2rem)+0.5rem)) !important;
    inset-inline-start: auto !important;
    inset-inline-end: 0 !important;
    transform: none !important;
    display: grid !important;
    inline-size: calc(100vw - 1.3rem) !important;
    width: calc(100vw - 1.3rem) !important;
    min-inline-size: 0 !important;
    max-inline-size: none !important;
    box-sizing: border-box !important;
    max-block-size: calc(100dvh - var(--site-header-block-size, 3.2rem) - 1.95rem) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    z-index: 75 !important
  }

  .site-nav__group[open] .site-nav__menu-links--single {
    max-block-size: none !important;
    overflow: visible !important
  }
}

.legion-killfeed-official-site-links {
  margin: 2rem 0;
  padding: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 1rem;
  background: rgba(0, 0, 0, 0.28)
}

.legion-killfeed-official-site-links h3 {
  margin-top: 0
}

.legion-killfeed-official-site-links ul {
  margin-bottom: 0;
  padding-left: 1.25rem
}

.legion-killfeed-official-site-links li {
  margin: 0.35rem 0
}

.legion-killfeed-official-site-links a {
  color: inherit;
  text-decoration-color: rgba(255, 255, 255, 0.35);
  text-underline-offset: 0.18em
}

.legion-killfeed-official-site-links a:hover,
.legion-killfeed-official-site-links a:focus {
  color: #ff2b2b;
  text-decoration-color: #ff2b2b
}

.site-footer {
  border-radius: 0.45rem !important
}

/** Layout repair: full-width header, contained nav menus, and indexable link tiles. */
@media (min-width:64rem) {

  html,
  body {
    overflow-x: clip;
  }

  .site-shell {
    inline-size: min(100%, var(--max-width));
    width: auto;
    max-inline-size: var(--max-width);
    margin-inline: auto;
    padding: 1rem;
    display: grid;
    gap: 1.2rem;
    box-sizing: border-box;
  }

  .site-shell>.site-header {
    position: sticky;
    inset-block-start: .45rem;
    z-index: 70;
    display: grid;
    grid-template-columns: minmax(11rem, auto) minmax(14rem, 1fr) auto auto;
    align-items: center;
    gap: .75rem;
    margin-block-end: .8rem;
    overflow: visible;
  }

  .site-header__brand {
    grid-column: 1;
    min-inline-size: 0;
  }

  .site-header__search {
    display: block;
    grid-column: 2;
    grid-row: 1;
    min-inline-size: 0;
  }

  .site-header>#site-navigation.site-nav {
    display: flex;
    grid-column: 3;
    grid-row: 1;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    min-inline-size: 0;
    padding: 0;
    overflow: visible;
  }

  .site-header__actions .site-header__search-toggle {
    display: none;
  }

  .site-header__actions {
    grid-column: 4;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    min-inline-size: max-content;
  }

  .site-header__subscribe,
  .site-header__auth {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }

  .site-nav__group {
    position: relative;
  }

  .site-nav__menu {
    position: absolute;
    inset-block-start: calc(100% + .35rem);
    inset-inline-start: 0;
    min-inline-size: 16rem;
    max-inline-size: min(26rem, calc(100vw - 2rem));
    padding: .55rem;
    border: 1px solid var(--page-border);
    border-radius: .85rem;
    background: linear-gradient(180deg, rgba(18, 17, 19, .98), rgba(9, 9, 11, .98)), var(--page-surface-strong);
    box-shadow: var(--page-shadow);
    z-index: 90;
  }

  .site-nav__group--howto .site-nav__menu,
  .site-nav__group--tools .site-nav__menu {
    inset-inline-start: auto;
    inset-inline-end: 0;
  }

  .site-nav__menu-links--single {
    max-block-size: min(72vh, 34rem);
    overflow: auto;
  }
}

@media (max-width: 49.998rem) {
  .site-shell {
    inline-size: 100% !important;
    width: 100% !important;
    max-inline-size: none !important;
    padding: calc(var(--site-header-block-size, 3.65rem) + 1rem) 0.65rem 0.65rem !important
  }

  .site-shell>.site-header {
    position: fixed !important;
    inset-block-start: 0.65rem !important;
    inset-inline: 0.65rem !important;
    inline-size: auto !important;
    width: auto !important;
    max-inline-size: none !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0.42rem !important;
    padding: 0.42rem 0.48rem !important;
    overflow: visible !important;
    z-index: 80 !important
  }

  .site-header__brand {
    display: flex !important;
    grid-column: 1 !important;
    min-inline-size: 2.35rem !important
  }

  .site-header__brand .brand-lockup {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important
  }

  .site-header__brand .brand-lockup img {
    display: block !important;
    inline-size: 2.35rem !important;
    block-size: 2.35rem !important
  }

  .site-header__brand .brand-lockup span,
  .site-header>.site-header__menu,
  .site-header__subscribe,
  .site-header__auth,
  .site-header__search {
    display: none !important
  }

  .site-header>#site-navigation.site-nav {
    position: static !important;
    display: flex !important;
    grid-column: 2 !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    justify-content: end !important;
    align-items: center !important;
    min-inline-size: 0 !important;
    padding: 0 !important;
    gap: 0.32rem !important;
    overflow: visible !important
  }

  .site-header>#site-navigation.site-nav .site-nav__group {
    display: inline-grid !important;
    flex: 0 0 auto !important
  }

  .site-header__actions {
    grid-column: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.32rem !important
  }

  .site-header__actions .site-header__search-toggle {
    display: inline-flex !important
  }

  .site-nav__group>.site-nav__link--group,
  .site-nav__link--subscribe,
  .site-header__search-toggle {
    inline-size: 2.35rem !important;
    min-inline-size: 2.35rem !important;
    block-size: 2.35rem !important;
    min-block-size: 2.35rem !important;
    padding: 0 !important;
    border-radius: 999px !important;
    font-size: 0 !important;
    text-indent: 140% !important;
    overflow: hidden !important;
    white-space: nowrap !important
  }

  .site-nav__group[open] .site-nav__menu {
    position: fixed !important;
    inset-block-start: var(--mobile-nav-menu-top, calc(0.65rem + var(--site-header-block-size, 3.65rem) + 0.5rem)) !important;
    inset-inline-start: 0.65rem !important;
    inset-inline-end: 0.65rem !important;
    inline-size: auto !important;
    width: auto !important;
    min-inline-size: 0 !important;
    max-inline-size: none !important;
    box-sizing: border-box !important;
    transform: none !important;
    max-block-size: calc(100dvh - var(--site-header-block-size, 3.65rem) - 2.25rem) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    z-index: 85 !important
  }

  .site-nav__group[open] .site-nav__menu-links--single {
    max-block-size: none !important;
    overflow: visible !important
  }

  body[data-audio-mode="header"] .site-audio-dock {
    display: none !important
  }

  .site-audio-player,
  .site-audio-player.is-sidebar-minimized {
    position: fixed !important;
    inset-inline-start: 0.65rem !important;
    inset-block-end: 0.65rem !important;
    inline-size: min(18rem, calc(100vw - 1.3rem)) !important;
    min-inline-size: min(18rem, calc(100vw - 1.3rem)) !important;
    max-inline-size: calc(100vw - 1.3rem) !important;
    min-block-size: 3rem !important;
    max-block-size: calc(100dvh - 1.3rem) !important;
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 75 !important
  }

  .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed {
    display: flex !important;
    align-items: center !important;
    min-block-size: 2.65rem !important;
    overflow: hidden !important
  }
}

.legion-killfeed-official-site-links {
  margin: 1.4rem 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent
}

/** Legion Killfeed official site links */
.legion-killfeed-official-site-links h3 {
  margin: 0 0 0.75rem;
  font-size: clamp(1rem, 1.4vw, 1.22rem)
}

.legion-killfeed-official-site-links ul {
  margin: 0;
  padding-left: 1rem
}

.legion-killfeed-official-site-links>ul {
  padding-left: 0;
  list-style: none
}

.legion-killfeed-official-site-links>ul>li>a {
  display: inline-flex;
  margin-block-end: 0.65rem;
  font-weight: 700
}

.legion-killfeed-official-site-links>ul>li>ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  gap: 0.55rem;
  padding-left: 0;
  list-style: none
}

.legion-killfeed-official-site-links>ul>li>ul>li {
  display: grid;
  align-content: start;
  gap: 0.35rem;
  min-block-size: 3.2rem;
  padding: 0.62rem 0.68rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.42rem;
  background: rgba(255, 255, 255, 0.035)
}

.legion-killfeed-official-site-links>ul>li>ul>li>ul {
  display: grid;
  gap: 0.22rem;
  margin-top: 0.18rem;
  padding-left: 0.95rem;
  list-style: disc
}

.legion-killfeed-official-site-links li {
  margin: 0
}

.legion-killfeed-official-site-links a {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-color: rgba(255, 255, 255, 0.34);
  text-underline-offset: 0.18em;
  overflow-wrap: anywhere
}

.legion-killfeed-official-site-links a:hover,
.legion-killfeed-official-site-links a:focus {
  color: #ff2b2b;
  text-decoration-color: #ff2b2b
}

.legion-killfeed-official-site-links>ul>li>ul>li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-block-size: 2.8rem;
  padding: 0;
  border-color: rgba(191, 0, 0, .55);
  text-align: center
}

.legion-killfeed-official-site-links>ul>li>ul>li>a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 2.8rem;
  padding: .62rem .68rem
}

@media(min-width:31.25rem) and (max-width:49.998rem) {
  .site-header__brand .brand-lockup span {
    display: grid !important;
    gap: .1rem !important
  }

  .site-header__brand .brand-lockup small {
    display: block !important
  }
}

@media(max-width:49.998rem) {
  .site-nav__group[open] .site-nav__menu {
    z-index: 82 !important
  }
}

@media(max-width:49.998rem) {
  body[data-audio-mode=header] .site-shell>.site-header {
    grid-template-columns: auto minmax(0, 1fr) auto auto !important
  }

  body[data-audio-mode=header] .site-audio-dock {
    display: inline-flex !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: stretch !important;
    align-self: center !important;
    min-inline-size: 0 !important;
    min-block-size: 2.2rem !important;
    padding: 0 .42rem !important;
    gap: .35rem !important
  }

  body[data-audio-mode=header] .site-header>#site-navigation.site-nav {
    grid-column: 3 !important;
    grid-row: 1 !important
  }

  body[data-audio-mode=header] .site-header__actions {
    grid-column: 4 !important;
    grid-row: 1 !important
  }

  body[data-audio-mode=header] .site-audio-dock__info {
    display: flex !important;
    flex-direction: column !important;
    min-inline-size: 0 !important;
    overflow: hidden !important
  }

  body[data-audio-mode=header] .site-audio-player.is-header-docked {
    display: none !important
  }
}

@media(max-width:31.249rem) {
  .site-audio-player.is-sidebar-minimized {
    inline-size: min(9rem, calc(100vw - 1.3rem)) !important;
    min-inline-size: min(9rem, calc(100vw - 1.3rem)) !important;
    min-block-size: 1.35rem !important;
    padding: .2rem !important
  }

  .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed {
    gap: .18rem !important;
    min-block-size: 1rem !important
  }

  .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed button {
    flex: 0 0 1rem !important;
    inline-size: 1rem !important;
    min-inline-size: 1rem !important;
    block-size: 1rem !important;
    min-block-size: 1rem !important;
    padding: 0 !important;
    border-radius: .3rem !important;
    font-size: .5rem !important
  }

  .site-audio-player.is-sidebar-minimized .site-audio-player__button-icon {
    inline-size: .5rem !important;
    block-size: .5rem !important
  }
}

body.page-gallery .gallery-static-index[data-static-gallery-index] {
  display: none !important;
}

body.page-videos [data-audio-player],
body.page-videos [data-audio-header-dock],
body.page-videos .site-audio-player,
body.page-videos .site-audio-dock {
  display: none !important;
}

body.page-videos-index .videos-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
  gap: clamp(.85rem, 1.4vw, 1.25rem);
  align-items: stretch !important;
  min-inline-size: 0;
  block-size: calc(100dvh - var(--site-header-block-size, 4.15rem) - var(--layout-footer-height, 2.75rem) - 8.25rem) !important;
  min-block-size: 0 !important;
  max-block-size: calc(100dvh - var(--site-header-block-size, 4.15rem) - var(--layout-footer-height, 2.75rem) - 8.25rem) !important;
  overflow: hidden !important;
}

body.page-videos-index .videos-layout[data-view-mode="cards"] {
  grid-template-columns: minmax(0, 1000px) minmax(20rem, 1fr) !important;
}

body.page-videos-index .videos-library,
body.page-videos-index .videos-player-panel {
  min-inline-size: 0;
}

body.page-videos-index .videos-library {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  gap: .85rem;
  align-content: start;
  block-size: 100%;
  overflow: hidden;
}

body.page-videos-index .video-view-controls {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .35rem;
  inline-size: min(100%, 22rem);
}

body.page-videos-index .video-view-controls button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .42rem;
  min-block-size: 2.25rem;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: .55rem;
  background: rgba(255, 255, 255, .055);
  color: var(--page-text, #f2f2f2);
  font: inherit;
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
}

body.page-videos-index .video-view-controls button[aria-pressed="true"],
body.page-videos-index .video-view-controls button:hover,
body.page-videos-index .video-view-controls button:focus-visible {
  border-color: rgba(210, 13, 13, .78);
  background: rgba(210, 13, 13, .18);
  outline: none;
}

body.page-videos-index .video-search-tools {
  display: grid;
  gap: .55rem;
  margin: 0;
}

body.page-videos-index .video-index-groups {
  display: grid;
  gap: .85rem;
  min-block-size: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding-inline-end: .25rem;
  scrollbar-width: thin;
}

body.page-videos-index .video-index-group {
  display: grid;
  gap: .7rem;
  min-inline-size: 0;
}

body.page-videos-index .video-index-group[hidden],
body.page-videos-index .video-card[hidden] {
  display: none !important;
}

body.page-videos-index .video-grid {
  display: grid;
  gap: .7rem;
  min-inline-size: 0;
}

body.page-videos-index .video-card {
  display: grid;
  min-inline-size: 0;
  overflow: hidden;
  color: var(--page-text, #f2f2f2);
  text-decoration: none;
}

body.page-videos-index .videos-layout[data-view-mode="list"] .video-grid {
  grid-template-columns: minmax(0, 1fr);
}

body.page-videos-index .videos-layout[data-view-mode="list"] .video-card {
  grid-template-columns: 6rem minmax(0, 1fr);
  gap: .55rem;
  align-items: center;
  padding: .45rem;
}

body.page-videos-index .videos-layout[data-view-mode="cards"] .video-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-videos-index .videos-layout[data-view-mode="cards"] .video-card {
  grid-template-rows: auto minmax(0, 1fr);
}

body.page-videos-index .video-card__media {
  display: block;
  overflow: hidden;
  border-radius: .55rem;
  background: #050505;
  cursor: pointer;
}

body.page-videos-index .video-card__media:focus-visible {
  outline: 2px solid rgba(255, 86, 28, .85);
  outline-offset: 2px;
}

body.page-videos-index .videos-layout[data-view-mode="list"] .video-card__media {
  inline-size: 6rem;
  aspect-ratio: 16 / 9;
}

body.page-videos-index .videos-layout[data-view-mode="cards"] .video-card__media {
  inline-size: 100%;
  aspect-ratio: 16 / 9;
}

body.page-videos-index .video-card__media img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

body.page-videos-index .video-card__body {
  display: grid;
  gap: .35rem;
  min-inline-size: 0;
  padding: .65rem;
}

body.page-videos-index .videos-layout[data-view-mode="list"] .video-card__body {
  padding: .1rem .2rem;
}

body.page-videos-index .video-card__meta,
body.page-videos-index .video-card p {
  color: var(--page-text-muted, #c7c7c7);
}

body.page-videos-index .video-card h3,
body.page-videos-index .video-card p,
body.page-videos-index .video-card__meta {
  overflow: hidden;
  overflow-wrap: anywhere;
}

body.page-videos-index .videos-layout[data-view-mode="list"] .video-card p {
  display: none;
}

body.page-videos-index .video-card.is-active {
  border-color: rgba(255, 86, 28, .82);
  box-shadow: 0 0 0 1px rgba(255, 86, 28, .35), var(--page-shadow-soft, 0 16px 40px rgba(0, 0, 0, .22));
}

body.page-videos-index .videos-player-panel {
  position: relative;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: .75rem;
  align-content: start;
  align-self: stretch;
  block-size: 100%;
  max-block-size: 100%;
  min-block-size: 0;
  padding: .85rem;
  border: 1px solid var(--page-border, rgba(255, 255, 255, .08));
  border-radius: var(--radius-md, 1rem);
  background: linear-gradient(180deg, #151315f7, #080708f4);
  box-shadow: var(--page-shadow-soft, 0 16px 40px rgba(0, 0, 0, .22));
  overflow: hidden;
}

body.page-videos-index .videos-player-frame {
  display: grid;
  place-items: center;
  inline-size: 100%;
  min-block-size: 0;
  block-size: auto;
  aspect-ratio: 16/9;
  max-block-size: min(48dvh, 34rem);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .75rem;
  background: #000;
}

body.page-videos-index .videos-player-frame video,
body.page-videos-index .videos-player-frame iframe {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 0;
  max-block-size: 100%;
  border: 0;
  background: #000;
  object-fit: contain;
  object-position: center;
}

body.page-videos-index .videos-player-frame [hidden] {
  display: none !important;
}

body.page-videos-index .videos-player-controls {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: .45rem;
  padding: .55rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .75rem;
  background: rgba(255, 255, 255, .035);
  min-inline-size: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

body.page-videos-index .videos-player-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  inline-size: 2.3rem;
  min-inline-size: 2.3rem;
  min-block-size: 2.05rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .06);
  color: #f2f2f2;
  text-decoration: none;
}

body.page-videos-index .videos-player-control[aria-pressed="true"],
body.page-videos-index .videos-player-control:hover,
body.page-videos-index .videos-player-control:focus-visible {
  border-color: rgba(255, 255, 255, .24);
  background: rgba(255, 255, 255, .12);
  outline: none;
}

body.page-videos-index .videos-player-scrubber {
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: 2.6rem minmax(0, 1fr) 2.6rem;
  align-items: center;
  gap: .45rem;
  color: #c9c9c9;
  font-size: .72rem;
  font-variant-numeric: tabular-nums;
  min-inline-size: 8rem;
}

body.page-videos-index .videos-player-volume {
  flex: 0 1 5.5rem;
  inline-size: 5.5rem;
  min-inline-size: 3.5rem;
  accent-color: #ff000a;
}

body.page-videos-index .videos-player-scrubber output {
  min-inline-size: 2.6rem;
  text-align: center;
}

body.page-videos-index .videos-player-range {
  inline-size: 100%;
  min-inline-size: 0;
  accent-color: #ff000a;
}

body.page-videos-index .videos-player-details {
  display: grid;
  align-content: center;
  gap: .8rem;
  min-block-size: 0;
  padding: clamp(1.1rem, 2vw, 2rem);
  border: 0;
  border-inline-start: 3px solid rgba(255, 0, 10, .72);
  border-radius: 0;
  background: linear-gradient(90deg, rgba(130, 0, 7, .12), rgba(255, 255, 255, .018) 38%, transparent);
  overflow: auto;
}

body.page-videos-index .videos-player-details__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

body.page-videos-index .videos-player-details__header>div {
  display: grid;
  gap: .35rem;
  min-inline-size: 0;
}

body.page-videos-index .videos-player-details__state {
  flex: 0 0 auto;
  padding: .3rem .5rem;
  border: 1px solid rgba(255, 0, 10, .3);
  border-radius: .4rem;
  color: #ff5b60;
  font-size: .62rem;
  font-weight: 800;
}

body.page-videos-index .videos-player-details__meta,
body.page-videos-index .videos-player-details__title,
body.page-videos-index .videos-player-details__description {
  margin: 0;
}

body.page-videos-index .videos-player-details__meta {
  color: #ff353a;
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
}

body.page-videos-index .videos-player-details__title {
  font-size: 1.05rem;
  line-height: 1.2;
}

body.page-videos-index .videos-player-details__description {
  color: var(--page-text-muted, #b7b7b7);
  line-height: 1.55;
}

@media (max-width:49.998rem) {

  body.page-videos-index .videos-layout,
  body.page-videos-index .videos-layout[data-view-mode="cards"] {
    grid-template-columns: minmax(0, 1fr);
    block-size: auto;
    min-block-size: 0;
    max-block-size: none;
    overflow: visible;
  }

  body.page-videos-index .videos-player-panel {
    position: static;
    order: -1;
    block-size: auto;
    max-block-size: none;
  }

  body.page-videos-index .videos-player-frame {
    max-block-size: none;
  }

  body.page-videos-index .video-index-groups {
    max-block-size: none;
    overflow: visible;
  }
}

@media (max-width:46rem) {
  body.page-videos-index .videos-layout[data-view-mode="cards"] .video-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.page-videos-index .videos-layout[data-view-mode="list"] .video-card {
    grid-template-columns: 5.25rem minmax(0, 1fr);
  }

  body.page-videos-index .videos-layout[data-view-mode="list"] .video-card__media {
    inline-size: 5.25rem;
  }

  body.page-videos-index .videos-player-controls {
    gap: .3rem;
    padding: .45rem;
    flex-wrap: nowrap;
  }

  body.page-videos-index .videos-player-scrubber {
    flex: 1 1 9rem;
    grid-template-columns: 2.2rem minmax(4.5rem, 1fr) 2.2rem;
    gap: .3rem;
    min-inline-size: 9rem;
  }

  body.page-videos-index .videos-player-control {
    inline-size: 2rem;
    min-inline-size: 2rem;
    min-block-size: 2rem;
    border-radius: .65rem;
  }

  body.page-videos-index .videos-player-volume {
    flex: 0 1 5rem;
    inline-size: 5rem;
    min-inline-size: 4.25rem;
  }

  body.page-videos-index .videos-player-page-action {
    flex: 0 0 auto;
  }
}

body.page-videos-index .video-search-tools input[data-video-search] {
  inline-size: 100%;
  min-block-size: 2.65rem;
  padding: .72rem .85rem;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: .72rem;
  background: rgba(0, 0, 0, .55);
  color: var(--page-text, #f2f2f2);
  font: inherit;
  font-size: .9rem;
  outline: none;
}

body.page-videos-index .video-search-tools input[data-video-search]::placeholder {
  color: rgba(235, 235, 235, .58);
}

body.page-videos-index .video-search-tools input[data-video-search]:focus {
  border-color: rgba(255, 43, 43, .82);
  box-shadow: 0 0 0 2px rgba(255, 43, 43, .18);
}

body.page-videos-index .videos-mobile-drawer,
body.page-videos-index .videos-mobile-drawer__body {
  min-block-size: 0;
}

body.page-videos-index .videos-mobile-drawer {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  block-size: 100%;
  overflow: hidden;
}

body.page-videos-index .videos-mobile-drawer__body {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: .85rem;
  block-size: 100%;
  max-block-size: 100%;
  min-block-size: 0;
  overflow: hidden;
}

body.page-videos-index .videos-mobile-drawer>summary {
  display: none;
}

@media (min-width:64rem) {
  body.page-videos-index .site-shell {
    padding-block-end: 0 !important;
  }
}

@media (min-width:64rem) and (max-width:78rem) {
  body.page-videos-index .videos-layout {
    grid-template-columns: minmax(18rem, 22rem) minmax(0, 1fr) !important;
  }

  body.page-videos-index .videos-layout[data-view-mode="cards"] {
    grid-template-columns: minmax(0, 58vw) minmax(18rem, 1fr) !important;
  }

  body.page-videos-index .videos-layout[data-view-mode="cards"] .video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:49.998rem) {

  body.page-videos-index,
  body.page-videos-index .site-shell,
  body.page-videos-index .site-frame,
  body.page-videos-index .site-main {
    block-size: auto !important;
    max-block-size: none !important;
    overflow: visible !important;
  }

  body.page-videos-index .site-shell {
    display: block !important;
    padding-block-end: calc(var(--layout-footer-height, 2.75rem) + 1.35rem) !important;
  }

  body.page-videos-index .videos-layout,
  body.page-videos-index .videos-layout[data-view-mode="cards"] {
    display: flex !important;
    flex-direction: column;
    gap: .85rem;
    block-size: auto !important;
    min-block-size: 0 !important;
    max-block-size: none !important;
    overflow: visible !important;
  }

  body.page-videos-index .videos-player-panel {
    order: 1;
    display: grid;
    grid-template-rows: auto auto;
    block-size: auto !important;
    max-block-size: none !important;
    padding: .72rem;
    overflow: visible;
  }

  body.page-videos-index .videos-player-frame {
    block-size: auto;
    min-block-size: 0;
    aspect-ratio: 16 / 9;
  }

  body.page-videos-index .videos-player-frame video,
  body.page-videos-index .videos-player-frame iframe {
    block-size: 100%;
    min-block-size: 0;
    aspect-ratio: 16 / 9;
    max-block-size: 52dvh;
    object-fit: contain;
  }

  body.page-videos-index .videos-library {
    order: 2;
    display: block;
    block-size: 0;
    min-block-size: 0;
    overflow: visible;
  }

  body.page-videos-index .videos-mobile-drawer {
    position: fixed;
    inset-block-start: calc(var(--site-header-block-size, 4.15rem) + .75rem);
    inset-inline-start: .75rem;
    z-index: 80;
    display: block;
    inline-size: auto;
    block-size: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
  }

  body.page-videos-index .videos-mobile-drawer>summary {
    position: relative;
    z-index: 82;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    min-block-size: 2.85rem;
    max-inline-size: calc(100vw - 1.5rem);
    padding: .75rem .9rem;
    border: 1px solid rgba(255, 43, 43, .38);
    border-radius: .85rem;
    background: linear-gradient(180deg, rgba(24, 24, 26, .98), rgba(7, 7, 9, .96));
    box-shadow: 0 .85rem 1.8rem rgba(0, 0, 0, .36);
    color: var(--page-text, #f2f2f2);
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
  }

  body.page-videos-index .videos-mobile-drawer>summary::-webkit-details-marker {
    display: none;
  }

  body.page-videos-index .videos-mobile-drawer>summary::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--page-accent-strong, #ff2b2b);
  }

  body.page-videos-index .videos-mobile-drawer[open]>summary::after {
    content: "\f077";
  }

  body.page-videos-index .videos-mobile-drawer__body {
    position: fixed;
    z-index: 81;
    inset-block-start: calc(var(--site-header-block-size, 4.15rem) + 4.25rem);
    inset-block-end: auto;
    inset-inline-start: .75rem;
    inline-size: min(24rem, calc(100vw - 1.5rem));
    block-size: calc(100dvh - var(--site-header-block-size, 4.15rem) - var(--layout-footer-height, 2.75rem) - 5rem);
    max-block-size: calc(100dvh - var(--site-header-block-size, 4.15rem) - var(--layout-footer-height, 2.75rem) - 5rem);
    min-block-size: 14rem;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: .7rem;
    padding: .75rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .85rem;
    background: linear-gradient(180deg, rgba(20, 20, 22, .98), rgba(7, 7, 9, .97));
    box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, .48);
    overflow: hidden;
  }

  body.page-videos-index .videos-mobile-drawer:not([open]) .videos-mobile-drawer__body {
    display: none;
  }

  body.page-videos-index .video-view-controls {
    display: none;
  }

  body.page-videos-index .video-search-tools {
    display: grid;
    gap: .5rem;
  }

  body.page-videos-index .video-search-tools input[data-video-search] {
    min-block-size: 2.85rem;
    font-size: .86rem;
  }

  body.page-videos-index .video-index-groups {
    block-size: 100%;
    max-block-size: none;
    min-block-size: 0;
    overflow: auto !important;
    overscroll-behavior: contain;
    padding-inline-end: .18rem;
  }

  body.page-videos-index .videos-layout[data-view-mode="cards"] .video-grid,
  body.page-videos-index .videos-layout[data-view-mode="list"] .video-grid,
  body.page-videos-index .video-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.page-videos-index .videos-layout[data-view-mode="cards"] .video-card,
  body.page-videos-index .videos-layout[data-view-mode="list"] .video-card,
  body.page-videos-index .video-card {
    grid-template-columns: 5.25rem minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: .52rem;
    align-items: center;
    padding: .45rem;
  }

  body.page-videos-index .videos-layout[data-view-mode="cards"] .video-card__media,
  body.page-videos-index .videos-layout[data-view-mode="list"] .video-card__media,
  body.page-videos-index .video-card__media {
    inline-size: 5.25rem;
    aspect-ratio: 16 / 9;
  }

  body.page-videos-index .video-card__body {
    padding: .1rem .2rem;
  }

  body.page-videos-index .video-card p {
    display: none;
  }
}

/* 2026-06-25: gallery/search UX fixes */
body.page-gallery .gallery-layout {
  align-items: stretch !important
}

body.page-gallery .gallery-watch-panel {
  position: sticky;
  inset-block-start: calc(var(--site-header-block-size, 4rem) + 1.1rem);
  max-block-size: calc(100dvh - var(--site-header-block-size, 4rem) - 3.8rem);
  overflow: hidden !important;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto auto !important
}

body.page-gallery .gallery-watch-panel .gallery-lead {
  max-block-size: 4.8rem;
  overflow: hidden
}

body.page-gallery .gallery-image-shell {
  min-block-size: 0 !important;
  block-size: min(58dvh, calc(100dvh - 21rem)) !important;
  max-block-size: min(58dvh, calc(100dvh - 21rem)) !important
}

body.page-gallery .gallery-image-button {
  min-block-size: 0 !important
}

body.page-gallery .gallery-image-button img {
  max-block-size: 100% !important
}

body.page-gallery .gallery-details {
  max-block-size: 5.7rem;
  overflow: hidden !important
}

body.page-gallery .gallery-rail-panel {
  grid-template-rows: auto auto minmax(0, 1fr) !important
}

body.page-gallery .gallery-chip-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  max-block-size: 14rem !important;
  overflow: auto !important
}

body.page-gallery .gallery-folder-preview {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: .12rem;
  inline-size: 3.35rem;
  block-size: 3.35rem;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: .65rem;
  overflow: hidden;
  background: #050505
}

body.page-gallery .gallery-folder-preview img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover
}

body.page-gallery .gallery-category-tile {
  grid-template-columns: 3.45rem minmax(0, 1fr) !important
}

body.page-gallery .gallery-view-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .42rem
}

body.page-gallery .gallery-view-toggle__button {
  min-block-size: 2.05rem;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: .72rem;
  background: rgba(255, 255, 255, .045);
  color: #eee;
  font-weight: 800;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .06em
}

body.page-gallery .gallery-view-toggle__button.is-active,
body.page-gallery .gallery-view-toggle__button[aria-pressed=true] {
  border-color: rgba(255, 0, 10, .68);
  background: rgba(255, 0, 10, .16)
}

body.page-gallery .gallery-rail-list {
  gap: .55rem
}

body.page-gallery .gallery-folder {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .95rem;
  background: rgba(0, 0, 0, .22);
  overflow: hidden
}

body.page-gallery .gallery-folder__summary {
  display: grid;
  grid-template-columns: 3.45rem minmax(0, 1fr);
  gap: .65rem;
  align-items: center;
  padding: .58rem;
  cursor: pointer;
  list-style: none
}

body.page-gallery .gallery-folder__summary::-webkit-details-marker {
  display: none
}

body.page-gallery .gallery-folder__summary span {
  display: grid;
  gap: .12rem;
  min-inline-size: 0
}

body.page-gallery .gallery-folder__summary strong {
  color: #f2f2f2
}

body.page-gallery .gallery-folder__summary small {
  color: #bdbdbd
}

body.page-gallery .gallery-folder__items {
  display: grid;
  gap: .46rem;
  padding: .55rem;
  border-block-start: 1px solid rgba(255, 255, 255, .06)
}

body.page-gallery .gallery-rail-list--grid .gallery-folder__items {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

body.page-gallery .gallery-rail-list--grid .gallery-rail-item {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .32rem !important;
  padding: .25rem !important
}

body.page-gallery .gallery-rail-list--grid .gallery-rail-copy strong {
  font-size: .72rem
}

body.page-gallery .gallery-rail-list--grid .gallery-rail-copy em,
body.page-gallery .gallery-rail-list--grid .gallery-rail-copy small {
  display: none
}

body.page-gallery .gallery-rail-list--grid .gallery-thumb {
  aspect-ratio: 1/1
}

body.page-gallery .gallery-rail-list--list .gallery-folder__items {
  grid-template-columns: 1fr
}

body.page-gallery .gallery-rail-list--list .gallery-rail-item {
  grid-template-columns: minmax(5.5rem, 7rem) minmax(0, 1fr) !important
}

body.page-dayz-search .dayz-source-filter {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .42rem
}

body.page-dayz-search .dayz-source-filter__button {
  min-block-size: 2rem;
  padding: .28rem .45rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .72rem;
  background: rgba(255, 255, 255, .045);
  color: #e8e8e8;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase
}

body.page-dayz-search .dayz-source-filter__button.is-active,
body.page-dayz-search .dayz-source-filter__button[aria-pressed=true] {
  border-color: rgba(255, 0, 10, .72);
  background: rgba(255, 0, 10, .18);
  color: #fff
}

@media(max-width:760px) {
  body.page-gallery .gallery-layout {
    display: grid !important;
    grid-template-columns: 1fr !important
  }

  body.page-gallery .gallery-watch-panel {
    position: static;
    max-block-size: none;
    overflow: visible !important
  }

  body.page-gallery .gallery-image-shell {
    block-size: auto !important;
    min-block-size: 16rem !important;
    max-block-size: 60dvh !important
  }

  body.page-gallery .gallery-rail-list--grid .gallery-folder__items {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  body.page-dayz-search .dayz-source-filter {
    grid-template-columns: 1fr
  }
}

/* curated feature tables 2026-06-27 */
body.page-feature-detail .feature-card--product-focus {
  gap: .72rem;
  padding: clamp(.85rem, 1.4vw, 1.05rem);
}

body.page-feature-detail .feature-table-wrap {
  inline-size: 100%;
  max-inline-size: 100%;
  overflow-x: auto;
}

body.page-feature-detail .feature-table,
body.page-feature-detail .feature-data-table {
  inline-size: 100%;
  min-inline-size: 44rem;
  table-layout: auto;
  border-collapse: collapse;
}

body.page-feature-detail .feature-table th,
body.page-feature-detail .feature-table td,
body.page-feature-detail .feature-data-table th,
body.page-feature-detail .feature-data-table td {
  padding: .72rem .8rem;
  border: 1px solid rgba(255, 255, 255, .08);
  text-align: left;
  vertical-align: top;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

body.page-feature-detail .feature-table th,
body.page-feature-detail .feature-data-table th {
  background: linear-gradient(180deg, rgba(130, 0, 10, .92), rgba(72, 0, 8, .96));
  color: #fff;
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.page-feature-detail .feature-table td,
body.page-feature-detail .feature-data-table td {
  background: rgba(18, 11, 13, .82);
  color: var(--page-text);
}

body.page-feature-detail .feature-table code,
body.page-feature-detail .feature-data-table code,
body.page-feature-detail .feature-command-card code {
  white-space: normal;
  overflow-wrap: anywhere;
}

body.page-feature-detail .feature-command-cell {
  display: flex;
  flex-wrap: wrap;
  gap: .42rem .65rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

body.page-feature-detail .feature-copy-command {
  display: inline-flex;
  min-block-size: 2rem;
  margin-block-start: .28rem;
  margin-inline-start: 0;
  padding-inline: 0;
}

body.page-feature-detail .feature-copy-commands td:first-child>code {
  display: inline-block;
  margin-inline-end: .75rem;
  margin-block-end: .28rem;
}

body.page-feature-detail .feature-copy-commands td:first-child>code+.feature-copy-command {
  display: flex;
  inline-size: fit-content;
}

body.page-feature-detail .feature-copy-command__label {
  color: #ffd38a;
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.page-feature-detail .feature-media-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  gap: .85rem;
  align-items: start;
}

body.page-feature-detail .feature-media-row figure {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: .5rem;
  margin: 0;
  padding: .7rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .5rem;
  background: rgba(9, 9, 9, .82);
}

body.page-feature-detail .feature-media-row img,
body.page-feature-detail .feature-media-card img,
body.page-feature-detail .feature-card img {
  inline-size: auto;
  block-size: auto;
  max-inline-size: 100%;
  max-block-size: 22rem;
  object-fit: contain;
  object-position: left top;
  border-radius: .35rem;
  background: #050505;
}

body.page-feature-detail .feature-image-popout-trigger {
  cursor: zoom-in;
}

body.page-feature-detail .feature-score-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
  gap: .85rem;
}

body.page-feature-detail .feature-score-panel {
  display: grid;
  gap: .58rem;
  padding: .85rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .5rem;
  background: rgba(10, 10, 10, .68);
}

body.page-feature-detail .feature-score-panel h3 {
  color: var(--page-text);
}

body.page-feature-detail .feature-score-panel ul {
  display: grid;
  gap: .34rem;
  margin: 0;
  padding-inline-start: 1.15rem;
}

body.page-feature-detail .feature-score-formula {
  padding: .7rem .78rem;
  border: 1px solid rgba(160, 0, 0, .35);
  border-radius: .45rem;
  background: rgba(18, 0, 2, .62);
  color: var(--page-text);
  font-family: var(--font-mono);
  font-size: .78rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

body.page-feature-detail .feature-rank-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7.25rem, 1fr));
  gap: .72rem;
}

body.page-feature-detail .feature-rank-card {
  display: grid;
  justify-items: center;
  gap: .45rem;
  margin: 0;
  padding: .7rem .55rem;
  min-block-size: 10.25rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .5rem;
  background: rgba(8, 8, 8, .78);
  text-align: center;
}

body.page-feature-detail .feature-rank-card img {
  inline-size: auto;
  block-size: auto;
  max-inline-size: 100px;
  max-block-size: 100px;
  object-fit: contain;
  object-position: center;
  background: transparent;
  border-radius: 0;
}

body.page-feature-detail .feature-rank-card figcaption {
  display: grid;
  gap: .14rem;
  color: var(--page-text);
  font-size: .76rem;
  line-height: 1.18;
}

body.page-feature-detail .feature-rank-card figcaption span {
  color: var(--page-text-soft);
  font-family: var(--font-mono);
  font-size: .72rem;
}

body.page-feature-detail .feature-media-row figcaption {
  color: var(--page-text-soft);
  font-size: .88rem;
  line-height: 1.35;
}

body.page-feature-detail .section-grid,
body.page-feature-detail .feature-trio {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
  align-items: stretch;
}

body.page-feature-detail .feature-command-card-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
  gap: .75rem;
  align-items: start;
}

body.page-feature-detail .feature-command-card {
  min-block-size: 0;
  border-radius: .5rem;
  background: rgba(18, 11, 13, .84);
}

@media (max-width: 46rem) {

  body.page-feature-detail .feature-table,
  body.page-feature-detail .feature-table thead,
  body.page-feature-detail .feature-table tbody,
  body.page-feature-detail .feature-table tr,
  body.page-feature-detail .feature-table th,
  body.page-feature-detail .feature-table td,
  body.page-feature-detail .feature-data-table,
  body.page-feature-detail .feature-data-table thead,
  body.page-feature-detail .feature-data-table tbody,
  body.page-feature-detail .feature-data-table tr,
  body.page-feature-detail .feature-data-table th,
  body.page-feature-detail .feature-data-table td {
    display: block;
    min-inline-size: 0;
  }

  body.page-feature-detail .feature-table thead,
  body.page-feature-detail .feature-data-table thead {
    display: none;
  }

  body.page-feature-detail .feature-table tr,
  body.page-feature-detail .feature-data-table tr {
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: .5rem;
    margin-block: .7rem;
    overflow: hidden;
  }

  body.page-feature-detail .feature-table td,
  body.page-feature-detail .feature-data-table td {
    border: 0;
    border-block-end: 1px solid rgba(255, 255, 255, .06);
  }

  body.page-feature-detail .feature-table td:before,
  body.page-feature-detail .feature-data-table td:before {
    content: attr(data-label);
    display: block;
    margin-block-end: .3rem;
    color: var(--page-accent-strong);
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
}

/* 2026-07-01 gallery containment fix */
@media (min-width:64rem) {
  body.page-gallery {
    block-size: 100dvh !important;
    overflow: hidden !important
  }

  body.page-gallery .site-shell {
    block-size: 100dvh !important;
    min-block-size: 100dvh !important;
    overflow: hidden !important
  }

  body.page-gallery .site-frame,
  body.page-gallery .site-main,
  body.page-gallery .gallery-page,
  body.page-gallery .gallery-layout {
    block-size: 100% !important;
    min-block-size: 0 !important;
    overflow: hidden !important
  }

  body.page-gallery .gallery-watch-panel {
    min-block-size: 0 !important;
    overflow: hidden !important
  }

  body.page-gallery .gallery-image-shell,
  body.page-gallery .gallery-selected-figure,
  body.page-gallery .gallery-image-button {
    min-block-size: 0 !important;
    overflow: hidden !important
  }

  body.page-gallery #galleryImage {
    display: block !important;
    inline-size: auto !important;
    block-size: auto !important;
    max-inline-size: 100% !important;
    max-block-size: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important
  }

  body.page-gallery .gallery-rail-list {
    overflow-y: auto !important;
    overflow-x: hidden !important
  }

  .gallery-rail-list--list .gallery-rail-item {
    grid-template-columns: 4rem minmax(0, 1fr) !important
  }

  .gallery-rail-list--grid {
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)) !important
  }
}

/* Desktop rail footer alignment */
@media (min-width:50rem) {
  body {
    --lkf-footer-height: 2.6rem;
    --lkf-footer-gap: 0.7rem;
    --lkf-rail-footer-clearance: calc(var(--lkf-footer-height) + var(--lkf-footer-gap));
  }

  .site-shell {
    min-block-size: 100dvh !important;
    padding-block-end: calc(var(--lkf-footer-height) + var(--lkf-footer-gap) + 0.6rem) !important;
  }

  .site-shell>.site-rail-stack {
    inset-block-end: var(--lkf-rail-footer-clearance) !important;
    min-block-size: 0 !important;
    overflow: hidden !important;
  }

  .site-rail-stack>.site-desktop-nav,
  .site-desktop-nav__inner {
    min-block-size: 0 !important;
    overflow: hidden !important;
  }

  .site-rail-stack>.site-desktop-nav {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  .site-desktop-nav .site-nav {
    grid-row: 1 !important;
    min-block-size: 0 !important;
    max-block-size: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .site-desktop-nav__toggle {
    display: grid !important;
    grid-template-columns: 2rem minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.38rem !important;
    inline-size: 100% !important;
    min-block-size: 2.24rem !important;
    padding: 0.16rem 0.36rem !important;
    border: 1px solid rgba(255, 255, 255, 0.055) !important;
    border-radius: 0.62rem !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: var(--page-text-muted, #d5d5d5) !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    overflow: hidden !important;
    text-align: start !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .site-desktop-nav__toggle::before {
    content: "\f0c9";
    display: grid;
    place-items: center;
    inline-size: 1.82rem;
    block-size: 1.82rem;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.07);
    color: #ff0012;
    font-family: "Font Awesome 6 Free";
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav__toggle {
    grid-template-columns: 1fr !important;
    place-items: center !important;
    inline-size: 1.82rem !important;
    min-inline-size: 1.82rem !important;
    min-block-size: 1.82rem !important;
    padding: 0 !important;
    margin-inline: auto !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    font-size: 0 !important;
    overflow: hidden !important;
  }

  body[data-desktop-nav-state="collapsed"] .site-desktop-nav__toggle::before {
    inline-size: 1.65rem;
    block-size: 1.65rem;
    border: 1px solid rgba(255, 0, 10, 0.28);
    border-radius: 999px;
    background: rgba(12, 12, 14, 0.88);
    font-size: 0.95rem;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav__toggle {
    display: grid !important;
    grid-template-columns: 1.82rem minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: start !important;
    gap: 0.38rem !important;
    min-block-size: 2.24rem !important;
    padding: 0.16rem 0.36rem !important;
    border: 1px solid rgba(255, 255, 255, 0.055) !important;
    border-radius: 0.62rem !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: var(--page-text-muted, #d5d5d5) !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    text-align: start !important;
  }

  body[data-desktop-nav-state="expanded"] .site-desktop-nav__toggle::before {
    content: "\f00d";
    display: grid !important;
    place-items: center !important;
    inline-size: 1.82rem !important;
    block-size: 1.82rem !important;
    border: 1px solid rgba(255, 0, 10, 0.22) !important;
    border-radius: 0.5rem !important;
    background: rgba(255, 255, 255, 0.07) !important;
    color: #ff0012 !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 0.95rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .site-rail-stack>.site-audio-player,
  .site-rail-stack>.site-audio-player.is-expanded,
  .site-rail-stack>.site-audio-player.is-sidebar-minimized {
    align-self: end !important;
    overflow: hidden !important;
  }

  .site-rail-stack>.site-audio-player.is-expanded {
    max-block-size: min(17rem, 42dvh) !important;
  }

  .site-shell>.site-footer {
    position: fixed !important;
    inset-block-end: 0.5rem !important;
    inset-inline-start: calc(var(--lkf-rail-left, 0.44rem) + var(--lkf-rail-width, 3rem) + var(--lkf-rail-gap, 0.38rem)) !important;
    inset-inline-end: 1.08rem !important;
    z-index: 66 !important;
    block-size: var(--lkf-footer-height) !important;
    min-block-size: var(--lkf-footer-height) !important;
    inline-size: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}