/* Page-only rules. Everything else comes from theme.css. */
.sec a.gbtn { color: #fff; text-decoration: none; }
.sec a.gbtn.alt { color: var(--alt-fg); }
.tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.tx .tags { margin: 6px 0 0; }
.tags .pill { margin: 0; }
#theme { margin-left: auto; }
#skin { margin-left: 0; }
#theme .moon, :root[data-theme="dark"] #theme .sun { display: none; }
:root[data-theme="dark"] #theme .moon { display: block; }
.bar { display: flex; height: 30px; border-radius: 999px; overflow: hidden; border: 1px solid var(--edge); box-shadow: 0 4px 10px var(--shadow); }
.bar div { display: flex; align-items: center; justify-content: center; min-width: 0; padding: 0 8px; overflow: hidden; white-space: nowrap; color: #fff;
  font: 800 12px var(--font-display); text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
  background-image: linear-gradient(rgba(255, 255, 255, .35), rgba(255, 255, 255, .05) 50%, rgba(0, 0, 0, .12) 51%); }
.bar div + div { border-left: 1px solid rgba(255, 255, 255, .6); }