/*
 * WOI Mortal public website system
 * Scoped to body.woi-public-site so the Account Panel keeps its own design.
 */

.woi-public-site {
  --woi-public-page: 1280px;
  --woi-public-sidebar: 248px;
  --woi-public-gap: 24px;
  --woi-public-section-gap: 20px;
  --woi-public-radius: 8px;
  --woi-public-border: rgba(221, 181, 89, .24);
  --woi-public-border-strong: rgba(255, 211, 112, .42);
  --woi-public-surface: rgba(12, 12, 17, .94);
  --woi-public-surface-raised: rgba(21, 22, 30, .94);
  --woi-public-surface-warm: rgba(42, 15, 20, .92);
  --woi-public-text: #f4eee4;
  --woi-public-muted: #c9bdad;
  --woi-public-gold: #ffd36d;
  --woi-public-red: #b91f2e;
  --woi-public-shadow: 0 16px 42px rgba(0, 0, 0, .34);
}

.woi-public-site .woi-header,
.woi-public-site .woi-hero,
.woi-public-site .woi-main,
.woi-public-site .woi-footer {
  width: min(calc(100% - 32px), var(--woi-public-page)) !important;
  max-width: var(--woi-public-page) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

.woi-public-site .woi-public-shell {
  display: grid !important;
  grid-template-columns: var(--woi-public-sidebar) minmax(0, 1fr) !important;
  gap: var(--woi-public-gap) !important;
  align-items: start !important;
}

.woi-public-site .woi-public-sidebar,
.woi-public-site .woi-public-content {
  min-width: 0;
}

.woi-public-site .woi-public-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: visible !important;
}

.woi-public-site .woi-public-content > *,
.woi-public-site .woi-page,
.woi-public-site .woi-public-page,
.woi-public-site .woi-news-page,
.woi-public-site .woi-rankings-page,
.woi-public-site .woi-info-page-v2,
.woi-public-site .woi-downloads-modern,
.woi-public-site .woi-status-page,
.woi-public-site .woi-policy-page,
.woi-public-site .woi-guide-page,
.woi-public-site .woi-gallery-page,
.woi-public-site .woi-home {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

.woi-public-site .woi-page,
.woi-public-site .woi-public-page,
.woi-public-site .woi-news-page,
.woi-public-site .woi-rankings-page,
.woi-public-site .woi-info-page-v2,
.woi-public-site .woi-downloads-modern,
.woi-public-site .woi-status-page,
.woi-public-site .woi-policy-page,
.woi-public-site .woi-guide-page,
.woi-public-site .woi-gallery-page {
  display: grid;
  gap: var(--woi-public-section-gap);
}

/* Shared page hero */
.woi-public-site .woi-page-hero,
.woi-public-site .woi-public-hero,
.woi-public-site .woi-news-heading,
.woi-public-site .woi-rankings-hero,
.woi-public-site .woi-info-hero-v2,
.woi-public-site .woi-downloads-priority-head,
.woi-public-site .woi-status-hero,
.woi-public-site .woi-policy-hero,
.woi-public-site .woi-gallery-hero {
  position: relative !important;
  isolation: isolate;
  width: 100% !important;
  max-width: none !important;
  min-height: 244px;
  margin: 0 !important;
  padding: 30px !important;
  overflow: hidden !important;
  border: 1px solid var(--woi-public-border) !important;
  border-radius: var(--woi-public-radius) !important;
  background:
    linear-gradient(90deg, rgba(18, 8, 12, .96) 0%, rgba(31, 12, 17, .90) 48%, rgba(8, 11, 18, .76) 100%),
    url('../images/calamity-hero-v2.jpg') center 56% / cover no-repeat !important;
  box-shadow: var(--woi-public-shadow) !important;
  box-sizing: border-box;
}

.woi-public-site .woi-page-hero::before,
.woi-public-site .woi-public-hero::before,
.woi-public-site .woi-news-heading::before,
.woi-public-site .woi-rankings-hero::before,
.woi-public-site .woi-info-hero-v2::before,
.woi-public-site .woi-downloads-priority-head::before,
.woi-public-site .woi-status-hero::before,
.woi-public-site .woi-policy-hero::before,
.woi-public-site .woi-gallery-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 44%),
    linear-gradient(90deg, rgba(225, 177, 75, .10), transparent 36%);
  pointer-events: none;
}

