/*
Theme Name: Garia.Net
Theme URI: https://garia.net/
Author: Garia.Net
Description: 8-bit arcade theme for garia.net. Administrator tools for admins by admins.
Version: 0.1.1
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: Proprietary
Text Domain: garianet
*/

/* ---------- Tokens ---------- */
:root {
	--void: var(--wp--preset--color--void);
	--cabinet: var(--wp--preset--color--cabinet);
	--cabinet-2: var(--wp--preset--color--cabinet-2);
	--line: var(--wp--preset--color--line);
	--text: var(--wp--preset--color--text);
	--muted: var(--wp--preset--color--muted);
	--dim: var(--wp--preset--color--dim);
	--amber: var(--wp--preset--color--amber);
	--orange: var(--wp--preset--color--orange);
	--yellow: var(--wp--preset--color--yellow);
	--green: var(--wp--preset--color--green);
	--matrix: var(--wp--preset--color--matrix);
	--blue: var(--wp--preset--color--blue);
	--pink: var(--wp--preset--color--pink);
	--rainbow: var(--wp--preset--gradient--rainbow);
	--arcade: var(--wp--preset--font-family--arcade);
	--pixel: var(--wp--preset--font-family--pixel);
	--mono: var(--wp--preset--font-family--mono);
	--body: var(--wp--preset--font-family--sans);
	color-scheme: dark;
}

/* ---------- Base ---------- */
body {
	background: radial-gradient(circle, #141318 1px, transparent 1.6px) 0 0 / 8px 8px, var(--void);
	color: var(--text);
}
.wp-site-blocks {
	max-width: 1080px;
	margin-inline: auto;
	padding-inline: clamp(16px, 4vw, 40px);
	padding-block: 0 48px;
}
:focus-visible { outline: 2px solid var(--yellow); outline-offset: 3px; }
code, kbd { font-family: var(--mono); font-size: .92em; }
:not(pre) > code { color: var(--matrix); }
.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(0 0 0 0); white-space: nowrap; margin: -1px; padding: 0; border: 0;
}
.gn-main > * + * { margin-block-start: 28px; }

/* ---------- Header (HUD) and footer ---------- */
.gn-hud {
	gap: 6px 20px;
	padding-block: 14px;
	border-bottom: 1px solid var(--line);
	font: 12px/1 var(--mono);
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--dim);
}
.gn-hud p, .gn-hud .wp-block-site-title { margin: 0; font: inherit; }
.gn-hud .wp-block-site-title::before { content: "1UP "; }
.gn-hud .wp-block-site-title a { color: var(--muted); font-weight: 600; text-decoration: none; }
.gn-hud .wp-block-site-title a:hover { color: var(--amber); }
.gn-hud b { color: var(--muted); font-weight: 600; }
.gn-hud .gn-credits b { color: var(--amber); }

.gn-footer {
	margin-block-start: 64px;
	padding-block: 16px;
	border-top: 1px solid var(--line);
	gap: 8px 20px;
	font: 12px/1.4 var(--mono);
	color: var(--dim);
	letter-spacing: .06em;
}
.gn-footer p { margin: 0; }
.gn-footer .wp-block-site-tagline { margin: 0; font: inherit; }

/* ---------- Section titles ---------- */
.gn-sec-title {
	display: flex; align-items: center; gap: 10px;
	font: 700 15px/1.3 var(--pixel);
	color: var(--amber);
	letter-spacing: .04em;
	text-transform: uppercase;
}
.gn-sec-title::before { content: ""; width: 7px; height: 7px; flex: none; background: var(--amber); box-shadow: 0 0 8px var(--amber); }

