[hidden] { display: none !important; }
body { color-scheme: light; }
body.dark { color-scheme: dark; }
::selection { background: var(--primary); color: var(--theme); }
:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; }
#theme-toggle:focus-visible,
.toc summary:focus-visible,
#searchResults a:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; }
.home-info .entry-content { color: var(--primary); }
.nav { position: relative; align-items: center; }
#menu-toggle { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; color: var(--primary); border-radius: var(--radius); }
#menu-toggle .menu-close-icon { display: none; }
#menu-toggle[aria-expanded="true"] .menu-open-icon { display: none; }
#menu-toggle[aria-expanded="true"] .menu-close-icon { display: block; }
@media (max-width: 768px) {
  .nav.menu-ready { min-height: var(--header-height); margin-inline: var(--gap); flex-wrap: nowrap; }
  .menu-ready .logo { margin: 0; min-width: 0; flex-wrap: nowrap; }
  #menu-toggle { display: inline-flex; margin-inline-start: auto; }
  .menu-ready #menu { display: none; position: absolute; top: 100%; inset-inline: 0; z-index: 1000; margin: 0; padding: 8px; background: var(--theme); border: 1px solid var(--border); border-radius: var(--radius); line-height: 1.5; white-space: normal; overflow: visible; }
  .menu-ready #menu.is-open { display: flex; flex-direction: column; }
  .menu-ready #menu li + li { margin-inline-start: 0; }
  .menu-ready #menu a { display: flex; align-items: center; gap: 4px; min-height: 44px; padding: 8px 12px; word-break: normal; overflow-wrap: anywhere; border-radius: var(--radius); }
  .menu-ready #menu a:hover { background: var(--code-bg); color: var(--primary); }
}
.skip-link { position: absolute; top: -80px; left: 24px; z-index: 10000; background: var(--theme); padding: 10px 16px; }
.skip-link:focus { top: 10px; }
.entry-link:focus-visible { outline-offset: -3px; border-radius: var(--radius); }
.page-header h1 > a > svg { display: inline-block; width: 23px; height: 23px; }
.search-status:empty { display: none; }
.search-status { margin: 20px 0; color: var(--secondary); font-size: 16px; }
#searchResults li { position: relative; }
#searchResults li > a { position: absolute; inset: 0; }
.post-content { overflow-wrap: anywhere; }
.post-content .anchor { display: none; }
.post-content pre { overflow-x: auto; }
.post-content table { max-width: 100%; }
.post-content img { height: auto; }
.post-content pre { position: relative; }
/* Shiki's loading placeholder no longer applies after restoring its light DOM. */
.post-content pre[data-gbyai-code] { filter: none !important; padding: 0 !important; }
.post-content .copy-code { cursor: pointer; }
.post-content pre .copy-code { display: block; opacity: 0; pointer-events: none; }
.post-content pre:hover .copy-code,
.post-content pre:focus-within .copy-code { opacity: 1; pointer-events: auto; }
.archive-count { white-space: pre; }
.empty-state { color: var(--secondary); padding: 24px 0; }
.top-link { visibility: hidden; opacity: 0; }
.top-link.is-visible { visibility: visible; opacity: 1; }
#tagscloud a { cursor: default; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}