.woi-public-site .woi-page-hero > *,
.woi-public-site .woi-public-hero > *,
.woi-public-site .woi-news-heading > *,
.woi-public-site .woi-rankings-hero > *,
.woi-public-site .woi-info-hero-v2 > *,
.woi-public-site .woi-downloads-priority-head > *,
.woi-public-site .woi-status-hero > *,
.woi-public-site .woi-policy-hero > *,
.woi-public-site .woi-gallery-hero > * {
  position: relative;
  z-index: 1;
}

.woi-public-site .woi-page-hero h1,
.woi-public-site .woi-public-hero h1,
.woi-public-site .woi-news-heading h1,
.woi-public-site .woi-rankings-hero h1,
.woi-public-site .woi-info-hero-copy-v2 h1,
.woi-public-site .woi-downloads-priority-head h1,
.woi-public-site .woi-status-hero h1,
.woi-public-site .woi-policy-hero h1,
.woi-public-site .woi-gallery-hero h1 {
  max-width: 760px !important;
  margin: 10px 0 12px !important;
  color: #fff !important;
  font-family: Orbitron, Rajdhani, sans-serif !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-shadow: 0 2px 0 #000, 0 12px 32px rgba(0, 0, 0, .42) !important;
}

.woi-public-site .woi-page-hero .woi-kicker,
.woi-public-site .woi-public-hero .woi-kicker,
.woi-public-site .woi-news-heading .woi-kicker,
.woi-public-site .woi-rankings-hero .woi-kicker,
.woi-public-site .woi-info-hero-copy-v2 .woi-kicker,
.woi-public-site .woi-downloads-priority-head .woi-kicker,
.woi-public-site .woi-status-hero .woi-kicker,
.woi-public-site .woi-policy-hero .woi-kicker,
.woi-public-site .woi-gallery-hero .woi-kicker {
  margin: 0 !important;
  color: var(--woi-public-gold) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.woi-public-site .woi-page-hero p:not(.woi-kicker),
.woi-public-site .woi-public-hero p:not(.woi-kicker),
.woi-public-site .woi-news-heading p:not(.woi-kicker),
.woi-public-site .woi-rankings-hero p:not(.woi-kicker),
.woi-public-site .woi-info-lead-v2,
.woi-public-site .woi-downloads-priority-head p:not(.woi-kicker),
.woi-public-site .woi-status-hero p:not(.woi-kicker),
.woi-public-site .woi-policy-hero p:not(.woi-kicker),
.woi-public-site .woi-gallery-hero p:not(.woi-kicker) {
  max-width: 760px !important;
  margin: 0 !important;
  color: var(--woi-public-muted) !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
}

.woi-public-site .woi-page-hero-actions,
.woi-public-site .woi-guide-hero-actions,
.woi-public-site .woi-info-hero-actions-v2,
.woi-public-site .woi-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.woi-public-site .woi-page-hero .woi-btn,
.woi-public-site .woi-public-hero .woi-btn,
.woi-public-site .woi-policy-hero .woi-btn,
.woi-public-site .woi-info-hero-v2 .woi-btn {
  min-height: 46px;
  border-radius: 6px !important;
}

/* Shared section and card surfaces */
.woi-public-site .woi-page-section,
.woi-public-site .woi-guide-section,
.woi-public-site .woi-seo-block,
.woi-public-site .woi-downloads-checksum,
.woi-public-site .woi-downloads-steps,
.woi-public-site .woi-status-panel,
.woi-public-site .woi-rank-panel,
.woi-public-site .woi-info-panel-v2 {
  border: 1px solid var(--woi-public-border) !important;
  border-radius: var(--woi-public-radius) !important;
  background: var(--woi-public-surface) !important;
  box-shadow: var(--woi-public-shadow) !important;
}

.woi-public-site .woi-page-card,
.woi-public-site .woi-policy-card,
.woi-public-site .woi-guide-card,
.woi-public-site .woi-info-card-v2,
.woi-public-site .woi-status-card,
.woi-public-site .woi-downloads-mirror,
.woi-public-site .woi-downloads-trust-card,
.woi-public-site .woi-downloads-info-grid > article,
.woi-public-site .woi-seo-rich-card {
  min-width: 0;
  border: 1px solid var(--woi-public-border) !important;
  border-radius: var(--woi-public-radius) !important;
  background: linear-gradient(180deg, var(--woi-public-surface-raised), rgba(9, 9, 13, .96)) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .28) !important;
}

