/* Support Center Page */
:root {
	--bg: #06090d;
	--card: #111925;
	--text: #edf2f7;
	--muted: #9fb1c4;
	--brand: #2dc7cf;
	--brand-2: #5fdfe5;
	--line: #203144;
}
body {
	margin: 0;
	font-family: "Noto Sans SC", "Montserrat", sans-serif;
	color: var(--text);
	background: var(--bg);
	line-height: 1.6;
}
.container { width: min(1160px, 92vw); margin: 0 auto; }

.support-hero { padding: 80px 0 40px; text-align: center; }
.support-hero h1 { font-family: "Montserrat", sans-serif; font-size: clamp(2rem, 4vw, 3rem); margin: 0 0 12px; color: #fff; font-weight: 700; }
.support-hero .lead { color: var(--muted); max-width: 780px; margin: 0 auto; }

.support-section { padding: 40px 0; }
.support-category { font-family: "Montserrat", sans-serif; font-size: 1.6rem; color: var(--brand-2); margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }

.docs-list { display: flex; flex-direction: column; gap: 12px; }
.doc-item { background: linear-gradient(165deg, rgba(18,28,42,0.86), rgba(11,17,26,0.86)); border: 1px solid var(--line); border-radius: 10px; padding: 16px 20px; display: flex; justify-content: space-between; align-items: center; }
.doc-info h4 { font-family: "Noto Sans SC", sans-serif; font-size: 0.95rem; color: var(--text); margin: 0 0 4px; font-weight: 500; }
.doc-info span { font-family: "Noto Sans SC", sans-serif; font-size: 0.85rem; color: var(--muted); }
.doc-download { font-family: "Noto Sans SC", sans-serif; color: var(--brand); text-decoration: none; font-size: 0.9rem; padding: 8px 16px; border: 1px solid var(--brand); border-radius: 6px; transition: all 0.2s ease; flex-shrink: 0; }
.doc-download:hover { background: var(--brand); color: var(--bg); }

@media (max-width: 640px) {
	.doc-item { flex-direction: column; align-items: flex-start; gap: 12px; }
}