:root {
  color-scheme: light;
  --color-bg: #f5f5f7;
  --color-text: #1d1d1f;
  --color-muted: #6e6e73;
  --color-border: rgba(0,0,0,0.08);
  --color-accent: #06c;
  --color-accent-soft: rgba(0,102,204,0.08);
  --color-accent-border: rgba(0,102,204,0.08);
  --color-card: rgba(255,255,255,0.65);
  --color-chrome: rgba(255,255,255,0.72);
  --color-hover-border: rgba(0,102,204,0.25);
  --color-scrollbar-thumb: rgba(0,0,0,0.18);
  --color-code-bg: rgba(0,0,0,0.04);
  --color-code-inline: rgba(0,0,0,0.05);
  --color-code-gutter: rgba(0,0,0,0.2);
  --color-code-copy-bg: rgba(255,255,255,0.72);
  --color-code-copy-hover-bg: rgba(255,255,255,0.95);
  --color-table-head: rgba(0,0,0,0.02);
  --color-success: #22863a;
  --color-alert-note: #0969da;
  --color-alert-tip: #1a7f37;
  --color-alert-important: #8250df;
  --color-alert-warning: #9a6700;
  --color-alert-caution: #cf222e;
  --shadow-card-hover: 0 2px 12px rgba(0,0,0,0.06);
  --syntax-keyword: #d73a49;
  --syntax-string: #032f62;
  --syntax-number: #005cc5;
  --syntax-comment: #6a737d;
  --syntax-title: #6f42c1;
  --syntax-built-in: #e36209;
  --syntax-selector: #22863a;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
html[data-theme='dark'] {
  color-scheme: dark;
  --color-bg: #0f1115;
  --color-text: #f4f4f5;
  --color-muted: #a1a1aa;
  --color-border: rgba(255,255,255,0.12);
  --color-accent: #66b2ff;
  --color-accent-soft: rgba(102,178,255,0.18);
  --color-accent-border: rgba(102,178,255,0.18);
  --color-card: rgba(24,27,34,0.72);
  --color-chrome: rgba(24,27,34,0.76);
  --color-hover-border: rgba(102,178,255,0.34);
  --color-scrollbar-thumb: rgba(255,255,255,0.22);
  --color-code-bg: rgba(255,255,255,0.06);
  --color-code-inline: rgba(255,255,255,0.08);
  --color-code-gutter: rgba(255,255,255,0.28);
  --color-code-copy-bg: rgba(24,27,34,0.82);
  --color-code-copy-hover-bg: rgba(34,39,49,0.96);
  --color-table-head: rgba(255,255,255,0.05);
  --color-success: #6ee7a8;
  --color-alert-note: #2f81f7;
  --color-alert-tip: #3fb950;
  --color-alert-important: #a371f7;
  --color-alert-warning: #d29922;
  --color-alert-caution: #f85149;
  --shadow-card-hover: 0 2px 16px rgba(0,0,0,0.28);
  --syntax-keyword: #ff7b9c;
  --syntax-string: #9ecbff;
  --syntax-number: #79c0ff;
  --syntax-comment: #8b949e;
  --syntax-title: #d2a8ff;
  --syntax-built-in: #ffa657;
  --syntax-selector: #7ee787;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  touch-action: manipulation;
  -webkit-tap-highlight-color: var(--color-accent-soft);
}
html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}
body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
html.theme-ready body,
html.theme-ready .site-title,
html.theme-ready .site-nav,
html.theme-ready .site-actions,
html.theme-ready .site-actions-capsule,
html.theme-ready .site-actions-toggle,
html.theme-ready .site-actions-divider,
html.theme-ready .site-languages,
html.theme-ready .theme-switcher,
html.theme-ready .theme-switcher-button,
html.theme-ready .post-card,
html.theme-ready .post-article,
html.theme-ready .page,
html.theme-ready .archive,
html.theme-ready .author-info,
html.theme-ready .post-context-link,
html.theme-ready .post-taxonomy-chip,
html.theme-ready .taxonomy-tree-row,
html.theme-ready .post-content figure.highlight,
html.theme-ready .page-content figure.highlight,
html.theme-ready .post-content :not(pre) > code,
html.theme-ready .page-content :not(pre) > code,
html.theme-ready .post-content table,
html.theme-ready .page-content table {
  transition: background-color 0.22s ease, background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, color 0.22s ease;
}
a {
  color: var(--color-accent);
  text-decoration: none;
  transition: opacity 0.15s;
}
a:hover {
  opacity: 0.75;
}
a:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
  border-radius: 4px;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.skip-link {
  position: fixed;
  z-index: 1000;
  top: 12px;
  left: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  background: var(--color-chrome);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  box-shadow: var(--shadow-card-hover);
  transform: translateY(calc(-100% - 24px));
  opacity: 0;
  pointer-events: none;
  transition: transform 0.15s ease, opacity 0.15s ease;
}
.skip-link:focus-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.theme-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  vertical-align: -0.14em;
}
.site-header {
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  width: calc(100% - 48px);
  max-width: 1100px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  row-gap: 8px;
  pointer-events: none;
}
.site-title {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 18px;
  border-radius: 999px;
  background: var(--color-chrome);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  font-size: 15px;
  font-weight: 600;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: auto;
}
.site-title:hover {
  opacity: 0.75;
}
.site-nav {
  position: relative;
  grid-column: 2;
  justify-self: center;
  display: flex;
  width: max-content;
  min-height: 44px;
  padding: 4px;
  border-radius: 999px;
  background: var(--color-chrome);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid var(--color-border);
  font-size: 14px;
  overflow: hidden;
  pointer-events: auto;
}
.site-nav::before {
  content: none;
}
.site-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  min-width: 88px;
  padding: 0 14px;
  border-radius: 999px;
  color: var(--color-muted);
  font-weight: 500;
  line-height: 1;
  transition: background 0.15s, box-shadow 0.15s, color 0.15s;
}
.site-nav .theme-icon {
  width: 15px;
  height: 15px;
}
.site-nav a:hover {
  color: var(--color-text);
  opacity: 1;
}
.site-nav a.is-active {
  color: var(--color-accent);
  background: var(--color-accent-soft);
  box-shadow: inset 0 0 0 1px var(--color-accent-border);
}
.site-actions {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  position: relative;
  pointer-events: none;
}
.site-actions-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: var(--color-chrome);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  color: var(--color-muted);
  cursor: pointer;
  font-family: var(--font-sans);
  line-height: 1;
  padding: 0;
  pointer-events: auto;
  transition: background-color 0.22s ease, box-shadow 0.22s ease, color 0.22s ease;
}
.site-actions-toggle .theme-icon {
  width: 18px;
  height: 18px;
}
.site-actions-toggle:hover {
  color: var(--color-text);
}
.site-actions-toggle:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}
.site-header--menu-open .site-actions-toggle {
  color: var(--color-accent);
  background: var(--color-accent-soft);
  box-shadow: inset 0 0 0 1px var(--color-accent-border);
}
.site-actions-capsule {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  padding: 4px;
  border-radius: 999px;
  background: var(--color-chrome);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid var(--color-border);
  pointer-events: auto;
  transition: background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}