.woi-public-site .woi-guide-card.is-featured,
.woi-public-site .woi-info-card-v2.is-featured,
.woi-public-site .woi-downloads-mirror.is-primary {
  background: linear-gradient(135deg, var(--woi-public-surface-warm), rgba(17, 20, 29, .96)) !important;
  border-color: var(--woi-public-border-strong) !important;
}

.woi-public-site .woi-page-section h2,
.woi-public-site .woi-guide-section h2,
.woi-public-site .woi-seo-block h2,
.woi-public-site .woi-downloads-section-head h2,
.woi-public-site .woi-status-panel-head h2,
.woi-public-site .woi-rank-panel-head h2,
.woi-public-site .woi-info-panel-head-v2 h2 {
  letter-spacing: 0 !important;
}

/* One toolbar language for tabs, filters and section navigation */
.woi-public-site .woi-page-toolbar,
.woi-public-site .woi-news-tabs,
.woi-public-site .woi-rankings-tabs,
.woi-public-site .woi-info-tabs-v2 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 1px solid var(--woi-public-border) !important;
  border-radius: var(--woi-public-radius) !important;
  background: rgba(8, 8, 12, .88) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .26) !important;
  box-sizing: border-box;
}

.woi-public-site .woi-page-toolbar > *,
.woi-public-site .woi-news-tabs a,
.woi-public-site .woi-rankings-tabs button,
.woi-public-site .woi-info-tab-v2 {
  min-width: 0 !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, .035) !important;
  color: #e9dfd1 !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
}

.woi-public-site .woi-news-tabs a:hover,
.woi-public-site .woi-rankings-tabs button:hover,
.woi-public-site .woi-info-tab-v2:hover {
  border-color: var(--woi-public-border-strong) !important;
  background: rgba(103, 30, 38, .38) !important;
}

.woi-public-site .woi-news-tabs a.active,
.woi-public-site .woi-rankings-tabs button.active,
.woi-public-site .woi-info-tab-v2.active,
.woi-public-site .woi-info-tab-v2[aria-selected='true'] {
  border-color: rgba(255, 211, 109, .56) !important;
  background: linear-gradient(135deg, rgba(150, 25, 38, .82), rgba(79, 29, 34, .72)) !important;
  color: #fff !important;
}

/* News */
.woi-public-site .woi-news-heading {
  display: flex !important;
  min-height: 244px;
  flex-direction: column;
  justify-content: center;
}

.woi-public-site .woi-news-info-grid,
.woi-public-site .woi-policy-grid,
.woi-public-site .woi-status-grid {
  gap: 12px !important;
}

.woi-public-site .woi-news-card,
.woi-public-site .woi-news-card.featured {
  overflow: hidden;
  border: 1px solid var(--woi-public-border) !important;
  border-radius: var(--woi-public-radius) !important;
}

.woi-public-site .woi-news-card-body {
  padding: 24px !important;
}

.woi-public-site .woi-news-card h2,
.woi-public-site .woi-news-card h2 a {
  letter-spacing: 0 !important;
}

/* Rankings */
.woi-public-site .woi-rankings-hero {
  display: flex !important;
  min-height: 244px;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center;
}

.woi-public-site .woi-rankings-content,
.woi-public-site .woi-rank-panel {
  width: 100% !important;
  max-width: none !important;
}

