:root {--header-h:124px}
.site-header {
  display:block;
  min-height:var(--header-h);
  padding:10px max(18px,calc((100vw - var(--max))/2)) 0;
}
.header-top {display:flex; align-items:center; gap:14px; min-height:52px}
.header-top .brand {margin-right:auto}
.header-top .theme-toggle {margin-left:0}
.header-navigation {display:flex; align-items:center; min-height:54px; margin-top:8px}
.header-navigation .nav {
  display:grid;
  grid-template-columns:repeat(11,max-content);
  justify-content:space-between;
  align-items:center;
  gap:4px;
  width:100%;
  margin:0;
}
.header-navigation .nav a {min-width:0; padding-inline:8px; text-align:center}
.hero-center {
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  column-gap:48px;
  row-gap:24px;
  align-items:start;
}
.hero-center>h1 {grid-column:1; grid-row:1}
.hero-center>.hero-lead {grid-column:1; grid-row:2}
.hero-center>.hero-actions {grid-column:1; grid-row:3; justify-content:flex-start}
.hero-center>.lifetime-player-card {grid-column:2; grid-row:1 / span 2}
.hero-center>.hero-status {grid-column:2; grid-row:3 / span 2}
.layout-footer {grid-template-columns:220px minmax(0,1fr); gap:28px 36px; align-items:start}
.footer-sitemap {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px 24px; margin-top:0; align-items:start}
.footer-link-group {display:flex; flex-direction:column; align-items:flex-start; gap:9px; min-width:0}
.footer-link-group>strong {margin-bottom:5px}
.layout-footer .footer-right {grid-column:1/-1; justify-self:end; align-self:auto}
.join-notices {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:24px}
.join-lobby-notice {grid-column:1 / -1}
.join-notices .notice-box {min-width:0}
.vote-page .support-main>.section-inner {display:grid; gap:36px}
.vote-page .support-section-head {margin-top:0; margin-bottom:22px}
.vote-page .vote-page-head {margin-bottom:0}
.vote-page .vote-main-card {margin:0}
.vote-page .vote-howto-grid {grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:0}
.vote-page .vote-guide-links {margin-top:0}
.vote-page .platform-guide {margin-top:0}
.vote-page .minecraftjp-guide-grid {grid-template-columns:1fr; gap:20px; margin-top:24px}
.vote-page .minecraftjp-guide-card {
  display:grid;
  grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);
  grid-template-rows:auto 1fr;
  gap:12px 28px;
  align-items:start;
}
.vote-page .minecraftjp-guide-card-head {grid-column:1; grid-row:1; margin-bottom:0}
.vote-page .minecraftjp-guide-card>p {grid-column:1; grid-row:2; margin:0}
.vote-step-content {grid-column:2; grid-row:1 / span 2; min-width:0}
.vote-page .support-warning,.vote-page .support-bottom-actions {margin-top:0}
.vote-page .platform-guide[id] {scroll-margin-top:calc(var(--header-h) + 24px)}
@media(min-width:961px) {
  body.menu-open {overflow:auto}
}
@media(max-width:1180px) {
  .hero-center {grid-template-columns:minmax(0,1fr) 380px; column-gap:32px}
  .layout-footer {grid-template-columns:190px minmax(0,1fr); column-gap:28px}
  .footer-sitemap {gap:18px}
}
@media(max-width:960px) {
  .join-notices {grid-template-columns:1fr}
  .join-lobby-notice {grid-column:auto}
  .vote-page .vote-main-card {grid-template-columns:1fr}
  .vote-page .minecraftjp-guide-card {grid-template-columns:1fr; grid-template-rows:none; gap:14px}
  .vote-page .minecraftjp-guide-card-head,.vote-page .minecraftjp-guide-card>p,.vote-step-content {grid-column:auto; grid-row:auto}
  :root {--header-h:68px}
  .site-header {padding:10px 14px; min-height:var(--header-h)}
  .header-top {min-height:48px; gap:12px}
  .header-navigation {min-height:0; margin-top:0}
  .header-navigation .nav {display:none; width:auto; margin:0; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; align-items:stretch; max-height:calc(100dvh - var(--header-h) - 24px); overflow-y:auto}
  .header-navigation .nav.show {display:grid}
  .hero-center {grid-template-columns:1fr; gap:18px}
  .hero-center>h1,.hero-center>.hero-lead,.hero-center>.hero-actions,.hero-center>.lifetime-player-card,.hero-center>.hero-status {grid-column:auto; grid-row:auto}
  .layout-footer {grid-template-columns:1fr; gap:24px}
  .footer-sitemap {grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px}
}
@media(max-width:760px) {
  .vote-page .support-main>.section-inner {gap:28px}
  .vote-page .vote-howto-grid {grid-template-columns:1fr}
  :root {--header-h:66px}
  .site-header {padding:9px 10px}
  .header-top {gap:8px}
  .footer-sitemap {grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 18px}
  .layout-footer .footer-right {justify-self:start}
}
@media(max-width:430px) {
  .header-navigation .nav {gap:6px}
}

.support-page-hero,.links-page-hero {
  padding:28px 24px 34px;
  background:var(--bg-soft);
}
.support-page-hero>.support-page-hero-inner,
.links-page-hero>.support-page-hero-inner {
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  column-gap:16px;
  padding:0 24px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.support-page-hero-inner[data-heading-icon]::before,
.vote-page-head[data-heading-icon]::before {
  content:attr(data-heading-icon);
  grid-column:1;
  grid-row:1 / span 2;
  align-self:center;
  font-size:36px;
}
.support-page-hero>.support-page-hero-inner>h1,
.links-page-hero>.support-page-hero-inner>h1,
.vote-page .vote-page-head>h2 {
  grid-column:2;
  grid-row:1;
  min-width:0;
  margin:0;
  color:var(--text);
  font-size:clamp(28px,3.2vw,42px);
  line-height:1.2;
  letter-spacing:inherit;
}
.support-page-hero>.support-page-hero-inner>p,
.links-page-hero>.support-page-hero-inner>p,
.vote-page .vote-page-head>p {
  grid-column:2;
  grid-row:2;
  margin:7px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}
.support-page-hero-inner>.support-hero-notice,
.support-page-hero-inner>.links-hero-notice,
.support-page-hero-inner>.support-hero-purpose {
  grid-column:1 / -1;
}
.vote-page .vote-page-head {
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  column-gap:16px;
  padding:0 0 28px;
  border-bottom:1px solid var(--line);
}
.vote-page .vote-page-head>h2::after {display:none}
.hero {background:var(--bg-soft)}
.hero h1 {
  font-size:clamp(36px,4.8vw,64px);
  line-height:1.2;
  letter-spacing:inherit;
}
.hero .hero-lead {
  font-size:clamp(18px,1.6vw,22px);
  line-height:1.7;
}
@media(max-width:760px) {
  .support-page-hero>.support-page-hero-inner,
  .links-page-hero>.support-page-hero-inner {padding-inline:14px}
}