/* Shared non-landing components. The landing page intentionally keeps its existing assets. */
.section-switch { display: none; }
.server-join-help { margin: 0 0 24px; }
.rcon-live-check { color: var(--text-secondary, var(--mid)); font-size: 11px; white-space: nowrap; }
.rcon-desk-footer { margin: 32px 0 0; padding: 20px 0 24px; border-top: 1px solid var(--line); color: var(--mid); font-size: 13px; }
.rcon-desk-footer > .frame { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; }
.rcon-desk-footer nav { display: flex; flex-wrap: wrap; gap: 20px; }
.rcon-desk-footer a { display: inline-flex; align-items: center; min-height: 44px; }
.server-description { color: var(--mid); overflow-wrap: anywhere; line-height: 1.7; }
.server-description > :first-child { margin-top: 0; }
.server-description > :last-child { margin-bottom: 0; }
.server-description :is(h2,h3) { margin: 24px 0 12px; color: var(--ink); font-size: 19px; letter-spacing: 0; text-transform: none; }
.server-description :is(p,ul,ol,blockquote) { margin: 0 0 16px; }
.server-description :is(ul,ol) { padding-left: 24px; }
.server-description li + li { margin-top: 6px; }
@media (max-width: 700px) {
  body:not(.landing-page) main nav.tabs { flex-wrap: wrap; overflow: visible; }
  body:not(.landing-page) main nav.tabs[data-section-enhanced] { display: none; }
  .section-switch { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 12px; margin: 0 0 24px; }
  .section-switch label { display: grid; gap: 8px; min-width: 0; color: var(--mid); font-size: 13px; }
  .section-switch select { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; font: inherit; font-size: 16px; background: var(--panel); color: var(--ink); border: 1px solid var(--line); }
  .section-switch .btn { min-height: 44px; }
}
@media (max-width: 600px) {
  body:not(.landing-page) header.site .frame.bar { width: calc(100% - 32px); gap: 10px; }
  body:not(.landing-page) .bar > a:first-child { min-width: 0; }
  body:not(.landing-page) header.site .wd-logo { width: min(190px,100%); max-width: 100%; min-width: 0; }
}
@container (max-width: 980px) {
  body:not(.landing-page) .srv-grid.with-star { grid-template-columns: minmax(0,1fr) auto; gap: 12px 16px; }
  body:not(.landing-page) .srv-grid.with-star .c-state { grid-column: 1; grid-row: 1; align-self: center; }
  body:not(.landing-page) .srv-grid.with-star .c-star { grid-column: 2; grid-row: 1; align-self: center; justify-self: end; width: 44px; }
  body:not(.landing-page) .srv-grid.with-star .fav-star { min-height: 44px; }
  body:not(.landing-page) .srv-grid.with-star .c-name { grid-column: 1 / -1; grid-row: 2; }
  body:not(.landing-page) .srv-grid.with-star .c-meta { grid-column: 1 / -1; grid-row: 3; }
  body:not(.landing-page) .srv-grid.with-star .players { grid-column: 1; grid-row: 4; justify-self: start; text-align: left; }
  body:not(.landing-page) .srv-grid.with-star .c-join { grid-column: 2; grid-row: 4; align-self: center; }
}