/* ==========================================================================
   Tapchicrypto · shared styles
   Ported from prototype `_source-reference/styles.css` with three groups
   of additions, all marked inline:
     [VN-FIX]   Vietnamese-diacritic line-height bumps (≥ 1.3 on all Anton uppercase)
     [WP]       WordPress block-editor + admin-bar compatibility
     [JS-UI]    Mobile menu / search modal / filter pills / lazy video state styles
   ========================================================================== */

:root {
	--bg: #010828;
	--bg-2: #0A1545;
	--cream: #EFF4FF;
	--neon: #6FFF00;
	--neon-dim: #4dd400;
	--muted: rgba(239, 244, 255, 0.55);
	--border: rgba(239, 244, 255, 0.08);
}

* { box-sizing: border-box; }

html, body {
	margin: 0;
	padding: 0;
	background: var(--bg);
	color: var(--cream);
	font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

body {
	min-height: 100vh;
	overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }

img, video {
	max-width: 100%;
	height: auto;
}

.font-display { font-family: 'Anton', 'Impact', sans-serif; letter-spacing: 0.01em; }
.font-script  { font-family: 'Pacifico', cursive; }
.font-mono    { font-family: 'IBM Plex Mono', ui-monospace, monospace; }
.font-sans    { font-family: 'IBM Plex Sans', sans-serif; }

.uppercase  { text-transform: uppercase; }
.text-neon  { color: var(--neon); }
.text-cream { color: var(--cream); }
.text-muted { color: var(--muted); }
.bg-neon    { background: var(--neon); }

/* Liquid glass — adapted from prompt */
.liquid-glass {
	background: rgba(255, 255, 255, 0.02);
	background-blend-mode: luminosity;
	backdrop-filter: blur(10px) saturate(140%);
	-webkit-backdrop-filter: blur(10px) saturate(140%);
	border: none;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1);
	position: relative;
	overflow: hidden;
}
.liquid-glass::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1.4px;
	background: linear-gradient(180deg,
		rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.15) 20%,
		rgba(255,255,255,0)    40%, rgba(255,255,255,0)    60%,
		rgba(255,255,255,0.15) 80%, rgba(255,255,255,0.45) 100%);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.glass-card {
	background: rgba(255,255,255,0.025);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid var(--border);
}

/* Texture overlay */
.texture-overlay {
	position: fixed;
	inset: 0;
	z-index: 50;
	pointer-events: none;
	background-image:
		radial-gradient(circle at 20% 30%, rgba(255,255,255,0.015) 0%, transparent 50%),
		radial-gradient(circle at 80% 70%, rgba(111,255,0,0.02)    0%, transparent 50%);
	mix-blend-mode: lighten;
	opacity: 0.7;
}
.texture-overlay::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.08 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");
	opacity: 0.6;
	mix-blend-mode: lighten;
}

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: rgba(239,244,255,0.1); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(239,244,255,0.2); }

/* Container */
.container-page {
	max-width: 1640px;
	margin: 0 auto;
	padding: 0 24px;
}
@media (min-width: 768px)  { .container-page { padding: 0 48px; } }
@media (min-width: 1280px) { .container-page { padding: 0 64px; } }

/* Headings utility
   [VN-FIX] All Anton uppercase headings use line-height ≥ 1.3 so Vietnamese
   diacritics (Ố, Ấ, Ư, Ờ, Ợ) don't get clipped by the row above.
   [A11Y] Mobile clamp minimums boosted in v1.1 — visually larger for readers
   with reduced acuity, no wide-screen impact since max stays the same. */
.h-hero {
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	line-height: 1.3;        /* was 1.28 in prototype */
	letter-spacing: -0.005em;
	font-size: clamp(56px, 7vw, 110px);
}
.h-section {
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	line-height: 1.3;
	font-size: clamp(42px, 4.8vw, 76px);
}
.h-card {
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	line-height: 1.3;
	font-size: clamp(24px, 1.8vw, 30px);
}
.font-display.uppercase { line-height: 1.3; }   /* fallback for ad-hoc Anton+uppercase combos */

.kicker {
	font-family: 'IBM Plex Mono', monospace;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.12em;
	color: var(--muted);
}
.body-mono {
	font-family: 'IBM Plex Mono', monospace;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.04em;
}
.body-read {
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: 19px;
	line-height: 1.75;
	color: rgba(239,244,255,0.85);
}

/* On mobile, keep body copy generous so it stays readable at arm's length
   on a phone in a moving vehicle (Vietnamese commuter pattern). */
@media (max-width: 600px) {
	.body-read { font-size: 17px; line-height: 1.7; }
	.body-mono { font-size: 14px; }
	.kicker    { font-size: 12px; }
}