.woi-public-site .woi-rank-panel {
  overflow: hidden;
}

.woi-public-site .woi-rank-panel-head {
  min-height: 70px;
  padding: 18px 20px !important;
}

/* Information */
.woi-public-site .woi-info-hero-v2 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 280px !important;
  gap: 22px !important;
  align-items: center !important;
}

.woi-public-site .woi-info-hero-bg {
  display: none !important;
}

.woi-public-site .woi-info-hero-copy-v2,
.woi-public-site .woi-info-hero-card-v2 {
  min-width: 0;
}

.woi-public-site .woi-info-hero-card-v2,
.woi-public-site .woi-info-server-card-v2,
.woi-public-site .woi-info-mini-stats-v2 article {
  border-radius: var(--woi-public-radius) !important;
}

.woi-public-site .woi-info-server-card-v2 {
  min-height: 160px !important;
}

.woi-public-site .woi-info-server-card-v2 img {
  height: 160px !important;
  min-height: 160px !important;
}

.woi-public-site .woi-info-mini-stats-v2 article {
  padding: 10px !important;
}

.woi-public-site .woi-info-top-grid-v2,
.woi-public-site .woi-info-card-grid-v2 {
  gap: 12px !important;
}

/* Downloads: one page hero; package details is a normal featured section. */
.woi-public-site .woi-downloads-priority-head {
  display: flex !important;
  min-height: 244px;
  flex-direction: column;
  justify-content: center;
}

.woi-public-site .woi-downloads-hero-modern {
  min-height: 0 !important;
  padding: 24px !important;
  border: 1px solid var(--woi-public-border) !important;
  border-radius: var(--woi-public-radius) !important;
  background: linear-gradient(135deg, var(--woi-public-surface-warm), var(--woi-public-surface-raised)) !important;
  box-shadow: var(--woi-public-shadow) !important;
}

.woi-public-site .woi-downloads-hero-copy h2 {
  font-size: 34px !important;
  letter-spacing: 0 !important;
}

.woi-public-site .woi-downloads-hero-copy p {
  font-size: 16px !important;
}

.woi-public-site .woi-downloads-client-card,
.woi-public-site .woi-downloads-checksum,
.woi-public-site .woi-downloads-file-manifest article,
.woi-public-site .woi-downloads-step-grid article {
  border-radius: var(--woi-public-radius) !important;
}

/* Status */
.woi-public-site .woi-status-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 210px !important;
  gap: 22px !important;
  align-items: center !important;
}

.woi-public-site .woi-status-orb {
  min-height: 154px !important;
  border-radius: var(--woi-public-radius) !important;
}

.woi-public-site .woi-status-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.woi-public-site .woi-status-card {
  padding: 14px !important;
}

/* Guides, editorial and policy pages */
.woi-public-site .woi-policy-hero,
.woi-public-site .woi-guide-hero {
  display: flex;
  min-height: 244px;
  flex-direction: column;
  justify-content: center;
}

.woi-public-site .woi-guide-grid,
.woi-public-site .woi-guide-rule-grid,
.woi-public-site .woi-seo-rich-grid {
  gap: 12px !important;
}

.woi-public-route-woi_server .woi-expansion-landing-art,
.woi-public-route-dawn_of_calamity .woi-expansion-landing-art {
  grid-template-columns: minmax(0, 1fr) 340px !important;
  gap: 22px !important;
  align-items: center !important;
}

.woi-public-route-woi_server .woi-expansion-landing-art > img,
.woi-public-route-dawn_of_calamity .woi-expansion-landing-art > img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  border-radius: var(--woi-public-radius) !important;
}

.woi-public-route-woi_server .woi-expansion-landing-art .woi-hero-actions,
.woi-public-route-dawn_of_calamity .woi-expansion-landing-art .woi-hero-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.woi-public-route-woi_server .woi-expansion-landing-art .woi-hero-actions .woi-btn:last-child,
.woi-public-route-dawn_of_calamity .woi-expansion-landing-art .woi-hero-actions .woi-btn:last-child {
  grid-column: auto !important;
}

