:root {
	--wiki-bg: #090d14;
	--wiki-surface: #111824;
	--wiki-surface-soft: #182333;
	--wiki-border: #273548;
	--wiki-border-strong: #3a4a61;
	--wiki-text: #eef4ff;
	--wiki-muted: #a6b3c5;
	--wiki-accent: #72a7ff;
	--wiki-accent-soft: #172b4b;
	--wiki-success: #51d69b;
	--wiki-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
	--wiki-code: #d5e4ff;
}

html.theme-light {
	--wiki-bg: #f6f8fb;
	--wiki-surface: #ffffff;
	--wiki-surface-soft: #eef3f8;
	--wiki-border: #d9e1ea;
	--wiki-border-strong: #c3cfdb;
	--wiki-text: #172231;
	--wiki-muted: #637184;
	--wiki-accent: #155eef;
	--wiki-accent-soft: #e8f0ff;
	--wiki-success: #087443;
	--wiki-shadow: 0 12px 32px rgba(28, 43, 61, 0.08);
	--wiki-code: #10233f;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--wiki-bg);
	color: var(--wiki-text);
	font-family: 'Rajdhani', sans-serif;
	line-height: 1.7;
	transition: background-color 0.2s ease, color 0.2s ease;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.container { width: min(1280px, calc(100% - 40px)); margin: 0 auto; }

.navbar {
	position: sticky;
	top: 0;
	z-index: 40;
	min-height: 68px;
	background: color-mix(in srgb, var(--wiki-surface) 94%, transparent);
	border-bottom: 1px solid var(--wiki-border);
	box-shadow: 0 2px 12px rgba(28, 43, 61, 0.05);
	backdrop-filter: blur(14px);
}
.nav-container { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.nav-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--wiki-text); font-family: 'Orbitron', sans-serif; font-weight: 800; letter-spacing: 0.1em; }
.nav-logo img { width: 36px; height: 36px; border-radius: 8px; object-fit: cover; }
.nav-menu { display: flex; align-items: center; gap: 6px; list-style: none; margin: 0; padding: 0; }
.nav-link { display: block; padding: 8px 12px; border-radius: 6px; color: var(--wiki-muted); font-size: 0.92rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.nav-link:hover, .nav-link.active { background: var(--wiki-accent-soft); color: var(--wiki-accent); }
.nav-link::after { display: none; }
.nav-auth { display: flex; align-items: center; gap: 10px; }
.user-profile-btn { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--wiki-border); border-radius: 6px; background: var(--wiki-surface); color: var(--wiki-text); font-weight: 700; }
.user-profile-btn:hover { border-color: var(--wiki-accent); color: var(--wiki-accent); }
.wiki-theme-toggle { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--wiki-border); border-radius: 6px; background: var(--wiki-surface); color: var(--wiki-text); cursor: pointer; font-size: 0.95rem; }
.wiki-theme-toggle:hover { border-color: var(--wiki-accent); color: var(--wiki-accent); }
.wiki-theme-toggle .fa-sun { display: none; }
html.theme-light .wiki-theme-toggle .fa-moon { display: none; }
html.theme-light .wiki-theme-toggle .fa-sun { display: inline-block; }

.wiki-search-trigger { display: inline-flex; align-items: center; gap: 10px; min-width: 260px; padding: 8px 11px; border: 1px solid var(--wiki-border); border-radius: 6px; background: var(--wiki-surface-soft); color: var(--wiki-muted); cursor: pointer; font: inherit; text-align: left; }
.wiki-search-trigger:hover { border-color: var(--wiki-accent); color: var(--wiki-accent); }
.wiki-search-trigger kbd, .wiki-search-dialog kbd { margin-left: auto; padding: 1px 6px; border: 1px solid var(--wiki-border-strong); border-radius: 4px; background: var(--wiki-surface); color: var(--wiki-muted); font-size: 0.75rem; }