/* Neon underline bar */
.neon-bar {
	display: block;
	height: 8px;
	background: var(--neon);
	width: 100%;
}

/* Hover transitions */
.hover-neon { transition: color 200ms ease; }
.hover-neon:hover { color: var(--neon); }

.hover-lift { transition: transform 300ms ease, background 300ms ease; }
.hover-lift:hover { transform: translateY(-2px); background: rgba(255,255,255,0.04); }

/* Ticker */
@keyframes ticker-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}
.ticker-track {
	display: flex;
	width: max-content;
	animation: ticker-scroll 60s linear infinite;
}
.ticker-track:hover { animation-play-state: paused; }

/* Density tweak (kept from prototype, not exposed in WP — no Tweaks panel) */
.density-py { padding-top: 72px; padding-bottom: 72px; }

/* Hide video helper */
[data-video-bg="off"] video.bg-video { display: none; }
[data-video-bg="off"] .video-fallback { display: block; }
.video-fallback {
	display: none;
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at 30% 20%, rgba(111,255,0,0.08) 0%, transparent 50%),
		radial-gradient(ellipse at 70% 80%, rgba(80,40,180,0.25) 0%, transparent 60%),
		linear-gradient(180deg, #02103a 0%, #010828 100%);
}
.video-wrap { position: relative; width: 100%; height: 100%; overflow: hidden; }

/* Article prose */
.prose-vn p { margin: 0 0 1.4em; font-size: 19px; line-height: 1.75; }
.prose-vn p.lead { font-size: 22px; line-height: 1.6; }
.prose-vn h2 {
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	font-size: clamp(28px, 2.8vw, 40px);
	letter-spacing: 0.005em;
	margin: 2.2em 0 0.6em;
	line-height: 1.3;
}
.prose-vn h3 {
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	font-size: clamp(22px, 1.9vw, 28px);
	margin: 1.8em 0 0.5em;
	line-height: 1.3;
}
.prose-vn blockquote {
	border-left: 3px solid var(--neon);
	margin: 2em 0;
	padding: 12px 0 12px 28px;
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	font-size: clamp(26px, 2.4vw, 36px);
	line-height: 1.3;
	color: var(--cream);
}
.prose-vn a    { color: var(--neon); border-bottom: 1px solid rgba(111,255,0,0.4); }
.prose-vn ul   { padding-left: 24px; font-size: 19px; line-height: 1.75; }
.prose-vn li   { margin-bottom: 0.7em; }
.prose-vn code {
	font-family: 'IBM Plex Mono', monospace;
	background: rgba(111,255,0,0.08);
	color: var(--neon);
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 0.92em;
}
.prose-vn img {
	border-radius: 18px;
	display: block;
	margin: 2em auto;
}

/* Drop cap on lead paragraph (single.php applies .has-drop-cap to the first <p>). */
.prose-vn .has-drop-cap::first-letter,
.prose-vn p.lead::first-letter {
	font-family: 'Anton', sans-serif;
	font-size: 72px;
	line-height: 0.8;
	float: left;
	margin: 8px 14px 0 0;
	color: var(--neon);
}

@media (max-width: 600px) {
	.prose-vn p,
	.prose-vn ul { font-size: 17px; line-height: 1.7; }
	.prose-vn p.lead { font-size: 19px; }
	.prose-vn .has-drop-cap::first-letter,
	.prose-vn p.lead::first-letter { font-size: 56px; }
}

/* ==========================================================================
   [WP] Block editor + WordPress core compatibility
   ========================================================================== */

/* Block alignment helpers */
.alignleft   { float: left;  margin: 0.5em 1.5em 1em 0; }
.alignright  { float: right; margin: 0.5em 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide   { width: min(100%, 1180px); margin-left: auto; margin-right: auto; }
.alignfull   { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }

/* Default block editor button styles overridden to match site */
.wp-block-button .wp-block-button__link {
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 15px;
	line-height: 1.3;
	border-radius: 12px;
	padding: 14px 22px;
}
.wp-block-button .wp-block-button__link.is-style-tcc-neon,
.wp-block-button .wp-block-button__link.is-style-neon {
	background: var(--neon);
	color: var(--bg);
	border: none;
}
.wp-block-button .wp-block-button__link.is-style-tcc-glass,
.wp-block-button .wp-block-button__link.is-style-glass {
	background: rgba(255,255,255,0.04);
	color: var(--cream);
	border: 1px solid var(--border);
}

/* Captions / galleries */
.wp-caption,
.wp-caption-text,
.wp-block-image figcaption,
.gallery-caption {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 11px;
	color: var(--muted);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-top: 8px;
	text-align: center;
}

/* Embeds */
.wp-block-embed iframe { border-radius: 18px; }

/* Pull-quote pattern */
.is-style-tcc-pull-quote {
	border-left: 3px solid var(--neon);
	padding: 18px 24px;
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	font-size: clamp(24px, 2.4vw, 36px);
	line-height: 1.3;
	color: var(--cream);
}

/* Neon callout pattern */
.tcc-neon-callout {
	background: rgba(111,255,0,0.06);
	border: 1px solid rgba(111,255,0,0.35);
	border-radius: 18px;
	padding: 24px 28px;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 14px;
	line-height: 1.6;
}

/* Stat block pattern */
.tcc-stat-block {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 16px;
}
.tcc-stat-block .tcc-stat {
	padding: 18px 20px;
	border-radius: 16px;
	background: rgba(255,255,255,0.025);
	border: 1px solid var(--border);
}
.tcc-stat-block .tcc-stat-value {
	font-family: 'Anton', sans-serif;
	font-size: clamp(28px, 3vw, 44px);
	line-height: 1;
}
.tcc-stat-block .tcc-stat-label {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--muted);
	margin-top: 6px;
}