.woi-public-route-woi_server .woi-expansion-landing-art h1,
.woi-public-route-dawn_of_calamity .woi-expansion-landing-art h1 {
  font-size: 40px !important;
}

.woi-public-route-home .woi-expansion-landing-art h1 {
  font-size: 38px !important;
  line-height: 1.1 !important;
}

.woi-public-site .woi-guide-card {
  min-height: 210px !important;
  padding: 20px !important;
}

.woi-public-site .woi-policy-card,
.woi-public-site .woi-seo-rich-card {
  padding: 20px !important;
}

.woi-public-site .woi-guide-card strong,
.woi-public-site .woi-guide-section h2,
.woi-public-site .woi-policy-card h2,
.woi-public-site .woi-seo-rich-card h3 {
  letter-spacing: 0 !important;
}

/* Galleries */
.woi-public-site .woi-gallery-hero {
  display: flex;
  min-height: 244px;
  flex-direction: column;
  justify-content: center;
}

.woi-public-site .woi-gallery-grid,
.woi-public-site .woi-video-grid {
  gap: 12px !important;
}

.woi-public-site .woi-gallery-card,
.woi-public-site .woi-video-card {
  border-radius: var(--woi-public-radius) !important;
}

/* Sidebar is quiet and stable across every public route. */
.woi-public-site .woi-public-sidebar {
  display: grid;
  gap: 16px;
}

.woi-public-site .woi-public-sidebar .woi-panel {
  margin: 0 !important;
  border-radius: var(--woi-public-radius) !important;
}

.woi-public-site .woi-public-sidebar .woi-panel a,
.woi-public-site .woi-public-sidebar .woi-panel button {
  min-height: 44px;
  border-radius: 6px !important;
}

/* Shared article, content-grid and callout patterns. */
.woi-public-site .woi-article,
.woi-public-site .woi-content-grid,
.woi-public-site .woi-callout,
.woi-public-site .woi-flow-page,
.woi-public-site .woi-flow-card,
.woi-public-site .woi-status-block {
  box-sizing: border-box;
}

.woi-public-site .woi-content-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.woi-public-site .woi-content-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.woi-public-site .woi-article {
  display: grid;
  gap: 14px;
  padding: 24px;
  border: 1px solid var(--woi-public-border);
  border-radius: var(--woi-public-radius);
  background: var(--woi-public-surface);
  box-shadow: var(--woi-public-shadow);
}

.woi-public-site .woi-article h2,
.woi-public-site .woi-article h3 {
  margin: 0;
  letter-spacing: 0 !important;
}

.woi-public-site .woi-article p,
.woi-public-site .woi-article li {
  color: var(--woi-public-muted);
  line-height: 1.65;
}

.woi-public-site .woi-callout {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 18px;
  border: 1px solid var(--woi-public-border);
  border-radius: var(--woi-public-radius);
  background: rgba(24, 24, 32, .92);
}

.woi-public-site .woi-callout > i {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--woi-public-border);
  border-radius: 6px;
  color: var(--woi-public-gold);
  background: rgba(221, 181, 89, .10);
}

.woi-public-site .woi-flow-page {
  display: grid;
  gap: var(--woi-public-section-gap);
  width: 100%;
}

.woi-public-site .woi-flow-page .woi-public-hero--compact,
.woi-public-site .woi-flow-page .woi-page-hero--compact {
  min-height: 200px;
}

.woi-public-site .woi-flow-card {
  width: min(100%, 760px);
  margin: 0 auto;
  padding: 24px;
  border: 1px solid var(--woi-public-border) !important;
  border-radius: var(--woi-public-radius) !important;
  background: var(--woi-public-surface) !important;
  box-shadow: var(--woi-public-shadow) !important;
}

.woi-public-site .woi-flow-card .form-control,
.woi-public-site .woi-flow-card input,
.woi-public-site .woi-flow-card select,
.woi-public-site .woi-flow-card textarea {
  min-height: 46px;
  border-radius: 6px !important;
}

