.page-shell { width: min(calc(100% - 2rem), 1200px); margin-inline: auto; }
.utility-bar { border-bottom: 1px solid rgba(255,255,255,0.06); background: rgba(8,7,6,0.94); font-size: 0.82rem; }
.utility-bar__inner, .utility-links { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.utility-bar__inner { min-height: 2.5rem; }
.utility-links a { text-decoration: none; }
.site-header { position: relative; border-bottom: 1px solid var(--color-border); background: var(--color-charcoal-900); }
.site-header__backdrop { position: absolute; inset: 0; opacity: 0.55; background: linear-gradient(110deg, rgba(180,58,36,0.18), transparent 42%, rgba(185,138,66,0.1)); pointer-events: none; }
.site-header__inner { position: relative; display: flex; min-height: 11rem; align-items: center; justify-content: space-between; gap: 2rem; padding-block: 2rem; }
.site-brand { display: inline-flex; align-items: center; gap: 1rem; color: var(--color-text); text-decoration: none; }
.site-brand__crest { display: grid; width: 4.5rem; aspect-ratio: 1; place-items: center; border: 1px solid var(--color-gold-500); border-radius: 50%; background: radial-gradient(circle, #4b2018, #150f0c 70%); color: var(--color-gold-300); font-family: var(--font-display); font-size: 2.3rem; box-shadow: 0 0 2rem rgba(180,58,36,0.25); }
.site-brand__name { font-family: var(--font-display); font-size: clamp(1.5rem, 4vw, 2.7rem); letter-spacing: 0.08em; text-transform: uppercase; }
.server-summary { width: min(100%, 22rem); padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: rgba(11,9,8,0.7); }
.server-summary > div:first-child { display: flex; justify-content: space-between; gap: 1rem; }
.server-summary__label { color: var(--color-text-muted); }
.server-clocks { display: flex; justify-content: space-between; gap: 0.75rem; margin-top: 0.65rem; color: var(--color-text-muted); font-size: 0.78rem; }
.online-meter { height: 0.45rem; margin-top: 0.55rem; overflow: hidden; border-radius: 999px; background: #080706; }
.online-meter span { display: block; height: 100%; background: linear-gradient(90deg, var(--color-fire-600), var(--color-gold-400)); }
.site-nav-bar { position: relative; border-top: 1px solid rgba(255,255,255,0.05); background: rgba(8,7,6,0.86); }
.site-nav-bar__inner { display: flex; align-items: center; }
.site-nav__list { display: flex; flex-wrap: wrap; gap: 0; margin: 0; padding: 0; list-style: none; }
.site-nav__link { display: flex; min-height: 3.4rem; align-items: center; padding: 0.5rem 1rem; border-bottom: 2px solid transparent; color: var(--color-text); text-decoration: none; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.82rem; }
.site-nav__link:hover, .site-nav__link[aria-current="page"] { border-bottom-color: var(--color-gold-400); background: rgba(185,138,66,0.08); color: var(--color-gold-300); }
.nav-toggle { display: none; min-height: 2.75rem; align-items: center; gap: 0.6rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-graphite-800); color: var(--color-text); }
.nav-toggle__icon, .nav-toggle__icon::before, .nav-toggle__icon::after { display: block; width: 1.25rem; height: 2px; background: currentColor; content: ""; }
.nav-toggle__icon { position: relative; }
.nav-toggle__icon::before { position: absolute; top: -0.4rem; }
.nav-toggle__icon::after { position: absolute; top: 0.4rem; }
.site-main { min-height: 50vh; padding-block: clamp(1.5rem, 4vw, 3rem); }
.main-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 1.5rem; align-items: start; }
.main-grid--single { grid-template-columns: minmax(0, 1fr); }
.content-column, .sidebar-column { min-width: 0; }
.sidebar-column { display: grid; gap: 1rem; }
.site-footer { margin-top: 2rem; padding-block: 2.5rem; border-top: 1px solid var(--color-border); background: #080706; color: var(--color-text-muted); }
.footer-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; }
.footer-nav, .social-links { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; }
.footer-nav a, .social-links a { color: var(--color-text-muted); }
.footer-copy { margin-top: 1rem; }
.language-switcher { display: flex; gap: 0.45rem; margin: 0; padding: 0; list-style: none; }
.language-switcher a { color: var(--color-text-muted); text-decoration: none; }
.language-switcher a[aria-current="true"] { color: var(--color-gold-300); }
@media (max-width: 991px) {
	.main-grid { grid-template-columns: 1fr; }
	.site-header__inner { min-height: auto; flex-direction: column; align-items: stretch; }
	.server-summary { width: 100%; }
}
@media (max-width: 760px) {
	.page-shell { width: min(calc(100% - 1.25rem), 1200px); }
	.utility-bar__inner { align-items: flex-start; padding-block: 0.5rem; }
	.site-nav-bar__inner { min-height: 3.5rem; align-items: center; }
	.nav-toggle { display: inline-flex; padding-inline: 0.9rem; }
	.site-nav { display: none; position: absolute; z-index: 50; inset: 100% 0 auto; padding: 0.5rem 0.625rem 1rem; border-bottom: 1px solid var(--color-border); background: #0d0a08; box-shadow: var(--shadow-card); }
	.site-nav.is-open { display: block; }
	.site-nav__list { flex-direction: column; }
	.site-nav__link { min-height: 3rem; border: 0; border-left: 2px solid transparent; }
	.site-nav__link:hover, .site-nav__link[aria-current="page"] { border-left-color: var(--color-gold-400); }
	.footer-grid { grid-template-columns: 1fr; }
	.server-clocks { flex-direction: column; }
}