.site-header--actions-collapsed .site-actions-toggle {
  display: inline-flex;
}
.site-header--actions-collapsed .site-actions-capsule {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  max-width: calc(100vw - 24px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}
.site-header--actions-collapsed.site-header--menu-open .site-actions-capsule {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.site-header--nav-icons .site-nav a {
  min-width: 42px;
  padding: 0 9px;
}
.site-header--nav-icons .site-nav a span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.site-header--compressed {
  column-gap: 8px;
}
.site-header--compressed .site-title {
  min-height: 40px;
  padding: 7px 12px;
  font-size: 14px;
}
.site-header--compressed .site-nav {
  min-height: 40px;
  padding: 3px;
  font-size: 13px;
}
.site-header--compressed .site-nav a {
  min-height: 32px;
  min-width: 72px;
  gap: 4px;
  padding: 0 10px;
}
.site-header--compressed .site-nav .theme-icon {
  width: 14px;
  height: 14px;
}
.site-header--compressed .site-actions-capsule {
  min-height: 40px;
  gap: 2px;
  padding: 3px;
}
.site-header--compressed .site-actions-toggle {
  width: 40px;
  height: 40px;
}
.site-header--compressed .theme-switcher-button {
  width: 32px;
  height: 32px;
}
.site-header--compressed .site-actions-divider {
  margin: 0 1px;
}
.site-header--compressed .site-languages a {
  min-width: 32px;
  min-height: 32px;
  padding: 0 8px;
}
.site-header--stacked {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}
.site-header--stacked .site-title {
  grid-column: 1/-1;
  grid-row: 1;
  justify-self: center;
  max-width: calc(100% - 56px);
}
.site-header--stacked .site-actions {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
}
.site-header--stacked .site-nav {
  grid-column: 1/-1;
  grid-row: 2;
  justify-self: center;
}
.site-header--stacked .site-actions-capsule {
  flex-direction: column;
  align-items: stretch;
  border-radius: 22px;
}
.site-header--stacked .theme-switcher,
.site-header--stacked .site-languages {
  justify-content: center;
}
.site-header--stacked .site-actions-divider {
  width: auto;
  height: 1px;
  margin: 2px 4px;
}
.theme-switcher {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.theme-switcher-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--color-muted);
  cursor: pointer;
  font-family: var(--font-sans);
  line-height: 1;
  padding: 0;
}
.theme-switcher-button .theme-icon {
  width: 16px;
  height: 16px;
}
.theme-switcher-button:hover {
  color: var(--color-text);
}
.theme-switcher-button:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}
.theme-switcher-button.is-active,
html[data-theme-mode='light'] .theme-switcher-button[data-theme-mode='light'],
html[data-theme-mode='dark'] .theme-switcher-button[data-theme-mode='dark'],
html[data-theme-mode='system'] .theme-switcher-button[data-theme-mode='system'] {
  color: var(--color-accent);
  background: var(--color-accent-soft);
  box-shadow: inset 0 0 0 1px var(--color-accent-border);
}
.site-actions-divider {
  display: block;
  width: 1px;
  height: 16px;
  margin: 0 2px;
  border-radius: 999px;
  background: var(--color-border);
  flex: 0 0 auto;
}
.site-languages {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.site-languages a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  color: var(--color-muted);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
.site-languages a:hover {
  color: var(--color-text);
  opacity: 1;
}
.site-languages a.is-fallback {
  color: var(--color-accent);
  opacity: 0.68;
  text-decoration: underline dotted;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.site-languages a.is-fallback:hover,
.site-languages a.is-fallback:focus-visible {
  color: var(--color-text);
  background: var(--color-accent-soft);
  opacity: 1;
  text-decoration: none;
}
.site-languages a.is-active {
  color: var(--color-accent);
  background: var(--color-accent-soft);
}
.site-main {
  padding-top: 80px;
}
#main-content:focus {
  outline: none;
}
.container {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 24px;
}
.container--wide {
  max-width: 980px;
}
.container--post {
  max-width: 1100px;
}
.post-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 40px 0;
}
.post-card {
  background: var(--color-card);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 24px;
  transition: box-shadow 0.2s;
}
.post-card:hover {
  box-shadow: var(--shadow-card-hover);
}
.post-card--with-cover {
  display: flex;
  align-items: stretch;
  gap: 0;
  height: 240px;
  overflow: hidden;
  padding: 0;
}
.post-card-body {
  flex: 1;
  min-width: 0;
}
.post-card--with-cover .post-card-body {
  display: flex;
  flex-direction: column;
  padding: 24px;
  overflow: hidden;
}
.post-card-cover {
  flex-shrink: 0;
  width: 320px;
  height: 240px;
  overflow: hidden;
}
.post-card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.post-card-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 6px;
}
.post-card-title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--color-text);
}
.post-card-title a:hover {
  color: var(--color-accent);
  opacity: 1;
}
.post-meta {
  display: block;
  color: var(--color-muted);
  font-size: 13px;
  margin-bottom: 8px;
}
.post-meta-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 12px 0 0;
  color: var(--color-muted);
  font-size: 13px;
}
.post-meta-list--compact {
  margin-top: 8px;
}
.post-meta-item {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  min-width: 0;
}
.post-meta-item dt {
  color: var(--color-muted);
  font-weight: 500;
}
.post-meta-item dd {
  color: var(--color-text);
  margin: 0;
}
.post-meta-item dd time {
  color: inherit;
}
.post-taxonomies {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px 16px;
  margin-top: 14px;
}
.post-taxonomies--compact {
  gap: 6px 14px;
  margin-top: 10px;
}
.post-taxonomy-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: max-content;
  max-width: 100%;
  min-width: 0;
}
.post-taxonomy-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  min-height: 24px;
  color: var(--color-muted);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