.woi-public-site .woi-flow-card textarea {
  min-height: 120px;
}

.woi-public-site .woi-status-block {
  padding: 18px;
  border: 1px solid var(--woi-public-border);
  border-radius: var(--woi-public-radius);
  background: rgba(21, 22, 30, .92);
}

.woi-public-site .woi-status-block.is-success,
.woi-public-site .woi-status-block.success {
  border-color: rgba(78, 213, 132, .38);
  background: rgba(16, 59, 39, .70);
}

.woi-public-site .woi-status-block.is-warning,
.woi-public-site .woi-status-block.pending {
  border-color: rgba(255, 198, 82, .40);
  background: rgba(68, 46, 13, .70);
}

.woi-public-site .woi-status-block.is-error,
.woi-public-site .woi-status-block.error {
  border-color: rgba(255, 102, 102, .40);
  background: rgba(73, 20, 26, .72);
}

/* Legal pages read like documents instead of dashboards. */
.woi-public-route-privacy .woi-policy-grid,
.woi-public-route-tos .woi-policy-grid,
.woi-public-route-refund .woi-policy-grid,
.woi-public-route-cookie .woi-policy-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

.woi-public-route-privacy .woi-policy-card,
.woi-public-route-tos .woi-policy-card,
.woi-public-route-refund .woi-policy-card,
.woi-public-route-cookie .woi-policy-card {
  min-height: 0 !important;
  padding: 22px !important;
}

