@lucasviola/specwiki 1.0.0

package/dist/output/html/assets/specwiki.css

@@ -0,0 +1,905 @@
+/* Spec Wiki layout — Vector-inspired chrome (S16.1 baseline + S16.2 navigation) */
+
+:root {
+  color-scheme: light;
+  --background-color-base: #ffffff;
+  --background-color-base--hover: #eaecf0;
+  --background-color-code: #f6f8fa;
+  --background-color-interactive-subtle: #f8f9fa;
+  --color-base: #202122;
+  --color-base--hover: #404244;
+  --color-base--active: #000000;
+  --color-base--subtle: #54595d;
+  --color-primary: #3366cc;
+  --color-primary--hover: #2a4b8d;
+  --color-primary--active: #233566;
+  --border-color-base: #72777d;
+  --border-color-divider: #72777d;
+  --specwiki-shadow-color: rgba(0, 0, 0, 0.16);
+  --specwiki-search-match-background: #fff3b0;
+  --specwiki-search-badge-background: #eaecf0;
+  --specwiki-syntax-text: #24292e;
+  --specwiki-syntax-background: #f6f8fa;
+  --specwiki-syntax-keyword: #cf222e;
+  --specwiki-syntax-title: #8250df;
+  --specwiki-syntax-literal: #0550ae;
+  --specwiki-syntax-string: #0a3069;
+  --specwiki-syntax-built-in: #953800;
+  --specwiki-syntax-comment: #57606a;
+  --specwiki-syntax-tag: #116329;
+  --specwiki-syntax-section: #0969da;
+  --specwiki-syntax-bullet: #7d4e00;
+  --specwiki-syntax-addition: #1a7f37;
+  --specwiki-syntax-addition-background: #dafbe1;
+  --specwiki-syntax-deletion: #cf222e;
+  --specwiki-syntax-deletion-background: #ffebe9;
+  --specwiki-header-block-size: calc(var(--size-tool) + 1px);
+}
+
+:root[data-theme="light"] {
+  color-scheme: light;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) {
+    color-scheme: dark;
+    --background-color-base: #16181c;
+    --background-color-base--hover: #2b2f36;
+    --background-color-code: #202328;
+    --background-color-interactive-subtle: #202328;
+    --color-base: #eaecf0;
+    --color-base--hover: #ffffff;
+    --color-base--active: #ffffff;
+    --color-base--subtle: #b6bdc6;
+    --color-primary: #6b8fe8;
+    --color-primary--hover: #9bb4f0;
+    --color-primary--active: #bdccf5;
+    --border-color-base: #72777d;
+    --border-color-divider: #72777d;
+    --specwiki-shadow-color: rgba(0, 0, 0, 0.48);
+    --specwiki-search-match-background: #665500;
+    --specwiki-search-badge-background: #343941;
+    --specwiki-syntax-text: #e6edf3;
+    --specwiki-syntax-background: #202328;
+    --specwiki-syntax-keyword: #ff7b72;
+    --specwiki-syntax-title: #d2a8ff;
+    --specwiki-syntax-literal: #79c0ff;
+    --specwiki-syntax-string: #a5d6ff;
+    --specwiki-syntax-built-in: #ffa657;
+    --specwiki-syntax-comment: #9ca6b1;
+    --specwiki-syntax-tag: #7ee787;
+    --specwiki-syntax-section: #58a6ff;
+    --specwiki-syntax-bullet: #f2cc60;
+    --specwiki-syntax-addition: #aff5b4;
+    --specwiki-syntax-addition-background: #033a16;
+    --specwiki-syntax-deletion: #ffdcd7;
+    --specwiki-syntax-deletion-background: #67060c;
+  }
+}
+
+:root[data-theme="dark"] {
+  color-scheme: dark;
+  --background-color-base: #16181c;
+  --background-color-base--hover: #2b2f36;
+  --background-color-code: #202328;
+  --background-color-interactive-subtle: #202328;
+  --color-base: #eaecf0;
+  --color-base--hover: #ffffff;
+  --color-base--active: #ffffff;
+  --color-base--subtle: #b6bdc6;
+  --color-primary: #6b8fe8;
+  --color-primary--hover: #9bb4f0;
+  --color-primary--active: #bdccf5;
+  --border-color-base: #72777d;
+  --border-color-divider: #72777d;
+  --specwiki-shadow-color: rgba(0, 0, 0, 0.48);
+  --specwiki-search-match-background: #665500;
+  --specwiki-search-badge-background: #343941;
+  --specwiki-syntax-text: #e6edf3;
+  --specwiki-syntax-background: #202328;
+  --specwiki-syntax-keyword: #ff7b72;
+  --specwiki-syntax-title: #d2a8ff;
+  --specwiki-syntax-literal: #79c0ff;
+  --specwiki-syntax-string: #a5d6ff;
+  --specwiki-syntax-built-in: #ffa657;
+  --specwiki-syntax-comment: #9ca6b1;
+  --specwiki-syntax-tag: #7ee787;
+  --specwiki-syntax-section: #58a6ff;
+  --specwiki-syntax-bullet: #f2cc60;
+  --specwiki-syntax-addition: #aff5b4;
+  --specwiki-syntax-addition-background: #033a16;
+  --specwiki-syntax-deletion: #ffdcd7;
+  --specwiki-syntax-deletion-background: #67060c;
+}
+
+* {
+  box-sizing: var(--box-sizing-base, border-box);
+}
+
+body.specwiki {
+  margin: 0;
+  font-family: var(--font-family-base);
+  font-size: 0.875rem;
+  line-height: var(--line-height-base);
+  color: var(--color-base);
+  background-color: var(--background-color-base);
+}
+
+.specwiki-header {
+  position: sticky;
+  top: 0;
+  z-index: 15;
+  background-color: var(--background-color-base);
+  border-bottom: 1px solid var(--border-color-divider);
+  padding: 0 var(--padding-horizontal-base);
+}
+
+.specwiki-header-inner {
+  max-width: none;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  gap: var(--padding-horizontal-base);
+  min-height: var(--size-tool);
+}
+
+.specwiki-search {
+  position: relative;
+  margin-left: auto;
+  flex: 1 1 16rem;
+  max-width: 24rem;
+}
+
+.specwiki-search-label {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.specwiki-search-input {
+  width: 100%;
+  padding: 0.375rem 0.625rem;
+  border: 1px solid var(--border-color-divider);
+  border-radius: var(--border-radius-base, 2px);
+  font: inherit;
+  background-color: var(--background-color-base);
+  color: var(--color-base);
+}
+
+.specwiki-search-input:focus {
+  outline: 2px solid var(--color-primary);
+  outline-offset: 1px;
+}
+
+.specwiki-search-results {
+  position: absolute;
+  top: calc(100% + 0.25rem);
+  left: 0;
+  right: 0;
+  z-index: 40;
+  background-color: var(--background-color-base);
+  border: 1px solid var(--border-color-divider);
+  border-radius: var(--border-radius-base, 2px);
+  box-shadow: 0 2px 8px var(--specwiki-shadow-color);
+  max-height: min(24rem, calc(100vh - 4rem));
+  overflow-y: auto;
+}
+
+.specwiki-search-group + .specwiki-search-group {
+  border-top: 1px solid var(--border-color-divider);
+}
+
+.specwiki-search-group-heading {
+  margin: 0;
+  padding: 0.4rem 0.625rem;
+  color: var(--color-base--subtle);
+  background-color: var(--background-color-interactive-subtle);
+  font-size: 0.75rem;
+  font-weight: var(--font-weight-bold);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.specwiki-search-results-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.specwiki-search-results-list li {
+  border-bottom: 1px solid var(--border-color-divider);
+}
+
+.specwiki-search-results-list li:last-child {
+  border-bottom: none;
+}
+
+.specwiki-search-option {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 0.2rem 0.5rem;
+  padding: 0.5rem 0.625rem;
+  color: var(--color-primary);
+  text-decoration: none;
+}
+
+.specwiki-search-option:hover,
+.specwiki-search-option[aria-selected="true"] {
+  background-color: var(--background-color-interactive-subtle);
+  outline: 2px solid var(--color-primary);
+  outline-offset: -2px;
+}
+
+.specwiki-search-title {
+  min-width: 0;
+  overflow: hidden;
+  font-weight: var(--font-weight-bold);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.specwiki-search-category {
+  align-self: start;
+  max-width: 9rem;
+  padding: 0.1rem 0.35rem;
+  overflow: hidden;
+  border-radius: var(--border-radius-base, 2px);
+  color: var(--color-base);
+  background-color: var(--specwiki-search-badge-background);
+  font-size: 0.6875rem;
+  font-weight: var(--font-weight-normal);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.specwiki-search-snippet {
+  display: block;
+  grid-column: 1 / -1;
+  min-width: 0;
+  overflow: hidden;
+  color: var(--color-base--subtle);
+  font-size: 0.8125rem;
+  font-weight: normal;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.specwiki-search-match {
+  color: inherit;
+  background-color: var(--specwiki-search-match-background);
+}
+
+.specwiki-search-empty {
+  margin: 0;
+  padding: 0.75rem;
+  color: var(--color-base--subtle);
+}
+
+.specwiki-search-empty[hidden] {
+  display: none;
+}
+
+.specwiki-all-pages {
+  margin-top: calc(var(--padding-horizontal-base) * 2);
+  padding-top: var(--padding-horizontal-base);
+  border-top: 1px solid var(--border-color-divider);
+}
+
+.specwiki-logo {
+  color: var(--color-base);
+  text-decoration: none;
+  font-weight: var(--font-weight-bold);
+  font-size: 1rem;
+  font-family: var(--font-family-monospace);
+  letter-spacing: -0.02em;
+}
+
+.specwiki-logo:hover {
+  color: var(--color-base--hover);
+}
+
+.specwiki-logo-bracket {
+  color: var(--color-primary);
+}
+
+.specwiki-theme-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.625rem;
+  border: 1px solid var(--border-color-base);
+  border-radius: var(--border-radius-base, 2px);
+  color: var(--color-base);
+  background-color: var(--background-color-base);
+  font: inherit;
+  cursor: pointer;
+}
+
+.specwiki-theme-toggle:hover {
+  color: var(--color-base--hover);
+  background-color: var(--background-color-base--hover);
+}
+
+.specwiki-theme-toggle:focus-visible {
+  outline: 2px solid var(--color-primary);
+  outline-offset: 2px;
+}
+
+.specwiki-theme-toggle[hidden] {
+  display: none;
+}
+
+.specwiki-nav-toggle,
+.specwiki-nav-close,
+.specwiki-nav-backdrop {
+  display: none;
+}
+
+.specwiki-nav-toggle,
+.specwiki-nav-close {
+  align-items: center;
+  justify-content: center;
+  min-width: 2rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.5rem;
+  border: 1px solid var(--border-color-base);
+  border-radius: var(--border-radius-base, 2px);
+  color: var(--color-base);
+  background-color: var(--background-color-base);
+  font: inherit;
+  cursor: pointer;
+}
+
+.specwiki-nav-toggle:hover,
+.specwiki-nav-close:hover {
+  color: var(--color-base--hover);
+  background-color: var(--background-color-base--hover);
+}
+
+.specwiki-nav-toggle:focus-visible,
+.specwiki-nav-close:focus-visible {
+  outline: 2px solid var(--color-primary);
+  outline-offset: 2px;
+}
+
+.specwiki-nav-toggle[hidden],
+.specwiki-nav-close[hidden],
+.specwiki-nav-backdrop[hidden] {
+  display: none;
+}
+
+.specwiki-main {
+  max-width: none;
+  margin: 0;
+  padding: 0;
+}
+
+.specwiki-layout {
+  display: grid;
+  grid-template-columns: 12rem minmax(0, 1fr);
+  gap: 0;
+  min-height: calc(100vh - var(--size-tool));
+}
+
+.specwiki-layout-article {
+  grid-template-columns: 12rem minmax(0, 1fr) 11rem;
+}
+
+.specwiki-nav-drawer {
+  min-width: 0;
+}
+
+.category-nav {
+  height: 100%;
+  border-right: 1px solid var(--border-color-divider);
+  padding: var(--padding-horizontal-base);
+  background-color: var(--background-color-interactive-subtle);
+  overflow-y: auto;
+}
+
+.category-nav-group {
+  margin-bottom: var(--padding-horizontal-base);
+}
+
+.category-nav-group.category-nav-active .category-nav-heading {
+  font-weight: var(--font-weight-bold);
+  color: var(--color-base);
+}
+
+.category-nav-summary {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  cursor: pointer;
+  list-style: none;
+}
+
+.category-nav-group > summary::-webkit-details-marker {
+  display: none;
+}
+
+.category-nav-group > summary::marker {
+  content: "";
+}
+
+.category-nav-group > summary::before {
+  content: "›";
+  color: var(--color-base--subtle);
+  font-size: 1rem;
+  line-height: 1;
+  transform: rotate(0deg);
+  transition: transform 160ms ease-out;
+}
+
+.category-nav-group[open] > summary::before {
+  transform: rotate(90deg);
+}
+
+.category-nav-heading {
+  display: block;
+  color: var(--color-primary);
+  text-decoration: none;
+  font-size: 0.8125rem;
+  margin-bottom: 0.25rem;
+}
+
+.category-nav-summary .category-nav-heading {
+  flex: 1;
+  min-width: 0;
+  margin-bottom: 0;
+}
+
+.category-nav-heading:hover {
+  text-decoration: underline;
+}
+
+.category-nav-count {
+  flex: 0 0 auto;
+  padding: 0.0625rem 0.375rem;
+  border-radius: var(--border-radius-base, 2px);
+  color: var(--color-base--subtle);
+  background-color: var(--background-color-interactive-subtle);
+  font-size: 0.6875rem;
+  font-weight: var(--font-weight-normal);
+}
+
+.category-nav-pages {
+  list-style: none;
+  margin: 0;
+  padding: 0 0 0 0.5rem;
+}
+
+.category-nav-pages li {
+  margin: 0.125rem 0;
+}
+
+.category-nav-pages a {
+  color: var(--color-base);
+  text-decoration: none;
+  font-size: 0.75rem;
+}
+
+.category-nav-pages a:hover {
+  color: var(--color-primary);
+  text-decoration: underline;
+}
+
+.specwiki-center {
+  padding: var(--padding-horizontal-base);
+  min-width: 0;
+}
+
+.breadcrumb {
+  font-size: 0.8125rem;
+  color: var(--color-base--subtle);
+  margin-bottom: var(--padding-horizontal-base);
+}
+
+.breadcrumb a {
+  color: var(--color-primary);
+  text-decoration: none;
+}
+
+.breadcrumb a:hover {
+  text-decoration: underline;
+}
+
+.infobox {
+  float: right;
+  width: 16rem;
+  margin: 0 0 var(--padding-horizontal-base) var(--padding-horizontal-base);
+  border: 1px solid var(--border-color-base);
+  background-color: var(--background-color-interactive-subtle);
+  padding: var(--padding-vertical-base) var(--padding-horizontal-base);
+  font-size: 0.8125rem;
+}
+
+.infobox-title {
+  margin: 0 0 var(--padding-vertical-base);
+  font-size: 1rem;
+  line-height: var(--line-height-heading);
+  text-align: center;
+}
+
+.infobox-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.infobox-table th {
+  text-align: left;
+  vertical-align: top;
+  padding: 0.25rem 0.5rem 0.25rem 0;
+  font-weight: var(--font-weight-normal);
+  color: var(--color-base--subtle);
+  white-space: nowrap;
+}
+
+.infobox-table td {
+  vertical-align: top;
+  padding: 0.25rem 0;
+}
+
+.infobox-table code {
+  font-size: 0.75rem;
+  word-break: break-all;
+}
+
+.toc {
+  border-left: 1px solid var(--border-color-divider);
+  padding: var(--padding-horizontal-base);
+  background-color: var(--background-color-interactive-subtle);
+  overflow-y: auto;
+  position: sticky;
+  top: var(--specwiki-header-block-size);
+  align-self: start;
+  max-height: calc(100vh - var(--specwiki-header-block-size));
+}
+
+.toc-heading {
+  margin: 0 0 var(--padding-vertical-base);
+  font-size: 0.8125rem;
+  font-weight: var(--font-weight-bold);
+}
+
+.toc-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.toc-list li {
+  margin: 0.25rem 0;
+}
+
+.toc-list a {
+  color: var(--color-primary);
+  text-decoration: none;
+  font-size: 0.75rem;
+}
+
+.toc-list a:hover {
+  text-decoration: underline;
+}
+
+.toc-level-3 {
+  padding-left: 0.75rem;
+}
+
+.toc-level-4 {
+  padding-left: 1.5rem;
+}
+
+.toc-level-5 {
+  padding-left: 2.25rem;
+}
+
+.toc-level-6 {
+  padding-left: 3rem;
+}
+
+.specwiki-portal h1,
+.mw-parser-output h1,
+.mw-parser-output h2,
+.mw-parser-output h3 {
+  line-height: var(--line-height-heading);
+}
+
+.mw-parser-output h2,
+.mw-parser-output h3,
+.mw-parser-output h4,
+.mw-parser-output h5,
+.mw-parser-output h6 {
+  position: relative;
+}
+
+.specwiki-article-body .mw-parser-output h1,
+.specwiki-article-body .mw-parser-output h2,
+.specwiki-article-body .mw-parser-output h3,
+.specwiki-article-body .mw-parser-output h4,
+.specwiki-article-body .mw-parser-output h5,
+.specwiki-article-body .mw-parser-output h6,
+.specwiki-category-section,
+.specwiki-all-pages {
+  scroll-margin-top: calc(
+    var(--specwiki-header-block-size) + var(--padding-horizontal-base)
+  );
+}
+
+.mw-parser-output .heading-permalink {
+  opacity: 0;
+  margin-left: 0.35em;
+  color: var(--color-base--subtle);
+  text-decoration: none;
+  font-weight: var(--font-weight-normal);
+}
+
+.mw-parser-output h2:hover .heading-permalink,
+.mw-parser-output h3:hover .heading-permalink,
+.mw-parser-output h4:hover .heading-permalink,
+.mw-parser-output h5:hover .heading-permalink,
+.mw-parser-output h6:hover .heading-permalink {
+  opacity: 1;
+}
+
+.specwiki-portal-intro {
+  color: var(--color-base--subtle);
+}
+
+.specwiki-category-section {
+  margin-top: calc(var(--padding-horizontal-base) * 2);
+  padding-top: var(--padding-horizontal-base);
+  border-top: 1px solid var(--border-color-divider);
+}
+
+.specwiki-portal-pages {
+  list-style: disc;
+  padding-left: 1.5rem;
+}
+
+.specwiki-portal-pages a,
+.mw-parser-output a {
+  color: var(--color-primary);
+}
+
+.mw-parser-output table {
+  border-collapse: collapse;
+  margin: var(--padding-vertical-base) 0;
+  width: 100%;
+}
+
+.mw-parser-output th,
+.mw-parser-output td {
+  border: 1px solid var(--border-color-base);
+  padding: 0.35rem 0.5rem;
+  text-align: left;
+}
+
+.mw-parser-output th {
+  background-color: var(--background-color-interactive-subtle);
+}
+
+.mw-parser-output del {
+  color: var(--color-base--subtle);
+}
+
+.mw-parser-output ul.contains-task-list {
+  list-style: none;
+  padding-left: 0;
+}
+
+.mw-parser-output li.task-list-item {
+  list-style: none;
+}
+
+.mw-parser-output li.task-list-item input[type="checkbox"] {
+  margin-right: 0.35em;
+}
+
+.mw-parser-output blockquote {
+  border-left: 3px solid var(--border-color-base);
+  margin: 0;
+  padding: var(--padding-vertical-base) var(--padding-horizontal-base);
+  color: var(--color-base--subtle);
+}
+
+.mw-parser-output code {
+  background-color: var(--background-color-code);
+  padding: 0.15em 0.4em;
+  border-radius: var(--border-radius-base);
+  font-size: 0.9em;
+  font-family: var(--font-family-monospace);
+}
+
+.mw-parser-output pre {
+  background-color: var(--background-color-code);
+  padding: var(--padding-horizontal-base);
+  border-radius: var(--border-radius-base);
+  overflow-x: auto;
+}
+
+.mw-parser-output pre code {
+  background: none;
+  padding: 0;
+}
+
+.mw-parser-output pre code.hljs {
+  background: transparent;
+  padding: 0;
+}
+
+.mw-parser-output hr {
+  border: none;
+  border-top: 1px solid var(--border-color-divider);
+  margin: calc(var(--padding-horizontal-base) * 2) 0;
+}
+
+@media (max-width: 1199px) {
+  .infobox {
+    float: none;
+    width: auto;
+    margin: 0 0 var(--padding-horizontal-base);
+  }
+}
+
+@media (min-width: 1200px) {
+  .specwiki-article-body .mw-parser-output {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 70ch) minmax(0, 1fr);
+  }
+
+  .specwiki-article-body .mw-parser-output > * {
+    grid-column: 2;
+  }
+
+  .specwiki-article-body .mw-parser-output > table,
+  .specwiki-article-body .mw-parser-output > pre {
+    grid-column: 1 / -1;
+  }
+}
+
+@media (max-width: 719px) {
+  .specwiki-header {
+    padding: 0 0.5rem;
+  }
+
+  .specwiki-header-inner {
+    gap: 0.375rem;
+  }
+
+  .specwiki-logo {
+    flex: 0 0 auto;
+  }
+
+  .specwiki-search {
+    min-width: 0;
+    flex: 1 1 auto;
+    margin-left: 0;
+  }
+
+  .specwiki-search-results {
+    right: auto;
+    width: max-content;
+    min-width: 100%;
+    max-width: calc(100vw - 1rem);
+  }
+
+  .specwiki-theme-toggle {
+    flex: 0 0 auto;
+    min-width: 2rem;
+    padding: 0.25rem 0.5rem;
+  }
+
+  .specwiki-theme-toggle span:last-child,
+  .specwiki-nav-toggle-label {
+    display: none;
+  }
+
+  .specwiki-layout,
+  .specwiki-layout-article {
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-areas:
+      "center"
+      "toc"
+      "nav";
+    min-height: 0;
+  }
+
+  .specwiki-center {
+    grid-area: center;
+    min-width: 0;
+    padding: 0.75rem;
+  }
+
+  .specwiki-nav-drawer {
+    grid-area: nav;
+    min-width: 0;
+  }
+
+  .category-nav {
+    height: auto;
+    border-top: 1px solid var(--border-color-divider);
+    border-right: 0;
+  }
+
+  .toc {
+    grid-area: toc;
+    position: static;
+    max-height: none;
+    border-top: 1px solid var(--border-color-divider);
+    border-left: 0;
+  }
+
+  .mw-parser-output {
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  .mw-parser-output table {
+    display: block;
+    max-width: 100%;
+    overflow-x: auto;
+  }
+
+  .mw-parser-output pre {
+    max-width: 100%;
+    overflow-x: auto;
+  }
+
+  .specwiki-nav-enhanced .specwiki-nav-toggle {
+    display: inline-flex;
+    flex: 0 0 auto;
+  }
+
+  .specwiki-nav-enhanced .specwiki-nav-drawer {
+    position: fixed;
+    inset: 0 auto 0 0;
+    z-index: 30;
+    width: min(18rem, calc(100vw - 3rem));
+    overflow-y: auto;
+    background-color: var(--background-color-interactive-subtle);
+    box-shadow: 2px 0 8px var(--specwiki-shadow-color);
+    transform: translateX(-100%);
+    transition: transform 160ms ease-out;
+  }
+
+  .specwiki-nav-enhanced .specwiki-nav-close {
+    display: inline-flex;
+    margin: 0.5rem 0.5rem 0 auto;
+  }
+
+  .specwiki-nav-enhanced .category-nav {
+    border-top: 0;
+  }
+
+  .specwiki-nav-open .specwiki-nav-drawer {
+    transform: translateX(0);
+  }
+
+  html.specwiki-nav-open,
+  .specwiki-nav-open body.specwiki {
+    overflow: hidden;
+  }
+
+  .specwiki-nav-open .specwiki-nav-backdrop {
+    position: fixed;
+    inset: 0;
+    z-index: 20;
+    display: block;
+    background-color: var(--specwiki-shadow-color);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .specwiki-nav-drawer,
+  .category-nav-group > summary::before {
+    transition: none;
+  }
+}