.post-taxonomy-label .theme-icon {
  width: 14px;
  height: 14px;
}
.post-taxonomy-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.post-taxonomy-time {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  color: var(--color-text);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.post-taxonomy-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 7px;
  border: 0;
  color: var(--color-text);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.post-taxonomy-chip:hover {
  color: var(--color-accent);
  opacity: 1;
}
.post-taxonomy-chip:active {
  transform: scale(0.98);
}
.post-taxonomy-chip--category {
  margin: 0 -6px;
  padding: 0 6px;
  border-radius: 5px;
  background: transparent;
  font-size: 13px;
}
.post-taxonomy-chip--category:hover {
  background: var(--color-accent-soft);
}
.post-taxonomy-chip--tag {
  min-height: 24px;
  padding: 0 7px;
  border-radius: 3px;
  background: var(--color-accent-soft);
  color: var(--color-accent);
}
.post-taxonomy-chip--tag:hover {
  background: var(--color-hover-border);
}
.post-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  color: var(--color-muted);
  font-size: 14px;
  line-height: 1.5;
}
.post-excerpt p {
  margin: 0;
}
.post-card--with-cover .post-excerpt {
  flex: 1 1 auto;
  min-height: 0;
  -webkit-line-clamp: 3;
}
.post-excerpt + .post-taxonomies {
  margin-top: 12px;
}
.post-card--with-cover .post-taxonomies {
  flex: 0 0 auto;
  margin-top: auto;
  padding-top: 12px;
}
.post-layout {
  display: flex;
  gap: 40px;
  padding: 40px 0;
  align-items: flex-start;
}
.post-article {
  flex: 1;
  min-width: 0;
  max-width: 720px;
  background: var(--color-card);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 32px;
}
.post-hero-cover {
  aspect-ratio: 16/9;
  margin: -32px -32px 28px;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid var(--color-border);
}
.post-hero-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-header {
  margin-bottom: 24px;
}
.post-breadcrumb {
  margin-bottom: 14px;
  color: var(--color-muted);
  font-size: 13px;
}
.post-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  list-style: none;
}
.post-breadcrumb li {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}
.post-breadcrumb li:not(:last-child)::after {
  content: '/';
  margin-left: 6px;
  color: var(--color-muted);
}
.post-breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--color-muted);
}
.post-breadcrumb a:hover {
  color: var(--color-accent);
  opacity: 1;
}
.post-breadcrumb [aria-current='page'] {
  max-width: 100%;
  overflow: hidden;
  color: var(--color-text);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-header h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
}
.post-context {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--color-border);
}
.post-context-link {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  color: var(--color-text);
}
.post-context-link:hover {
  border-color: var(--color-hover-border);
  opacity: 1;
}
.post-context-link span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-muted);
  font-size: 12px;
  font-weight: 600;
}
.post-context-link strong {
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-context-link--next {
  text-align: right;
}
.post-context-link--next span {
  justify-content: flex-end;
}
.about-sidebar-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.about-author-mobile {
  display: none;
}
.author-info {
  padding: 16px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: var(--color-card);
}
.author-avatar {
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 14px;
}
.author-details {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.author-name {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text);
}
.author-bio,
.author-location {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--color-muted);
}
.author-contacts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.author-contacts a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  color: var(--color-text);
  font-size: 13px;
  font-weight: 500;
}
.author-contacts .theme-icon {
  width: 14px;
  height: 14px;
}
.author-contacts a:hover {
  border-color: var(--color-hover-border);
  color: var(--color-accent);
  opacity: 1;
}
.about-toc {
  min-width: 0;
}
.post-toc-wrapper {
  width: 220px;
  flex-shrink: 0;
  position: sticky;
  top: 80px;
}
.post-toc-inner {
  position: relative;
  max-height: calc(100dvh - 80px - 40px);
  padding: 16px 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--color-scrollbar-thumb) transparent;
}
.post-toc-inner::-webkit-scrollbar {
  width: 6px;
}
.post-toc-inner::-webkit-scrollbar-track {
  background: transparent;
}
.post-toc-inner::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--color-scrollbar-thumb);
}
.toc-title {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-muted);
  margin-bottom: 12px;
}
.toc {
  position: relative;
  list-style: none;
  padding-left: 0;
}
.toc ol {
  list-style: none;
  padding-left: 0;
}
.toc li {
  position: relative;
  margin-bottom: 4px;
}
.toc a {
  position: relative;
  display: block;
  padding: 4px 0 4px 14px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--color-muted);
  transition: color 0.15s;
}
.toc a::before {
  content: '';
  position: absolute;
  top: 0.45em;
  bottom: 0.45em;
  left: 0;
  width: 2px;
  border-radius: 999px;
  background: transparent;
  transition: background 0.15s;
}
.toc a:focus-visible,
.toc a:hover {
  color: var(--color-text);
}
.toc a:focus-visible::before,
.toc a:hover::before {
  background: var(--color-scrollbar-thumb);
}
.toc a.is-active {
  color: var(--color-accent);
  font-weight: 500;
}
.toc a.is-active::before {
  background: var(--color-accent);
}
.toc .toc-child {
  position: relative;
  padding-left: 0;
}
.toc .toc-item.has-children > .toc-child::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0.65em;
  width: 1px;
  border-radius: 999px;
  background: var(--color-border);
  transform: translateX(-50%);
  transition: width 0.15s ease, background 0.15s ease;
}
.toc .toc-item.has-children:hover > .toc-child::before,
.toc .toc-item.has-children:focus-within > .toc-child::before,
.toc .toc-item.has-children.is-current > .toc-child::before {
  width: 2px;
}
.toc .toc-level-1 > .toc-link {
  padding-left: 14px;
}
.toc .toc-level-1 > .toc-link::before {
  left: 0;
}
.toc .toc-level-2 > .toc-link {
  padding-left: 32px;
}
.toc .toc-level-2 > .toc-link::before {
  left: 16px;
}
.toc .toc-level-3 > .toc-link {
  padding-left: 48px;
}
.toc .toc-level-3 > .toc-link::before {
  left: 32px;
}
.toc .toc-level-4 > .toc-link {
  padding-left: 64px;
}
.toc .toc-level-4 > .toc-link::before {
  left: 48px;
}
.toc .toc-level-1 > .toc-child::before {
  left: 17px;
}
.toc .toc-level-2 > .toc-child::before {
  left: 33px;
}
.toc .toc-level-3 > .toc-child::before {
  left: 49px;
}
.toc .toc-level-4 > .toc-child::before {
  left: 65px;
}
.toc.toc-is-collapsible .toc-child {
  display: none;
}
.toc.toc-is-collapsible .toc-item.is-current > .toc-child,
.toc.toc-is-collapsible .toc-item.is-hovered > .toc-child,
.toc.toc-is-collapsible .toc-item:hover > .toc-child,
.toc.toc-is-collapsible .toc-item:focus-within > .toc-child {
  display: block;
}
.post-content h1[id],
.page-content h1[id],
.post-content h2[id],
.page-content h2[id],
.post-content h3[id],
.page-content h3[id],
.post-content h4[id],
.page-content h4[id],
.post-content h5[id],
.page-content h5[id],
.post-content h6[id],
.page-content h6[id] {
  scroll-margin-top: 112px;
}
.post-content h2,
.page-content h2 {
  font-size: 22px;
  font-weight: 600;
  margin-top: 2em;
  margin-bottom: 0.75em;
  line-height: 1.3;
}
.post-content h3,
.page-content h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.3;
}
.post-content p,
.page-content p {
  margin-bottom: 1em;
}
.post-content ul,
.page-content ul,
.post-content ol,
.page-content ol {
  margin-bottom: 1em;
  padding-left: 1.5em;
}
.post-content li,
.page-content li {
  margin-bottom: 0.25em;
}
.post-content blockquote,
.page-content blockquote {
  margin: 1em 0;
  padding: 0.5em 1em;
  border-left: 3px solid var(--color-border);
  color: var(--color-muted);
  font-style: italic;
}
.post-content pre,
.page-content pre {
  font-family: "SF Mono", "Fira Code", Consolas, monospace;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}
