/* Browse bar and shortcut list on gradient pages (includes/browse.php). */
.gs-browse { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 18px; }
.gs-browse-link, .gs-browse-keys {
	display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px !important; margin: 0 !important;
	border: 1px solid #E6E6EC !important; border-radius: 999px !important; background: #fff !important;
	font-size: 13px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #222 !important;
	text-decoration: none !important; cursor: pointer; box-shadow: none !important;
}
.gs-browse-link:hover, .gs-browse-keys:hover { border-color: #111 !important; }
.gs-browse-link .tg-i { width: 15px; height: 15px; }
.gs-browse-keys { margin-left: auto !important; color: #55555F !important; }
.gs-browse kbd, .gs-keys kbd {
	display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 5px;
	border: 1px solid #DDDDE4; border-bottom-width: 2px; border-radius: 6px; background: #FAFAFC;
	font-family: inherit; font-size: 11px; font-weight: 700; color: #45454F; line-height: 1;
}
.gs-keys {
	position: absolute; right: 0; top: calc(100% + 8px); z-index: 20; min-width: 260px; padding: 14px 16px;
	border: 1px solid #ECECF1; border-radius: 18px; background: #fff; box-shadow: 0 16px 40px rgba(20, 10, 60, .16);
}
.gs-keys[hidden] { display: none; }
.gs-keys dl { margin: 0; display: grid; gap: 8px; }
.gs-keys dl > div { display: flex; align-items: center; gap: 12px; }
.gs-keys dt { min-width: 64px; margin: 0; }
.gs-keys dd { margin: 0; font-size: 13px; color: #333; }
/* Keys mean nothing on a touchscreen: keep the links, drop the hints. */
@media (hover: none) { .gs-browse kbd, .gs-browse-keys { display: none !important; } }

html[data-theme="dark"] .gs-browse-link, html[data-theme="dark"] .gs-browse-keys { background: #1D1D27 !important; border-color: rgba(255,255,255,.16) !important; color: #EDEDF2 !important; }
html[data-theme="dark"] .gs-browse kbd, html[data-theme="dark"] .gs-keys kbd { background: #262633; border-color: rgba(255,255,255,.18); color: #EDEDF2; }
html[data-theme="dark"] .gs-keys { background: #15151D; border-color: rgba(255,255,255,.1); }
html[data-theme="dark"] .gs-keys dd { color: #B9B9C6; }