/* Admin bar offset — header is not fixed by default but we add a body class anyway
   so plugins that fix the header have a stable hook. */
body.admin-bar.tcc-fixed-header header.tcc-site-header { top: 32px; }
@media (max-width: 782px) {
	body.admin-bar.tcc-fixed-header header.tcc-site-header { top: 46px; }
}

/* Skip link */
.skip-link.screen-reader-text {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.skip-link.screen-reader-text:focus {
	position: fixed;
	left: 16px;
	top: 16px;
	width: auto;
	height: auto;
	padding: 12px 18px;
	background: var(--neon);
	color: var(--bg);
	font-family: 'Anton', sans-serif;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border-radius: 8px;
	z-index: 9999;
}

/* ==========================================================================
   [JS-UI] Interactions ported from React (no React on front-end)
   ========================================================================== */

/* Mobile menu drawer (header.php) */
.tcc-drawer { display: none; }
.tcc-drawer[aria-hidden="false"] { display: block; }

@media (min-width: 1024px) {
	.tcc-nav-desktop  { display: flex !important; }
	.tcc-mobile-menu-btn { display: none !important; }
}

/* Search modal */
.tcc-search-modal {
	position: fixed;
	inset: 0;
	z-index: 100;
	display: none;
	background: rgba(1, 8, 40, 0.85);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	padding: clamp(40px, 8vh, 120px) 24px 24px;
}
.tcc-search-modal[aria-hidden="false"] { display: block; }
.tcc-search-modal__inner {
	max-width: 720px;
	margin: 0 auto;
}
.tcc-search-modal__input {
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 2px solid var(--neon);
	color: var(--cream);
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	font-size: clamp(28px, 4vw, 56px);
	line-height: 1.3;
	padding: 16px 0;
	outline: none;
}
.tcc-search-modal__close {
	position: absolute;
	top: 24px;
	right: 24px;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: rgba(255,255,255,0.04);
	border: 1px solid var(--border);
	color: var(--cream);
	display: flex;
	align-items: center;
	justify-content: center;
}

body.tcc-modal-open { overflow: hidden; }

/* Filter pills (LatestList): hidden state when filtered out */
.tcc-row[hidden] { display: none !important; }
.tcc-filter-empty[hidden] { display: none; }

/* Lazy video paused hint (debug-friendly, no visual when paused) */
video.bg-video[data-tcc-lazy="paused"] { opacity: 1; }

/* ==========================================================================
   Comments — list + form (token-aware, matches prose-vn surface)
   ========================================================================== */

.comments-area {
	margin-top: 64px;
	padding-top: 32px;
	border-top: 1px solid var(--border);
}
.comments-title {
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	font-size: clamp(24px, 2.4vw, 36px);
	line-height: 1.3;
	letter-spacing: 0.005em;
	margin: 0 0 28px;
}

.comment-list {
	list-style: none;
	padding: 0;
	margin: 0 0 32px;
}
.comment-list .comment,
.comment-list .pingback {
	margin-bottom: 16px;
}
.comment-list .comment-body {
	padding: 18px 20px;
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid var(--border);
	border-radius: 16px;
	position: relative;
}
.comment-list .comment-author {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}
.comment-list .comment-author .avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.04);
	flex-shrink: 0;
}
.comment-list .comment-author .fn,
.comment-list .comment-author cite {
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	letter-spacing: 0.04em;
	font-style: normal;
	color: var(--cream);
}
.comment-list .comment-author .says { display: none; }
.comment-list .comment-meta {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 13px;
	color: var(--muted);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.comment-list .comment-meta a {
	color: var(--muted);
	text-decoration: none;
	transition: color 200ms ease;
}
.comment-list .comment-meta a:hover { color: var(--neon); }

.comment-list .comment-content {
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: 17px;
	line-height: 1.7;
	color: rgba(239, 244, 255, 0.88);
}
.comment-list .comment-content p { margin: 0 0 0.8em; }
.comment-list .comment-content p:last-child { margin-bottom: 0; }
.comment-list .comment-content a {
	color: var(--neon);
	border-bottom: 1px solid rgba(111, 255, 0, 0.4);
}

.comment-list .reply {
	margin-top: 12px;
}
.comment-list .reply a,
.comment-list .comment-reply-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--border);
	border-radius: 999px;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--cream);
	text-decoration: none;
	transition: background 200ms ease, color 200ms ease, border-color 200ms ease;
}
.comment-list .reply a:hover,
.comment-list .comment-reply-link:hover {
	background: var(--neon);
	color: var(--bg);
	border-color: var(--neon);
}