.post-content figure.highlight,
.page-content figure.highlight {
  margin: 1em 0;
  border-radius: 8px;
  background: var(--color-code-bg);
  overflow: hidden;
}
.post-content figure.highlight .code-scroll,
.page-content figure.highlight .code-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.post-content figure.highlight table,
.page-content figure.highlight table {
  border-spacing: 0;
  width: 100%;
}
.post-content figure.highlight td,
.page-content figure.highlight td {
  border: none;
  padding: 0;
  vertical-align: top;
}
.post-content figure.highlight .gutter,
.page-content figure.highlight .gutter {
  width: 40px;
  padding: 16px 0 16px 16px;
  text-align: right;
  user-select: none;
}
.post-content figure.highlight .gutter pre,
.page-content figure.highlight .gutter pre {
  color: var(--color-code-gutter);
}
.post-content figure.highlight .code,
.page-content figure.highlight .code {
  padding: 16px 16px 16px 12px;
}
.post-content figure.highlight .code pre,
.page-content figure.highlight .code pre {
  overflow: visible;
}
.post-content .code-toolbar,
.page-content .code-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 12px;
  min-height: 44px;
  padding: 6px 8px 6px 12px;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-chrome);
  font-family: var(--font-sans);
}
.post-content .code-language,
.page-content .code-language {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--color-muted);
}
.post-content .code-toolbar-actions,
.page-content .code-toolbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}
.post-content .code-copy,
.page-content .code-copy {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid var(--color-border);
  background: var(--color-code-copy-bg);
  font-size: 11px;
  color: var(--color-muted);
  cursor: pointer;
  transition: color 0.15s, border-color 0.15s, background 0.15s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-sans);
  padding: 0;
  touch-action: manipulation;
}
.post-content .code-copy .theme-icon,
.page-content .code-copy .theme-icon {
  width: 16px;
  height: 16px;
}
.post-content .code-copy .theme-icon--check,
.page-content .code-copy .theme-icon--check {
  display: none;
}
.post-content .code-copy:hover,
.page-content .code-copy:hover {
  background: var(--color-code-copy-hover-bg);
  color: var(--color-text);
}
.post-content .code-copy:focus-visible,
.page-content .code-copy:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}
.post-content .code-copy.copied,
.page-content .code-copy.copied {
  color: var(--color-success);
  border-color: var(--color-success);
}
.post-content .code-copy.copied .theme-icon--copy,
.page-content .code-copy.copied .theme-icon--copy {
  display: none;
}
.post-content .code-copy.copied .theme-icon--check,
.page-content .code-copy.copied .theme-icon--check {
  display: inline-block;
}
.post-content code,
.page-content code {
  font-family: "SF Mono", "Fira Code", Consolas, monospace;
  font-size: 0.9em;
}
.post-content :not(pre) > code,
.page-content :not(pre) > code {
  padding: 2px 6px;
  border-radius: 4px;
  background: var(--color-code-inline);
}
.post-content figure.highlight,
.page-content figure.highlight {
  position: relative;
}
.post-content figure.highlight .keyword,
.page-content figure.highlight .keyword {
  color: var(--syntax-keyword);
}
.post-content figure.highlight .string,
.page-content figure.highlight .string {
  color: var(--syntax-string);
}
.post-content figure.highlight .number,
.page-content figure.highlight .number {
  color: var(--syntax-number);
}
.post-content figure.highlight .literal,
.page-content figure.highlight .literal {
  color: var(--syntax-number);
}
.post-content figure.highlight .comment,
.page-content figure.highlight .comment {
  color: var(--syntax-comment);
  font-style: italic;
}
.post-content figure.highlight .title,
.page-content figure.highlight .title {
  color: var(--syntax-title);
}
.post-content figure.highlight .function_,
.page-content figure.highlight .function_ {
  color: var(--syntax-title);
}
.post-content figure.highlight .built_in,
.page-content figure.highlight .built_in {
  color: var(--syntax-built-in);
}
.post-content figure.highlight .type,
.page-content figure.highlight .type {
  color: var(--syntax-built-in);
}
.post-content figure.highlight .variable,
.page-content figure.highlight .variable {
  color: var(--syntax-built-in);
}
.post-content figure.highlight .attr,
.page-content figure.highlight .attr {
  color: var(--syntax-number);
}
.post-content figure.highlight .selector-tag,
.page-content figure.highlight .selector-tag {
  color: var(--syntax-selector);
}
.post-content figure.highlight .params,
.page-content figure.highlight .params {
  color: inherit;
}
.post-content figure.highlight .regexp,
.page-content figure.highlight .regexp {
  color: var(--syntax-string);
}
.post-content figure.highlight .symbol,
.page-content figure.highlight .symbol {
  color: var(--syntax-number);
}
.post-content figure.highlight .meta,
.page-content figure.highlight .meta {
  color: var(--syntax-comment);
}
.post-content figure.highlight .tag,
.page-content figure.highlight .tag {
  color: var(--syntax-selector);
}
.post-content figure.highlight .name,
.page-content figure.highlight .name {
  color: var(--syntax-selector);
}
.post-content figure.highlight .attribute,
.page-content figure.highlight .attribute {
  color: var(--syntax-number);
}
.post-content figure.highlight .selector-class,
.page-content figure.highlight .selector-class {
  color: var(--syntax-title);
}
.post-content figure.highlight .selector-id,
.page-content figure.highlight .selector-id {
  color: var(--syntax-number);
}
.post-content figure.highlight .addition,
.page-content figure.highlight .addition {
  color: var(--color-success);
  background: rgba(34,134,58,0.1);
}
.post-content figure.highlight .deletion,
.page-content figure.highlight .deletion {
  color: #cb2431;
  background: rgba(207,34,46,0.1);
}
.post-content mark,
.page-content mark {
  background: var(--color-accent-soft);
  color: inherit;
  padding: 1px 4px;
  border-radius: 3px;
}
.post-content .math-block,
.page-content .math-block {
  margin: 1em 0;
  overflow-x: auto;
  text-align: center;
}
.post-content .markdown-alert,
.page-content .markdown-alert {
  margin: 1em 0;
  padding: 0.5em 1em;
  border-left: 0.25em solid;
  color: var(--color-text);
}
.post-content .markdown-alert > *:first-child,
.page-content .markdown-alert > *:first-child {
  margin-top: 0;
}
.post-content .markdown-alert > *:last-child,
.page-content .markdown-alert > *:last-child {
  margin-bottom: 0;
}
.post-content .markdown-alert-title,
.page-content .markdown-alert-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  margin-bottom: 0.5em;
}
.post-content .markdown-alert-title .markdown-alert-icon,
.page-content .markdown-alert-title .markdown-alert-icon {
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  color: currentColor;
}
.post-content .markdown-alert-note,
.page-content .markdown-alert-note {
  border-left-color: var(--color-alert-note);
}
.post-content .markdown-alert-note .markdown-alert-title,
.page-content .markdown-alert-note .markdown-alert-title {
  color: var(--color-alert-note);
}
.post-content .markdown-alert-tip,
.page-content .markdown-alert-tip {
  border-left-color: var(--color-alert-tip);
}
.post-content .markdown-alert-tip .markdown-alert-title,
.page-content .markdown-alert-tip .markdown-alert-title {
  color: var(--color-alert-tip);
}
.post-content .markdown-alert-important,
.page-content .markdown-alert-important {
  border-left-color: var(--color-alert-important);
}
.post-content .markdown-alert-important .markdown-alert-title,
.page-content .markdown-alert-important .markdown-alert-title {
  color: var(--color-alert-important);
}
.post-content .markdown-alert-warning,
.page-content .markdown-alert-warning {
  border-left-color: var(--color-alert-warning);
}
.post-content .markdown-alert-warning .markdown-alert-title,
.page-content .markdown-alert-warning .markdown-alert-title {
  color: var(--color-alert-warning);
}
.post-content .markdown-alert-caution,
.page-content .markdown-alert-caution {
  border-left-color: var(--color-alert-caution);
}
.post-content .markdown-alert-caution .markdown-alert-title,
.page-content .markdown-alert-caution .markdown-alert-title {
  color: var(--color-alert-caution);
}
.post-content .mermaid-wrapper,
.page-content .mermaid-wrapper {
  margin: 1em 0;
  border-radius: 8px;
  border: 1px solid var(--color-border);
  background: var(--color-code-bg);
  overflow: hidden;
}
.post-content .mermaid-toggle,
.page-content .mermaid-toggle {
  position: relative;
  display: flex;
  width: max-content;
  min-height: 34px;
  margin: 0;
  padding: 3px;
  border-radius: 999px;
  border: 1px solid var(--color-border);
  background: var(--color-chrome);
  overflow: hidden;
}
.post-content .mermaid-toggle::before,
.page-content .mermaid-toggle::before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 3px;
  left: 3px;
  width: calc((100% - 6px) / var(--item-count));
  height: calc(100% - 6px);
  border-radius: 999px;
  background: var(--color-accent);
  transform: translateX(calc(var(--active-index) * 100%));
  transition: transform 0.2s ease;
}
.post-content .mermaid-toggle-btn,
.page-content .mermaid-toggle-btn {
  position: relative;
  z-index: 1;
  min-height: 28px;
  min-width: 64px;
  padding: 0 12px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  font-size: 12px;
  color: var(--color-muted);
  cursor: pointer;
  transition: color 0.15s;
  font-family: var(--font-sans);
}
.post-content .mermaid-toggle-btn.active,
.page-content .mermaid-toggle-btn.active {
  color: #fff;
}
.post-content .mermaid-toggle-btn:focus-visible,
.page-content .mermaid-toggle-btn:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
  box-shadow: 0 0 0 2px var(--color-accent-soft);
}
.post-content .mermaid-chart,
.page-content .mermaid-chart,
.post-content .mermaid-source,
.page-content .mermaid-source {
  padding: 16px;
}
.post-content .mermaid-chart,
.page-content .mermaid-chart {
  text-align: center;
}
.post-content .mermaid-chart pre.mermaid,
.page-content .mermaid-chart pre.mermaid {
  margin: 0;
  font-size: 14px;
}
.post-content .mermaid-chart svg,
.page-content .mermaid-chart svg {
  max-width: 100%;
  height: auto;
}
.post-content .mermaid-source pre,
.page-content .mermaid-source pre {
  margin: 0;
}
.post-content .mermaid-source code,
.page-content .mermaid-source code {
  font-family: "SF Mono", "Fira Code", Consolas, monospace;
  font-size: 13px;
  white-space: pre;
  color: var(--color-text);
}
.post-content img,
.page-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 1em 0;
}
.post-content a,
.page-content a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.post-content table:not(.highlight *),
.page-content table:not(.highlight *) {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
  font-size: 14px;
}
.post-content th:not(.highlight *),
.page-content th:not(.highlight *),
.post-content td:not(.highlight *),
.page-content td:not(.highlight *) {
  padding: 8px 12px;
  border: 1px solid var(--color-border);
  text-align: left;
}
.post-content th:not(.highlight *),
.page-content th:not(.highlight *) {
  font-weight: 600;
  background: var(--color-table-head);
}
.post-content .headerlink,
.page-content .headerlink {
  visibility: hidden;
  font-size: 0;
}
.post-content h2:hover .headerlink,
.page-content h2:hover .headerlink,
.post-content h3:hover .headerlink,
.page-content h3:hover .headerlink {
  visibility: visible;
}
.page {
  background: var(--color-card);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 32px;
  margin: 40px 0;
}
.page-header {
  margin-bottom: 24px;
}
.page-header h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
}
.archive {
  background: var(--color-card);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 32px;
  margin: 40px auto;
}
.archive h1 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
.archive h1 .theme-icon {
  width: 22px;
  height: 22px;
  color: var(--color-accent);
}
.archive-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.taxonomy-tree {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
}
.taxonomy-tree .taxonomy-tree {
  position: relative;
  margin-top: 4px;
  margin-left: 18px;
  padding-left: 14px;
}
.taxonomy-tree .taxonomy-tree::before {
  content: '';
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  width: 1px;
  background: var(--color-border);
}
.taxonomy-tree-item {
  list-style: none;
}
.taxonomy-tree-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 32px;
  padding: 4px 8px;
  border-radius: 6px;
}
.taxonomy-tree-row:hover {
  background: var(--color-accent-soft);
}
.taxonomy-tree-link {
  min-width: 0;
  color: var(--color-text);
  font-weight: 500;
}
.taxonomy-tree-link:hover {
  color: var(--color-accent);
  opacity: 1;
}
.archive-item {
  display: flex;
  gap: 16px;
  align-items: baseline;
}
.archive-item a {
  color: var(--color-text);
  font-weight: 500;
}
.archive-item time {
  color: var(--color-muted);
  font-size: 13px;
  flex-shrink: 0;
}
.taxonomy-count,
.archive-empty {
  color: var(--color-muted);
  font-size: 13px;
  flex-shrink: 0;
}
.pagination {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
}
.pagination a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
}
.site-footer {
  padding: 40px 0;
  text-align: center;
  color: var(--color-muted);
  font-size: 13px;
}
.site-footer p {
  margin: 0;
}
.site-footer-credit {
  margin-bottom: 16px;
}
.site-footer-credit-names {
  color: var(--color-text);
  font-size: 14px;
  font-weight: 500;
}
.site-footer-credit-label {
  margin-top: 4px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.site-footer a {
  color: inherit;
  text-decoration: none;
}
.site-footer a:hover {
  color: var(--color-text);
}
@media (max-width: 768px) {
  .post-layout {
    flex-direction: column;
  }
  .post-toc-wrapper {
    display: none;
  }
  .about-author-mobile {
    display: block;
    width: 100%;
    order: -1;
  }
  .about-author-mobile .author-info {
    padding: 20px;
  }
  .post-article {
    max-width: 100%;
  }
  .post-card--with-cover {
    flex-direction: column;
    height: auto;
  }
  .post-card-cover {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
}
@media (max-width: 640px) {
  .site-header {
    width: calc(100% - 24px);
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 8px;
  }
  .site-title {
    grid-column: 1/-1;
    grid-row: 1;
    justify-self: center;
    min-height: 40px;
    max-width: calc(100% - 56px);
    padding: 7px 12px;
  }
  .site-actions {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }
  .site-actions-toggle {
    display: inline-flex;
    width: 40px;
    height: 40px;
  }
  .site-actions-capsule {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    flex-direction: column;
    align-items: stretch;
    min-height: 40px;
    gap: 2px;
    padding: 4px;
    border-radius: 22px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
  }
  .site-header--menu-open .site-actions-capsule {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
  .theme-switcher-button {
    width: 30px;
    height: 30px;
  }
  .theme-switcher,
  .site-languages {
    justify-content: center;
  }
  .site-nav {
    grid-column: 1/-1;
    grid-row: 2;
    justify-self: center;
    min-height: 40px;
  }
  .site-nav a {
    min-height: 30px;
    min-width: 34px;
    padding: 0 8px;
  }
  .site-nav a span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
  .site-nav .theme-icon {
    width: 16px;
    height: 16px;
  }
  .site-actions-divider {
    width: auto;
    height: 1px;
    margin: 2px 4px;
  }
  .site-languages a {
    min-width: 28px;
    min-height: 30px;
    padding: 0 7px;
    font-size: 12px;
  }
  .site-main {
    padding-top: 128px;
  }
  .post-content h1[id],
  .post-content h2[id],
  .post-content h3[id],
  .post-content h4[id],
  .post-content h5[id],
  .post-content h6[id] {
    scroll-margin-top: 156px;
  }
  .container {
    padding: 0 16px;
  }
  .container--wide {
    max-width: 100%;
  }
  .post-card {
    padding: 18px;
  }
  .post-card--with-cover {
    padding: 0;
  }
  .post-card--with-cover .post-card-body {
    padding: 18px;
  }
  .post-article {
    padding: 20px;
  }
  .post-hero-cover {
    margin: -20px -20px 24px;
  }
  .post-header h1 {
    font-size: 24px;
  }
  .post-meta-list {
    gap: 6px 10px;
  }
  .post-taxonomy-group {
    gap: 6px 8px;
  }
  .post-context {
    grid-template-columns: 1fr;
  }
  .post-context-link--next {
    text-align: left;
  }
  .post-context-link--next span {
    justify-content: flex-start;
  }
  .taxonomy-tree .taxonomy-tree {
    margin-left: 10px;
    padding-left: 12px;
  }
  .page {
    padding: 20px;
    margin: 24px 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  html.theme-ready body,
  html.theme-ready .site-title,
  html.theme-ready .site-nav,
  html.theme-ready .site-actions-capsule,
  html.theme-ready .site-actions-divider,
  html.theme-ready .site-languages,
  html.theme-ready .theme-switcher,
  html.theme-ready .theme-switcher-button,
  html.theme-ready .post-card,
  html.theme-ready .post-article,
  html.theme-ready .page,
  html.theme-ready .archive,
  html.theme-ready .author-info,
  html.theme-ready .skip-link,
  html.theme-ready .post-context-link,
  html.theme-ready .post-taxonomy-chip,
  html.theme-ready .taxonomy-tree-row,
  html.theme-ready .post-content figure.highlight,
  html.theme-ready .page-content figure.highlight,
  html.theme-ready .post-content :not(pre) > code,
  html.theme-ready .page-content :not(pre) > code,
  html.theme-ready .post-content table,
  html.theme-ready .page-content table {
    transition: none;
  }
  .site-nav::before,
  .mermaid-toggle::before {
    transition: none;
  }
}