/* ---------- Hero ---------- */
.gn-hero { position: relative; margin-block-start: 24px; border: 1px solid var(--line); background: var(--void); overflow: hidden; }
.gn-rain {
	position: absolute; inset: 0; width: 100%; height: 100%; opacity: .18; pointer-events: none;
	-webkit-mask: linear-gradient(90deg, transparent 0%, #000 30%, #000 52%, rgba(0, 0, 0, .3) 70%, rgba(0, 0, 0, .3) 100%);
	        mask: linear-gradient(90deg, transparent 0%, #000 30%, #000 52%, rgba(0, 0, 0, .3) 70%, rgba(0, 0, 0, .3) 100%);
}
.gn-hero-inner {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) minmax(260px, 350px);
	gap: clamp(20px, 3.5vw, 36px);
	align-items: center;
	padding: clamp(20px, 3.5vw, 32px);
}
.gn-badge { position: relative; width: clamp(88px, 12vw, 116px); aspect-ratio: 1; max-width: 100%; display: grid; place-items: center; }
.gn-ring {
	position: absolute; inset: 0; border-radius: 50%;
	background: radial-gradient(circle, var(--c) 42%, transparent 48%) 50% 50% / var(--d) var(--d);
	-webkit-mask: radial-gradient(circle, transparent 62%, #000 63%, #000 71%, transparent 72%);
	        mask: radial-gradient(circle, transparent 62%, #000 63%, #000 71%, transparent 72%);
	filter: drop-shadow(0 0 4px var(--c));
}
.gn-ring-o { --c: var(--orange); --d: 7px; animation: gn-spin 48s linear infinite; }
.gn-ring-g { --c: var(--green); --d: 6px; inset: 15%; animation: gn-spin 36s linear infinite reverse; }
.gn-glyph {
	font: clamp(24px, 3.6vw, 32px)/1 var(--arcade);
	background: var(--rainbow); -webkit-background-clip: text; background-clip: text; color: transparent;
	padding-top: .12em;
}
.gn-hero-text { display: grid; gap: 12px; justify-items: start; }
.gn-hero-text > * { margin: 0; }
.gn-wordmark {
	font: clamp(20px, 3vw, 28px)/1.25 var(--arcade);
	text-transform: uppercase;
	background: var(--rainbow); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.gn-slogan { font: 15px/1.45 var(--mono); color: var(--text); }
.gn-slogan::before { content: "> "; color: var(--matrix); }
.gn-cursor { display: inline-block; width: .6em; height: 1.05em; margin-left: 2px; background: var(--matrix); vertical-align: -.15em; animation: gn-blink 1.1s steps(1) infinite; }

/* Reviews that appear and vanish on the right of the header: no box, just text */
.gn-say { align-self: stretch; display: grid; align-content: center; gap: 6px; min-height: 150px; }
.gn-say-anim { display: grid; gap: 6px; }
.gn-tool-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 12px; font: 700 11px/1 var(--pixel); letter-spacing: .04em; color: var(--amber); opacity: 0; transition: opacity .3s; }
.gn-say.is-on .gn-tool-chip { opacity: 1; }
.gn-say-mark svg { width: 12px; height: 12px; display: block; }
.gn-say-text { margin: 0; min-height: 4.65em; font: 15px/1.55 var(--mono); color: var(--text); text-shadow: 0 0 10px #08080A, 0 0 3px #08080A; overflow-wrap: anywhere; }
.gn-say-by { margin: 0; min-height: 1.3em; font: 12px/1.3 var(--mono); color: var(--dim); letter-spacing: .04em; }
.gn-say-by b { color: var(--blue); font-weight: 600; }
.gn-tcursor { display: inline-block; width: .55em; height: 1.05em; margin-left: 1px; background: var(--matrix); vertical-align: -.15em; }
.gn-say[data-fx="fade"] .gn-say-body { opacity: 0; filter: blur(5px); transform: translateY(6px); transition: opacity .7s ease, filter .7s ease, transform .7s ease; }
.gn-say[data-fx="fade"].is-on .gn-say-body { opacity: 1; filter: none; transform: none; }

/* ---------- Tool list ---------- */
.gn-tools { border: 1px solid var(--line); background: var(--void); }
.gn-tools-head,
.gn-tool > summary {
	display: grid;
	grid-template-columns: 1ch 18px minmax(9ch, auto) 1fr 7ch 7ch 2ch;
	gap: 14px;
	align-items: center;
	padding: 10px 14px;
}
.gn-tools-head { padding-block: 8px; border-bottom: 1px solid var(--line); font: 10px/1.3 var(--mono); color: var(--dim); letter-spacing: .12em; }
.gn-r { text-align: right; }
.gn-tool { border-bottom: 1px solid var(--line); }
.gn-tool:last-child { border-bottom: 0; }
.gn-tool > summary { list-style: none; cursor: pointer; }
.gn-tool > summary::-webkit-details-marker { display: none; }
.gn-tool > summary:hover { background: var(--cabinet); box-shadow: inset 3px 0 0 var(--amber); }
.gn-tool[open] > summary { background: var(--cabinet-2); box-shadow: inset 3px 0 0 var(--amber); }
.gn-caret { color: var(--amber); font: 13px/1 var(--mono); transition: transform .12s; }
.gn-tool[open] .gn-caret { transform: rotate(90deg); }
.gn-mark svg { width: 18px; height: 18px; display: block; }
.gn-tool-name { font: 700 14px/1.2 var(--pixel); letter-spacing: .04em; white-space: nowrap; text-transform: uppercase; }
.gn-tool > summary:hover .gn-tool-name, .gn-tool[open] .gn-tool-name { color: var(--amber); }
.gn-tool-line { color: var(--muted); font-size: 14px; line-height: 1.4; }
.gn-tool > summary:hover .gn-tool-line, .gn-tool[open] .gn-tool-line { color: var(--text); }
.gn-num { font: 13px/1 var(--mono); color: var(--muted); font-variant-numeric: tabular-nums; text-align: right; }
.gn-size { color: var(--amber); }
.gn-toggle { font: 13px/1 var(--mono); color: var(--dim); text-align: right; }
.gn-toggle::after { content: "+"; }
.gn-tool[open] .gn-toggle::after { content: "−"; color: var(--amber); }

/* Open tool: menu on the left, the chosen part on the right */
.gn-tool-body {
	display: grid;
	grid-template-columns: 16ch minmax(0, 1fr);
	gap: 16px 28px;
	align-items: start;
	padding: 18px 18px 22px calc(14px + 1ch + 18px + 28px);
	border-top: 1px solid var(--line);
	background: var(--cabinet);
}
.gn-tabs { display: grid; gap: 1px; border-left: 1px solid var(--line); }
html:not(.gn-js) .gn-tabs { display: none; }
html:not(.gn-js) .gn-tool-body { grid-template-columns: minmax(0, 1fr); }
.gn-tab {
	display: flex; justify-content: space-between; gap: 8px;
	margin-left: -1px; padding: 8px 10px;
	border: 0; background: none; cursor: pointer; text-align: left;
	font: 600 12px/1.25 var(--mono); text-transform: uppercase; letter-spacing: .07em; color: var(--dim);
	box-shadow: inset 2px 0 0 transparent;
}
.gn-tab:hover { color: var(--text); }
.gn-tab[aria-selected="true"] { color: var(--amber); background: var(--cabinet-2); box-shadow: inset 2px 0 0 var(--amber); }
.gn-tab .gn-n { color: var(--dim); font-weight: 400; }
.gn-tab-sep { margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--line); }
.gn-panels { min-width: 0; }
.gn-panel { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; max-width: 78ch; }
.gn-panel[hidden] { display: none; }
/* Content in a tool is left-aligned and may not push the page wider than the screen */
.gn-panel .is-layout-constrained > * { max-width: none; margin-left: 0 !important; margin-right: 0 !important; }
.gn-panel > .wp-block-group > * { min-width: 0; }
html:not(.gn-js) .gn-panel + .gn-panel { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); }
.gn-js .gn-panel-title { display: none; }
.gn-panel > .wp-block-group { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.gn-panel > .wp-block-group > * { margin: 0; }
.gn-panel h3, .gn-panel h4, .gn-panel-title { margin: 0; font: 700 13px/1.3 var(--pixel); letter-spacing: .04em; text-transform: uppercase; color: var(--text); }
.gn-panel p { margin: 0; }
.gn-panel ul, .gn-panel ol { margin: 0; padding-left: 20px; }

/* Code blocks get a copy button */
.gn-code { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; background: #050506; border: 1px solid var(--line); }
.gn-panel pre.wp-block-code, .gn-code pre { margin: 0; padding: 10px 12px; overflow-x: auto; border: 0; border-radius: 0; background: #050506; font: 13.5px/1.55 var(--mono); color: var(--matrix); white-space: pre; }
.gn-panel pre.wp-block-code { border: 1px solid var(--line); }
.gn-code pre.wp-block-code { border: 0; }
.gn-code .gn-btn { margin: 6px; }

/* Tables */
.gn-panel .wp-block-table { margin: 0; overflow-x: auto; }
.gn-panel .wp-block-table table { width: 100%; border-collapse: collapse; font-size: 14px; }
.gn-panel .wp-block-table th,
.gn-panel .wp-block-table thead { border: 0; }
.gn-panel .wp-block-table th { text-align: left; padding: 6px 14px 6px 0; border-bottom: 1px solid var(--line); font: 10px/1.3 var(--mono); color: var(--dim); letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.gn-panel .wp-block-table td { padding: 6px 14px 6px 0; border: 0; border-bottom: 1px solid var(--line); vertical-align: baseline; color: var(--muted); }
.gn-panel .wp-block-table td:first-child { color: var(--text); font: 13px/1.4 var(--mono); white-space: nowrap; }
.gn-panel .wp-block-table figcaption { display: none; }
.gn-panel .gn-features td { border-bottom: 0; padding-block: 3px; }
.gn-panel .gn-features td:first-child { width: 13ch; font-weight: 600; }

/* Parts a tool's content can use */
.gn-panel .gn-speed { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border: 1px solid var(--line); background: var(--void); }
.gn-speed > .wp-block-group { display: grid; gap: 3px; margin: 0; padding: 10px 12px; border-right: 1px solid var(--line); }
.gn-speed > .wp-block-group:last-child { border-right: 0; }
.gn-speed-n { font: 600 19px/1.1 var(--mono) !important; font-variant-numeric: tabular-nums; }
.gn-speed > .wp-block-group:first-child .gn-speed-n { color: var(--matrix); }
.gn-speed-l { font-size: 12px !important; line-height: 1.35; color: var(--muted); }
.gn-targets { display: flex; flex-wrap: wrap; gap: 6px; }
.gn-targets code { font-size: 12.5px; color: var(--text); background: var(--void); border: 1px solid var(--line); padding: 3px 7px; }
.gn-reqs, .gn-hash { font: 12px/1.4 var(--mono) !important; color: var(--dim); letter-spacing: .06em; text-transform: uppercase; }
.gn-hash code { text-transform: none; color: var(--muted); }
.gn-ex-title { font: 600 14px/1.4 var(--body) !important; }

/* Changelog, taken from the tool's CHANGELOG.md */
.gn-changelog { display: grid; gap: 10px; }
.gn-changelog > * { margin: 0; }
.gn-changelog h3 { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--amber); }
.gn-changelog h3:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.gn-changelog h4 { margin-top: 6px; font: 600 14px/1.4 var(--body); text-transform: none; letter-spacing: 0; color: var(--text); }
.gn-changelog p, .gn-changelog li { font-size: 14px; color: var(--muted); }
.gn-changelog strong, .gn-changelog em { color: var(--text); }
.gn-changelog ul, .gn-changelog ol { margin: 0; padding-left: 20px; display: grid; gap: 4px; }
.gn-changelog pre { margin: 0; padding: 10px 12px; overflow-x: auto; border: 1px solid var(--line); background: #050506; font: 13px/1.5 var(--mono); color: var(--matrix); }
.gn-changelog table { width: 100%; border-collapse: collapse; font-size: 13px; display: block; overflow-x: auto; }
.gn-changelog th, .gn-changelog td { padding: 5px 12px 5px 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: baseline; }
.gn-changelog th { font: 10px/1.3 var(--mono); color: var(--dim); letter-spacing: .1em; text-transform: uppercase; }

/* Screenshots: a small gallery that opens large in a dialog */
.gn-shots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.gn-shot { display: grid; gap: 6px; margin: 0; }
.gn-shot a { display: block; border: 1px solid var(--line); background: var(--void); }
.gn-shot a:hover, .gn-shot a:focus-visible { border-color: var(--amber); }
.gn-shot img { display: block; width: 100%; height: auto; }
.gn-shot figcaption { font: 12px/1.3 var(--mono); color: var(--muted); letter-spacing: .06em; text-transform: uppercase; }
.gn-lightbox { max-width: min(96vw, 1500px); max-height: 96vh; padding: 0; border: 1px solid var(--amber); background: var(--void); color: var(--text); }
.gn-lightbox::backdrop { background: rgba(0, 0, 0, .85); }
.gn-lightbox img { display: block; max-width: 100%; max-height: 88vh; height: auto; margin-inline: auto; }
.gn-lightbox p { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 0; padding: 8px 12px; font: 12px/1.3 var(--mono); color: var(--muted); letter-spacing: .06em; text-transform: uppercase; }
@media (max-width: 780px) { .gn-shots { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Reviews per tool ---------- */
.gn-rev-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; justify-content: space-between; }
.gn-house-rules { display: flex; flex-wrap: wrap; gap: 4px 14px; font: 12px/1.4 var(--mono); color: var(--muted); letter-spacing: .03em; }
.gn-house-rules span::before { content: "■ "; color: var(--green); font-size: 9px; vertical-align: 1px; }
.gn-review-form { display: grid; gap: 10px; max-width: 560px; padding: 14px; border: 1px solid var(--line); background: var(--void); }
.gn-review-form[hidden] { display: none; }
.gn-field { display: grid; gap: 4px; }
.gn-field label { display: flex; justify-content: space-between; gap: 8px; font: 11px/1.3 var(--mono); color: var(--muted); letter-spacing: .1em; text-transform: uppercase; }
.gn-field input, .gn-field textarea { width: 100%; padding: 7px 10px; border: 1px solid var(--line); border-radius: 0; background: var(--cabinet); color: var(--text); font: 14px/1.5 var(--body); }
.gn-field textarea { min-height: 76px; resize: vertical; }
.gn-field input::placeholder, .gn-field textarea::placeholder { color: var(--dim); }
.gn-field input:focus, .gn-field textarea:focus { border-color: var(--yellow); outline: none; }
.gn-field.is-bad textarea, .gn-field.is-bad input { border-color: var(--pink); }
.gn-counter { font: 12px/1 var(--mono); color: var(--dim); font-variant-numeric: tabular-nums; letter-spacing: 0; }
.gn-counter.is-near { color: var(--amber); }
.gn-counter.is-full { color: var(--pink); }
.gn-err { font: 13px/1.4 var(--body); color: var(--pink); }
.gn-err[hidden] { display: none; }
.gn-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.gn-notice { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 14px; color: var(--muted); }
.gn-review-list { display: grid; border-top: 1px solid var(--line); }
.gn-voice { display: grid; gap: 5px; margin: 0; padding: 10px 0; border-bottom: 1px solid var(--line); }
.gn-voice blockquote { margin: 0; padding: 0; border: 0; font-size: 14px; line-height: 1.5; }
.gn-voice blockquote::before { content: "“"; color: var(--amber); margin-right: 2px; }
.gn-voice blockquote::after { content: "”"; color: var(--amber); margin-left: 1px; }
.gn-voice figcaption { font: 12px/1.3 var(--mono); color: var(--dim); letter-spacing: .04em; }
.gn-voice figcaption b { color: var(--blue); font-weight: 600; }
.gn-empty { color: var(--muted); font-size: 14px; }
.gn-badge-admin { display: inline-block; padding: 1px 5px; border: 1px solid var(--amber); color: var(--amber); font: 600 10px/1.3 var(--mono); letter-spacing: .1em; vertical-align: 1px; }
.gn-panel .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px 16px; padding: 3px; }

/* ---------- Buttons and labels ---------- */
.gn-btn-row { display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: center; padding: 3px; }
.gn-btn, .wp-element-button {
	--b: var(--amber);
	display: inline-block;
	padding: 8px 12px;
	border: 0; border-radius: 0;
	background: var(--b); color: var(--void);
	font: 600 12px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; text-decoration: none;
	cursor: pointer;
	box-shadow: 2px 0 0 0 var(--b), -2px 0 0 0 var(--b), 0 2px 0 0 var(--b), 0 -2px 0 0 var(--b), inset -2px -2px 0 0 rgba(0, 0, 0, .22);
	transition: filter .15s;
}
.gn-btn:hover, .wp-element-button:hover { filter: drop-shadow(0 0 8px var(--b)); color: var(--void); }
.gn-btn:active { transform: translateY(1px); }
.gn-btn-alt { --b: var(--void); color: var(--blue); box-shadow: 2px 0 0 0 var(--blue), -2px 0 0 0 var(--blue), 0 2px 0 0 var(--blue), 0 -2px 0 0 var(--blue), inset 0 0 0 1px var(--blue); }
.gn-btn-alt:hover { color: var(--blue); filter: drop-shadow(0 0 8px var(--blue)); }
.gn-btn-tiny { padding: 5px 8px; font-size: 10px; }
.gn-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid var(--c); color: var(--c); font: 600 11px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.gn-chip::before { content: ""; width: 6px; height: 6px; background: var(--c); box-shadow: 0 0 5px var(--c); }
.gn-chip-amber { --c: var(--amber); }

/* ---------- Pages and 404 ---------- */
.gn-prose { max-width: 760px; }
.gn-prose h1, .gn-page-title { font: 700 20px/1.3 var(--pixel); color: var(--amber); text-transform: uppercase; }
.gn-gameover { text-align: center; padding-block: 64px; display: grid; gap: 16px; justify-items: center; }
.gn-gameover > * { margin: 0; }
.gn-gameover-title { font: clamp(22px, 5vw, 36px)/1.3 var(--arcade) !important; background: var(--rainbow); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
.gn-continue { font: 600 14px/1 var(--mono); color: var(--pink); letter-spacing: .14em; }
.gn-continue .gn-n { animation: gn-blink 1s steps(1) infinite; }

@keyframes gn-spin { to { transform: rotate(1turn); } }
@keyframes gn-blink { 50% { opacity: 0; } }

/* ---------- Narrow screens ---------- */
@media (max-width: 900px) {
	.gn-hero-inner { grid-template-columns: auto minmax(0, 1fr); }
	.gn-say { grid-column: 1 / -1; min-height: 140px; }
}
@media (max-width: 780px) {
	.gn-hero-inner { grid-template-columns: 1fr; justify-items: start; }
	.gn-say { justify-self: stretch; }
	.gn-tools-head { display: none; }
	.gn-tool > summary { grid-template-columns: 1ch 18px 1fr auto; row-gap: 4px; }
	.gn-tool-line { grid-column: 3 / -1; }
	.gn-ver, .gn-toggle { display: none; }
	.gn-size { grid-column: 4; grid-row: 1; }
	.gn-tool-body { grid-template-columns: minmax(0, 1fr); padding-inline: 14px; }
	.gn-tabs { display: flex; overflow-x: auto; border-left: 0; border-bottom: 1px solid var(--line); }
	.gn-tab { white-space: nowrap; margin-left: 0; box-shadow: inset 0 -2px 0 transparent; }
	.gn-tab-sep { margin-top: 0; padding-top: 8px; border-top: 0; }
	.gn-tab[aria-selected="true"] { background: none; box-shadow: inset 0 -2px 0 var(--amber); }
	.gn-panel .gn-speed { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.gn-speed > .wp-block-group:nth-child(2) { border-right: 0; }
	.gn-speed > .wp-block-group:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}
@media (prefers-reduced-motion: reduce) {
	.gn-ring, .gn-cursor, .gn-continue .gn-n { animation: none !important; }
	.gn-say[data-fx="fade"] .gn-say-body, .gn-caret, .gn-tool-chip { transition: none; }
}