.comment-list .children {
	list-style: none;
	margin: 16px 0 0;
	padding: 0 0 0 32px;
	border-left: 1px solid var(--border);
}
.comment-list .children .comment-body {
	background: rgba(255, 255, 255, 0.015);
}

.comment-list .bypostauthor > .comment-body::before {
	content: '✓ TÁC GIẢ';
	position: absolute;
	top: 14px;
	right: 16px;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 9px;
	letter-spacing: 0.18em;
	color: var(--neon);
}

.comment-navigation {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	margin: 24px 0;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.comment-navigation a { color: var(--cream); text-decoration: none; }
.comment-navigation a:hover { color: var(--neon); }

.no-comments {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 13px;
	color: var(--muted);
	padding: 18px 0;
}

/* Comment form */
.comment-respond {
	margin-top: 32px;
	padding: 28px;
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid var(--border);
	border-radius: 18px;
}
.comment-reply-title {
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	font-size: clamp(18px, 1.6vw, 24px);
	line-height: 1.3;
	margin: 0 0 18px;
	color: var(--cream);
}
.comment-reply-title small {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-left: 12px;
}
.comment-reply-title small a { color: var(--neon); text-decoration: none; }

.comment-form {
	display: grid;
	gap: 14px;
}
.comment-form .comment-notes,
.comment-form .logged-in-as {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 11px;
	color: var(--muted);
	letter-spacing: 0.04em;
	margin: 0;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.comment-form label {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--muted);
}
.comment-form label {
	font-size: 12px;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--border);
	border-radius: 10px;
	padding: 14px 16px;
	color: var(--cream);
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: 16px;        /* iOS Safari skips zoom-on-focus at >=16px */
	line-height: 1.55;
	box-sizing: border-box;
	transition: border-color 200ms ease, background 200ms ease;
}
.comment-form textarea {
	min-height: 120px;
	resize: vertical;
}
.comment-form input:focus,
.comment-form textarea:focus {
	outline: none;
	border-color: var(--neon);
	background: rgba(111, 255, 0, 0.04);
}
.comment-form input::placeholder,
.comment-form textarea::placeholder {
	color: rgba(239, 244, 255, 0.35);
}

.comment-form .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 11px;
	color: var(--muted);
	letter-spacing: 0.04em;
}
.comment-form .comment-form-cookies-consent input { margin-top: 2px; }
.comment-form .comment-form-cookies-consent label {
	font-size: 11px;
	letter-spacing: 0.04em;
	text-transform: none;
}

.comment-form .form-submit {
	margin: 4px 0 0;
}
.comment-form .submit {
	background: var(--neon);
	color: var(--bg);
	border: none;
	border-radius: 10px;
	padding: 14px 28px;
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0.06em;
	cursor: pointer;
	transition: filter 200ms ease, transform 200ms ease;
}
.comment-form .submit:hover {
	filter: brightness(1.1);
	transform: translateY(-1px);
}

.comment-form #cancel-comment-reply-link {
	display: inline-block;
	margin-left: 12px;
	font-family: 'IBM Plex Mono', monospace;
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--muted);
	text-decoration: none;
}
.comment-form #cancel-comment-reply-link:hover { color: var(--neon); }

@media (max-width: 600px) {
	.comment-list .children { padding-left: 18px; }
	.comment-respond { padding: 20px; }
}

/* Pagination */
.nav-links {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 48px;
	padding-top: 24px;
	border-top: 1px solid var(--border);
}
.nav-links a, .nav-links span {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 10px 16px;
	border-radius: 999px;
	background: rgba(255,255,255,0.04);
	border: 1px solid var(--border);
}
.nav-links .current {
	background: var(--neon);
	color: var(--bg);
	border-color: var(--neon);
}