.legal-shell { padding: 38px 0 72px; }
.legal-hero { padding: 28px 32px; border: 1px solid var(--wiki-border); border-radius: 8px; background: var(--wiki-surface); box-shadow: var(--wiki-shadow); }
.legal-hero::before { display: none; }
.eyebrow { display: inline-flex; padding: 4px 9px; border: 1px solid #b9cdf6; border-radius: 4px; background: var(--wiki-accent-soft); color: var(--wiki-accent); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
h1, .legal-card h2 { font-family: 'Orbitron', sans-serif; letter-spacing: -0.02em; }
h1 { margin: 14px 0 8px; color: var(--wiki-text); font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.12; }
.legal-subtitle { max-width: 760px; margin: 0; color: var(--wiki-muted); font-size: 1.08rem; }
.legal-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 34px; margin-top: 28px; }
.legal-sidebar { position: sticky; top: 94px; align-self: start; padding: 18px; border: 1px solid var(--wiki-border); border-radius: 8px; background: var(--wiki-surface); box-shadow: var(--wiki-shadow); }
.sidebar-title { margin: 0 0 12px; color: var(--wiki-muted); font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; }
.legal-links { gap: 3px; }
.legal-links a { padding: 9px 10px; border: 0; border-left: 3px solid transparent; border-radius: 0 4px 4px 0; color: var(--wiki-muted); font-weight: 600; }
.legal-links a.active, .legal-links a:hover { border-left-color: var(--wiki-accent); background: var(--wiki-accent-soft); color: var(--wiki-accent); }
.legal-content { gap: 16px; }
.legal-card { scroll-margin-top: 96px; padding: 24px 28px; border: 1px solid var(--wiki-border); border-radius: 8px; background: var(--wiki-surface); box-shadow: none; }
.legal-card h2 { margin: 0 0 10px; color: var(--wiki-text); font-size: clamp(1.25rem, 2vw, 1.7rem); }
.legal-card p, .legal-card li { color: var(--wiki-muted); font-size: 1.02rem; }
.legal-card strong { color: var(--wiki-text); }
.legal-card ul { margin-bottom: 0; }
.cta-inline, .toggle-mini { padding: 9px 13px; border: 1px solid #b9cdf6; border-radius: 6px; background: var(--wiki-accent-soft); color: var(--wiki-accent); font-weight: 700; }
.cta-inline:hover, .toggle-mini:hover { background: #dce8ff; }
footer { padding: 24px 0 34px; border-top: 1px solid var(--wiki-border); background: var(--wiki-surface); }
.footer-content { color: var(--wiki-muted); }
.footer-brand { color: var(--wiki-text); }
.footer-brand img { border-radius: 6px; }

.wiki-breadcrumbs { display: flex; gap: 8px; margin: 0 0 22px; color: var(--wiki-muted); font-size: 0.9rem; }
.wiki-breadcrumbs a:hover { color: var(--wiki-accent); }
.wiki-search-backdrop { position: fixed; inset: 0; z-index: 100; display: none; background: rgba(15, 27, 43, 0.42); }
.wiki-search-backdrop.is-open { display: block; }
.wiki-search-dialog { position: absolute; top: 12vh; left: 50%; width: min(680px, calc(100% - 32px)); transform: translateX(-50%); overflow: hidden; border: 1px solid var(--wiki-border); border-radius: 8px; background: var(--wiki-surface); box-shadow: 0 24px 70px rgba(15, 27, 43, 0.24); }
.wiki-search-form { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--wiki-border); }
.wiki-search-form i { color: var(--wiki-accent); }
.wiki-search-input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--wiki-text); font: 1.05rem 'Rajdhani', sans-serif; }
.wiki-search-results { max-height: 52vh; overflow-y: auto; padding: 8px; }
.wiki-search-result { display: block; padding: 11px 12px; border-radius: 5px; }
.wiki-search-result:hover, .wiki-search-result.is-selected { background: var(--wiki-accent-soft); }
.wiki-search-result strong { display: block; color: var(--wiki-text); }
.wiki-search-result span { display: block; overflow: hidden; color: var(--wiki-muted); font-size: 0.9rem; text-overflow: ellipsis; white-space: nowrap; }
.wiki-search-empty { padding: 18px 12px; color: var(--wiki-muted); text-align: center; }

@media (max-width: 900px) {
	.nav-menu { display: none; }
	.wiki-search-trigger { min-width: 0; }
	.wiki-search-trigger span { display: none; }
	.legal-layout { grid-template-columns: 1fr; }
	.legal-sidebar { position: static; }
}
@media (max-width: 560px) {
	.container { width: min(100% - 24px, 1280px); }
	.legal-shell { padding-top: 20px; }
	.legal-hero, .legal-card { padding: 20px; }
	.user-profile-btn { padding: 8px 10px; }
	.user-profile-btn { font-size: 0; }
	.user-profile-btn i { font-size: 0.95rem; }
}