/* The full public menu needs more horizontal room than the account header. */
@media (min-width: 761px) and (max-width: 1300px) {
  .woi-public-site .woi-header .woi-nav {
    flex-wrap: wrap !important;
  }

  .woi-public-site .woi-header .woi-menu {
    display: none !important;
    order: 20 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .woi-public-site .woi-header .woi-menu.is-open {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.woi-public-site .woi-header .woi-menu-btn {
    display: inline-flex !important;
  }
}

body.woi-public-site .woi-header .woi-menu-btn {
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

body.woi-public-site .woi-header .woi-menu-btn span {
  display: block;
  width: 22px;
  height: 2px;
  margin: 0;
  border-radius: 2px;
  background: #f5d28d;
  transition: transform .18s ease, opacity .18s ease;
}

body.woi-public-site .woi-header .woi-menu-btn[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

body.woi-public-site .woi-header .woi-menu-btn[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

body.woi-public-site .woi-header .woi-menu-btn[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}

@media (max-width: 1040px) {
  .woi-public-site .woi-public-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }

  .woi-public-site .woi-public-content {
    order: 1;
  }

  .woi-public-site .woi-public-sidebar {
    order: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .woi-public-site .woi-info-hero-v2,
  .woi-public-site .woi-status-hero {
    grid-template-columns: minmax(0, 1fr) 250px !important;
  }

  .woi-public-site .woi-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.woi-public-site .woi-header .woi-menu-btn {
    display: inline-flex !important;
  }

  .woi-public-site .woi-header,
  .woi-public-site .woi-hero,
  .woi-public-site .woi-main,
  .woi-public-site .woi-footer {
    width: min(calc(100% - 24px), var(--woi-public-page)) !important;
  }

  .woi-public-site .woi-public-shell,
  .woi-public-site .woi-page,
  .woi-public-site .woi-public-page,
  .woi-public-site .woi-news-page,
  .woi-public-site .woi-rankings-page,
  .woi-public-site .woi-info-page-v2,
  .woi-public-site .woi-downloads-modern,
  .woi-public-site .woi-status-page,
  .woi-public-site .woi-policy-page,
  .woi-public-site .woi-guide-page,
  .woi-public-site .woi-gallery-page {
    gap: 16px !important;
  }

  .woi-public-site .woi-page-hero,
  .woi-public-site .woi-public-hero,
  .woi-public-site .woi-news-heading,
  .woi-public-site .woi-rankings-hero,
  .woi-public-site .woi-info-hero-v2,
  .woi-public-site .woi-downloads-priority-head,
  .woi-public-site .woi-status-hero,
  .woi-public-site .woi-policy-hero,
  .woi-public-site .woi-gallery-hero {
    min-height: 0 !important;
    padding: 22px !important;
  }

  .woi-public-site .woi-page-hero h1,
  .woi-public-site .woi-public-hero h1,
  .woi-public-site .woi-news-heading h1,
  .woi-public-site .woi-rankings-hero h1,
  .woi-public-site .woi-info-hero-copy-v2 h1,
  .woi-public-site .woi-downloads-priority-head h1,
  .woi-public-site .woi-status-hero h1,
  .woi-public-site .woi-policy-hero h1,
  .woi-public-site .woi-gallery-hero h1 {
    font-size: 38px !important;
  }

  .woi-public-site .woi-info-hero-v2,
  .woi-public-site .woi-status-hero,
  .woi-public-site .woi-downloads-hero-modern {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .woi-public-route-woi_server .woi-expansion-landing-art,
  .woi-public-route-dawn_of_calamity .woi-expansion-landing-art {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .woi-public-site .woi-info-hero-card-v2,
  .woi-public-site .woi-status-orb,
  .woi-public-site .woi-expansion-landing-art > img,
  .woi-public-route-home .woi-expansion-visual-card,
  .woi-public-route-home .woi-home-highlights {
    display: none !important;
  }

  .woi-public-site .woi-page-toolbar,
  .woi-public-site .woi-news-tabs,
  .woi-public-site .woi-rankings-tabs,
  .woi-public-site .woi-info-tabs-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .woi-public-site .woi-public-sidebar {
    grid-template-columns: minmax(0, 1fr);
  }

  .woi-public-site .woi-content-grid,
  .woi-public-site .woi-content-grid--3 {
    grid-template-columns: minmax(0, 1fr);
  }

  .woi-public-site .woi-status-grid,
  .woi-public-site .woi-policy-grid,
  .woi-public-site .woi-info-top-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 460px) {
  .woi-public-site .woi-page-hero h1,
  .woi-public-site .woi-public-hero h1,
  .woi-public-site .woi-news-heading h1,
  .woi-public-site .woi-rankings-hero h1,
  .woi-public-site .woi-info-hero-copy-v2 h1,
  .woi-public-site .woi-downloads-priority-head h1,
  .woi-public-site .woi-status-hero h1,
  .woi-public-site .woi-policy-hero h1,
  .woi-public-site .woi-gallery-hero h1 {
    font-size: 32px !important;
  }

  .woi-public-site .woi-page-toolbar,
  .woi-public-site .woi-news-tabs,
  .woi-public-site .woi-rankings-tabs,
  .woi-public-site .woi-info-tabs-v2,
  .woi-public-site .woi-status-grid,
  .woi-public-site .woi-policy-grid,
  .woi-public-site .woi-info-top-grid-v2 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .woi-public-site .woi-page-hero-actions,
  .woi-public-site .woi-guide-hero-actions,
  .woi-public-site .woi-info-hero-actions-v2,
  .woi-public-site .woi-hero-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .woi-public-site .woi-page-hero-actions .woi-btn,
  .woi-public-site .woi-guide-hero-actions .woi-btn,
  .woi-public-site .woi-info-hero-actions-v2 .woi-btn,
  .woi-public-site .woi-hero-actions .woi-btn {
    width: 100%;
  }

  .woi-public-site .woi-guide-hero-actions,
  .woi-public-site .woi-info-hero-actions-v2,
  .woi-public-site .woi-expansion-landing-art .woi-hero-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .woi-public-site .woi-info-hero-actions-v2 .woi-btn:first-child {
    grid-column: 1 / -1;
  }

  .woi-public-route-woi_server .woi-expansion-landing-art .woi-hero-actions,
  .woi-public-route-dawn_of_calamity .woi-expansion-landing-art .woi-hero-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .woi-public-site .woi-callout {
    grid-template-columns: minmax(0, 1fr);
  }

  .woi-public-site .woi-flow-card,
  .woi-public-site .woi-article {
    padding: 18px;
  }
}