jekyll-theme-zer0 1.24.0 → 1.26.0

data/_layouts/default.html

@@ -1,4 +1,5 @@
 ---
+# Features: ZER0-001, ZER0-008, ZER0-019
 layout: root
 ---
 <!--
@@ -45,53 +46,29 @@ layout: root
 -->
 
 {%- comment -%}
-  Resolve effective sidebar visibility. Precedence:
-    1. page.sidebar in front matter wins (true | false | hash)
-    2. Otherwise, post_type=featured|breaking → false (full-bleed reading)
-    3. Otherwise, default to true
-  This is the single source of truth so child layouts (article.html, note.html)
-  do not need to mutate page state.
+  Sidebar visibility + nav mode are resolved by the shared include below
+  (single source of truth, also used by core/header.html and the sidebar
+  includes). It sets:
+    sidebar_enabled     — false when the page opts out (`sidebar: false`,
+                          or featured/breaking post_type by default)
+    sidebar_has_content — true only when the resolved nav mode will render;
+                          `sidebar: true` without a resolvable nav still
+                          enables the right TOC but must not reserve an
+                          empty left column.
 {%- endcomment -%}
-{%- assign _effective_sidebar = page.sidebar -%}
-{%- if _effective_sidebar == nil -%}
-  {%- if page.post_type == "featured" or page.post_type == "breaking" -%}
-    {%- assign _effective_sidebar = false -%}
-  {%- else -%}
-    {%- assign _effective_sidebar = true -%}
-  {%- endif -%}
-{%- endif -%}
-
-{%- comment -%}
-  Left sidebar column is only useful when sidebar-left.html has nav to render
-  (matches header.html mobile toggle logic). `sidebar: true` without `nav`
-  still enables the right TOC but must not reserve an empty left column.
-{%- endcomment -%}
-{%- assign _sidebar_has_content = false -%}
-{%- if _effective_sidebar != false -%}
-  {%- assign _sidebar_nav = nil -%}
-  {%- if page.sidebar and page.sidebar.nav -%}
-    {%- assign _sidebar_nav = page.sidebar.nav -%}
-  {%- endif -%}
-  {%- if _sidebar_nav -%}
-    {%- if _sidebar_nav == "auto" or _sidebar_nav == "categories" -%}
-      {%- assign _sidebar_has_content = true -%}
-    {%- elsif site.data.navigation[_sidebar_nav] -%}
-      {%- assign _sidebar_has_content = true -%}
-    {%- endif -%}
-  {%- endif -%}
-{%- endif -%}
+{% include navigation/sidebar-config.html %}
 
 <!-- ================================================ -->
 <!-- MAIN LAYOUT CONTAINER                           -->
 <!-- Bootstrap responsive container with custom grid -->
 <!-- ================================================ -->
-<div class="container-xxl bd-gutter mt-3 my-md-4 bd-layout{% unless _sidebar_has_content %} bd-layout--no-sidebar{% endunless %}">
+<div class="container-xxl bd-gutter mt-3 my-md-4 bd-layout{% unless sidebar_has_content %} bd-layout--no-sidebar{% endunless %}">
 
     <!-- ================================ -->
     <!-- LEFT SIDEBAR - Navigation       -->
     <!-- ================================ -->
     <!-- Site navigation, content outline, and offcanvas menu for mobile -->
-    {% if _sidebar_has_content %}
+    {% if sidebar_has_content %}
     <aside class="bd-sidebar">
         {% include navigation/sidebar-left.html %}
     </aside>
@@ -130,7 +107,7 @@ layout: root
         <!-- RIGHT SIDEBAR - Table of Contents -->
         <!-- =============================== -->
         <!-- Page outline, shortcuts, and related links (hidden on mobile) -->
-        {% unless _effective_sidebar == false %}
+        {% unless sidebar_enabled == false %}
         <div class="bd-toc text-body-secondary">
             {% include navigation/sidebar-right.html %}
         </div>

data/_layouts/home.html

@@ -1,4 +1,5 @@
 ---
+# Feature: ZER0-019
 layout: root
 ---
 <!--

data/_layouts/index.html

@@ -1,4 +1,5 @@
 ---
+# Feature: ZER0-019
 layout: root
 ---
 <!--

data/_layouts/landing.html

@@ -1,4 +1,5 @@
 ---
+# Feature: ZER0-019
 layout: root
 ---
 <!--

data/_layouts/news.html

@@ -1,4 +1,5 @@
 ---
+# Features: ZER0-019, ZER0-062
 layout: root
 source: "https://getbootstrap.com/docs/5.3/examples/blog/#"
 ---

data/_layouts/note.html

@@ -1,4 +1,5 @@
 ---
+# Features: ZER0-019, ZER0-035, ZER0-058
 layout: default
 ---
 {% assign page_absolute_url = page.url | absolute_url %}

data/_layouts/notebook.html

@@ -1,4 +1,5 @@
 ---
+# Features: ZER0-012, ZER0-019, ZER0-035
 layout: default
 ---
 <!--

data/_layouts/root.html

@@ -1,4 +1,5 @@
 ---
+# Features: ZER0-001, ZER0-019, ZER0-031, ZER0-060
 ---
 <!--
   ===================================================================
@@ -20,7 +21,7 @@
   - head.html: Meta tags, stylesheets, and external resources
   - svg.html: Inline SVG symbols for icons
   - header.html: Main navigation and site branding
-  - info-section.html: Site-wide announcements or notices
+  - info-section.html: Settings offcanvas (Appearance / Site / Developer)
   - footer.html: Site footer with links and copyright
   - js-cdn.html: JavaScript dependencies and custom scripts
   
@@ -87,7 +88,7 @@
         <!-- Keyboard shortcuts help modal (triggered by `?`) — page-invariant. -->
         {% include_cached components/shortcuts-modal.html %}
 
-        <!-- Site-wide information banner or announcement section -->
+        <!-- Settings offcanvas (Appearance / Site / Developer tabs) -->
         {% include components/info-section.html %}
 
         <!-- Setup banner for unconfigured sites — page-invariant. -->
@@ -124,6 +125,9 @@
         <!-- AI Chat Assistant -->
         {%- include components/ai-chat.html -%}
 
+        <!-- Page-feedback capture widget ("Improve this page" → GitHub issue) -->
+        {%- include components/page-feedback.html -%}
+
         <!-- JavaScript dependencies and custom scripts -->
         <div>
             <!-- Search functionality -->

data/_layouts/search.html

@@ -1,4 +1,5 @@
 ---
+# Features: ZER0-019, ZER0-042
 # Bare layout that renders the client-side search index as pure JSON.
 # Used by /search.json (see search.json in the site root); downstream
 # sites get the endpoint automatically via the theme gem.

data/_layouts/section.html

@@ -1,4 +1,5 @@
 ---
+# Features: ZER0-019, ZER0-063
 layout: root
 ---
 <!--

data/_layouts/setup.html

@@ -1,4 +1,5 @@
 ---
+# Features: ZER0-019, ZER0-067
 layout: root
 ---
 <!--

data/_layouts/sitemap-collection.html

@@ -1,4 +1,5 @@
 ---
+# Features: ZER0-019, ZER0-042
 layout: root
 ---
 <!--

data/_layouts/stats.html

@@ -1,4 +1,5 @@
 ---
+# Features: ZER0-019, ZER0-043
 layout: root
 ---
 <!--

data/_layouts/tag.html

@@ -1,4 +1,5 @@
 ---
+# Feature: ZER0-019
 layout: default
 ---
 <!--

data/_layouts/welcome.html

@@ -1,4 +1,5 @@
 ---
+# Features: ZER0-019, ZER0-046
 layout: root
 ---
 <!--

data/_plugins/author_pages_generator.rb

@@ -1,3 +1,4 @@
+# Feature: ZER0-061
 # frozen_string_literal: true
 
 #

data/_plugins/obsidian_links.rb

@@ -1,3 +1,4 @@
+# Features: ZER0-044, ZER0-059
 # frozen_string_literal: true
 
 require 'digest'

data/_plugins/preview_image_generator.rb

@@ -1,3 +1,4 @@
+# Feature: ZER0-004
 # frozen_string_literal: true
 
 #

data/_plugins/search_and_sitemap_generator.rb

@@ -1,3 +1,4 @@
+# Feature: ZER0-042
 # frozen_string_literal: true
 
 #

data/_plugins/theme_version.rb

@@ -1,3 +1,4 @@
+# Feature: ZER0-021
 # frozen_string_literal: true
 
 #

data/_sass/components/_author.scss

@@ -46,9 +46,20 @@
   }
 }
 
-// Expertise chips
+// "About the Author" card: the text column sits in a flex row next to the
+// avatar. Flexbox's default `min-width: auto` propagates the widest nowrap
+// child (a long expertise badge) as the column's minimum, blowing the card —
+// and with it the whole page — past the viewport on small phones (≤340px).
+.author-card .card-body .flex-grow-1 {
+  min-width: 0;
+}
+
+// Expertise chips — allow the label to wrap instead of forcing the card wide
+// (Bootstrap badges are white-space: nowrap by default).
 .author-expertise .badge {
   font-weight: 500;
+  white-space: normal;
+  text-align: start;
 }
 
 // Shared tagline styling (full "About the Author" card + profile hero)

data/_sass/components/_footer.scss

@@ -127,6 +127,28 @@
     }
   }
 
+  // WCAG 2.5.8 target size: the dark block's text links render ~19px tall and
+  // the icon-only social links (below md) ~16px wide — under the 24px minimum.
+  // Block padding grows the tap target without changing the visual text size;
+  // icon links get an explicit minimum box. (`d-block` links — e.g. the
+  // truncated Latest Posts titles — keep their display but gain the padding.)
+  .footer-dark-block {
+    ul.list-unstyled li > a,
+    p > a {
+      display: inline-block;
+      padding-block: 0.25rem;
+    }
+
+    ul.list-inline li > a {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.25rem;
+      min-width: 1.75rem;
+      min-height: 1.75rem;
+    }
+  }
+
   .footer-post-link {
     max-width: 100%;
   }

data/_sass/components/_page-feedback.scss

@@ -0,0 +1,276 @@
+// ============================================================================
+// Page-feedback widget — global FAB + capture modal
+// ----------------------------------------------------------------------------
+// Markup:     _includes/components/page-feedback.html
+// Behaviour:  assets/js/page-feedback.js
+// Tokens:     shared FAB + layer scale (_sass/tokens/_spacing.scss, _layers.scss)
+// Theming:    leans on Bootstrap 5.3 CSS variables (--bs-body-bg / -color /
+//             -border-color) so it follows [data-bs-theme] light/dark for free.
+// ============================================================================
+
+// --- Global FAB (bottom-left, clear of the right-hand FAB stack) ------------
+.pf-fab {
+  position: fixed;
+  bottom: var(--zer0-space-fab-offset, 1rem);
+  left: var(--zer0-space-fab-offset, 1rem);
+  z-index: var(--zer0-layer-fab-feedback, 1051);
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--zer0-space-fab-size, 3.5rem);
+  height: var(--zer0-space-fab-size, 3.5rem);
+  padding: 0;
+  border: 0;
+  border-radius: 50%;
+  background-color: var(--zer0-color-primary, var(--bs-primary));
+  color: #fff;
+  font-size: 1.25rem;
+  opacity: .9;
+  box-shadow: var(--zer0-shadow-fab, 0 .5rem 1rem rgba(0, 0, 0, .25));
+  transition:
+    opacity var(--zer0-motion-duration-fast, 120ms) var(--zer0-motion-ease-standard, ease),
+    transform var(--zer0-motion-duration-fast, 120ms) var(--zer0-motion-ease-standard, ease);
+
+  &:hover,
+  &:focus-visible {
+    opacity: 1;
+    color: #fff;
+    transform: translateY(-2px);
+  }
+}
+
+// Lock background scroll while the dialog is open (set by page-feedback.js).
+.pf-no-scroll { overflow: hidden; }
+
+// --- Modal overlay ----------------------------------------------------------
+.pf-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: var(--zer0-layer-feedback-modal, 1096); // above the cookie banner (1095)
+  display: flex;
+  align-items: flex-end;                 // bottom sheet on phones
+  justify-content: center;
+  background: rgba(0, 0, 0, .5);
+  opacity: 0;
+  transition: opacity var(--zer0-motion-duration, 180ms) var(--zer0-motion-ease-standard, ease);
+
+  &[hidden] { display: none; }
+  &.pf-overlay--open { opacity: 1; }
+
+  @media (min-width: 576px) {
+    align-items: center;
+    padding: var(--zer0-space-3, 1rem);
+  }
+}
+
+.pf-dialog {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 40rem;
+  max-height: 92vh;
+  overflow: hidden;
+  color: var(--bs-body-color);
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color, rgba(0, 0, 0, .15));
+  border-radius: 1rem 1rem 0 0;
+  transform: translateY(20px);
+  transition: transform var(--zer0-motion-duration, 180ms) var(--zer0-motion-ease-standard, ease);
+
+  .pf-overlay--open & { transform: translateY(0); }
+
+  @media (min-width: 576px) { border-radius: 1rem; }
+}
+
+// --- Header -----------------------------------------------------------------
+.pf-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--zer0-space-2, .5rem);
+  padding: var(--zer0-space-3, 1rem) var(--zer0-space-3, 1rem) var(--zer0-space-2, .5rem);
+  border-bottom: 1px solid var(--bs-border-color, rgba(0, 0, 0, .1));
+}
+
+.pf-title { display: flex; align-items: center; }
+
+.pf-intro { font-size: .875rem; line-height: 1.4; }
+
+.pf-close {
+  flex-shrink: 0;
+  color: var(--bs-body-color);
+  background: transparent;
+  border: 0;
+  opacity: .6;
+  &:hover, &:focus-visible { opacity: 1; }
+}
+
+// --- Body (scrolls) ---------------------------------------------------------
+.pf-body {
+  flex: 1 1 auto;
+  overflow-y: auto;
+  padding: var(--zer0-space-3, 1rem);
+  display: flex;
+  flex-direction: column;
+  gap: var(--zer0-space-3, 1rem);
+}
+
+.pf-field { border: 0; padding: 0; margin: 0; min-width: 0; }
+
+.pf-legend,
+.pf-label {
+  display: block;
+  font-size: .8125rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: .02em;
+  color: var(--bs-secondary-color, var(--zer0-color-ink-muted, #6c757d));
+  margin-bottom: var(--zer0-space-2, .5rem);
+}
+
+.pf-help { font-size: .8125rem; margin: .35rem 0 0; }
+
+// --- Type selector ----------------------------------------------------------
+.pf-types-group {
+  font-size: .75rem;
+  font-weight: 600;
+  color: var(--bs-secondary-color, #6c757d);
+  margin: var(--zer0-space-2, .5rem) 0 .35rem;
+}
+
+.pf-types-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: .5rem;
+
+  @media (min-width: 480px) { grid-template-columns: 1fr 1fr; }
+}
+
+.pf-type {
+  display: flex;
+  align-items: flex-start;
+  gap: .625rem;
+  text-align: left;
+  padding: .625rem .75rem;
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color, rgba(0, 0, 0, .15));
+  border-radius: .625rem;
+  cursor: pointer;
+  transition: border-color 120ms ease, background-color 120ms ease;
+
+  &:hover { border-color: var(--zer0-color-primary, var(--bs-primary)); }
+
+  &:focus-visible {
+    outline: 2px solid var(--zer0-color-primary, var(--bs-primary));
+    outline-offset: 2px;
+  }
+
+  &.pf-type--active {
+    border-color: var(--zer0-color-primary, var(--bs-primary));
+    background: color-mix(in srgb, var(--bs-primary) 10%, transparent);
+    box-shadow: inset 0 0 0 1px var(--zer0-color-primary, var(--bs-primary));
+  }
+}
+
+.pf-type-icon { flex-shrink: 0; margin-top: .1rem; font-size: 1rem; color: var(--zer0-color-primary, var(--bs-primary)); }
+.pf-type-text { display: flex; flex-direction: column; gap: .1rem; min-width: 0; }
+.pf-type-label { font-weight: 600; font-size: .9rem; line-height: 1.2; }
+.pf-type-desc { font-size: .78rem; line-height: 1.3; color: var(--bs-secondary-color, #6c757d); }
+
+// --- Context / logs ---------------------------------------------------------
+.pf-summary { cursor: pointer; font-weight: 600; font-size: .875rem; }
+.pf-context-count { color: var(--bs-secondary-color, #6c757d); font-weight: 400; }
+
+.pf-context-list {
+  list-style: none;
+  margin: .5rem 0 0;
+  padding: 0;
+  font-size: .8125rem;
+
+  li { display: flex; gap: .5rem; padding: .15rem 0; }
+}
+.pf-context-key { flex: 0 0 4rem; color: var(--bs-secondary-color, #6c757d); }
+.pf-context-val { min-width: 0; word-break: break-word; }
+
+.pf-logs { margin-top: .75rem; }
+.pf-check { display: flex; align-items: center; gap: .4rem; font-size: .8125rem; font-weight: 500; }
+.pf-logs-preview {
+  max-height: 9rem;
+  overflow: auto;
+  margin: .5rem 0 0;
+  padding: .5rem .625rem;
+  font-size: .72rem;
+  line-height: 1.4;
+  white-space: pre-wrap;
+  word-break: break-word;
+  background: var(--bs-tertiary-bg, rgba(0, 0, 0, .04));
+  border: 1px solid var(--bs-border-color, rgba(0, 0, 0, .1));
+  border-radius: .5rem;
+}
+
+// --- AI enrichment ----------------------------------------------------------
+.pf-ai-head { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
+.pf-ai-hint { font-size: .8125rem; }
+.pf-ai-result { margin-top: .625rem; font-size: .875rem; }
+.pf-ai-card {
+  padding: .75rem .875rem;
+  background: var(--bs-tertiary-bg, rgba(0, 0, 0, .04));
+  border: 1px solid var(--bs-border-color, rgba(0, 0, 0, .1));
+  border-radius: .625rem;
+
+  p { margin: 0 0 .5rem; }
+  p:last-child { margin-bottom: 0; }
+}
+.pf-ai-badges .badge { margin-right: .25rem; }
+.pf-ai-questions { margin: .25rem 0 .5rem 1.1rem; padding: 0; }
+.pf-ai-labels code { font-size: .78rem; }
+.pf-ai-error { color: var(--bs-danger-text-emphasis, var(--bs-danger)); }
+.pf-ai-spinner,
+.pf-ai-note i { color: var(--zer0-color-primary, var(--bs-primary)); }
+.pf-ai-spinner {
+  display: inline-block;
+  width: .85rem;
+  height: .85rem;
+  border: 2px solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  vertical-align: -.1rem;
+  animation: pf-spin .7s linear infinite;
+}
+@keyframes pf-spin { to { transform: rotate(360deg); } }
+
+// --- Status line ------------------------------------------------------------
+.pf-status:empty { display: none; }
+.pf-status {
+  font-size: .8125rem;
+  margin: 0;
+  padding: .5rem .625rem;
+  border-radius: .5rem;
+
+  &.pf-status--ok    { background: var(--bs-success-bg-subtle, #d1e7dd); color: var(--bs-success-text-emphasis, #0a3622); }
+  &.pf-status--warn  { background: var(--bs-warning-bg-subtle, #fff3cd); color: var(--bs-warning-text-emphasis, #664d03); }
+  &.pf-status--pending { background: var(--bs-info-bg-subtle, #cff4fc); color: var(--bs-info-text-emphasis, #055160); }
+  a { color: inherit; text-decoration: underline; }
+}
+
+// --- Footer -----------------------------------------------------------------
+.pf-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--zer0-space-2, .5rem);
+  padding: var(--zer0-space-2, .5rem) var(--zer0-space-3, 1rem);
+  border-top: 1px solid var(--bs-border-color, rgba(0, 0, 0, .1));
+  background: var(--bs-body-bg);
+}
+.pf-footer-primary { display: flex; gap: .5rem; }
+.pf-copy { text-decoration: none; }
+
+// --- Reduced motion ---------------------------------------------------------
+@media (prefers-reduced-motion: reduce) {
+  .pf-fab,
+  .pf-overlay,
+  .pf-dialog { transition: none; }
+  .pf-ai-spinner { animation: none; }
+}

data/_sass/components/_ui-enhancements.scss

@@ -26,6 +26,15 @@ img {
 // UI/UX ENHANCEMENTS - Modern, polished interactions
 // ==============================================================================
 
+// WCAG 2.5.8 target size: breadcrumb links render as bare ~19px text lines.
+// Block padding + matching negative margin grows the tap box past 24px
+// without shifting the visual baseline or the bar's height.
+.breadcrumbs .breadcrumb-item > a {
+  display: inline-block;
+  padding-block: 0.25rem;
+  margin-block: -0.25rem;
+}
+
 // Hero Section Enhancements
 // NOTE: Exclude .zer0-bg-hero so skin-specific gradients from _backgrounds.scss take precedence
 .bg-primary:not(.zer0-bg-hero) {

data/_sass/core/_docs-layout.scss

@@ -1,3 +1,4 @@
+// Feature: ZER0-008
 /*!
  * Docs layout — trimmed Bootstrap-docs-adjacent styles for zer0-mistakes.
  * Replaces the former full _docs.scss vendor snapshot (~3.2k lines).
@@ -545,7 +546,8 @@ a.bd-intro-badge--tag:focus {
         white-space: nowrap;
     }
 
-    // Plain link buttons: reserve the same trailing space as .dropdown-toggle::after.
+    // Plain link buttons: reserve the same trailing space as .dropdown-toggle::after
+    // so the plain "Improve" / "Edit on GitHub" buttons line up with the Share caret.
     .bd-intro-action-link.btn::after {
         content: "";
         display: inline-block;
@@ -553,83 +555,6 @@ a.bd-intro-badge--tag:focus {
         flex-shrink: 0;
         visibility: hidden;
     }
-
-    // Copilot Agent prompt menu — compact, proportional to the trigger button.
-    // Scoped here so the Share dropdown keeps Bootstrap defaults.
-    .copilot-agent-menu.dropdown-menu {
-        --bs-dropdown-min-width: 0;
-        width: max-content;
-        max-width: min(22rem, 90vw);
-        padding: var(--zer0-space-1) 0;
-        border-radius: var(--bs-border-radius);
-        border-color: var(--zer0-color-border);
-    }
-
-    .copilot-agent-menu {
-        .dropdown-header {
-            padding: var(--zer0-space-1) var(--zer0-space-2) calc(var(--zer0-space-1) * .5);
-            font-size: var(--zer0-text-sm);
-            font-weight: var(--zer0-font-weight-semibold);
-            line-height: var(--zer0-leading-tight);
-            color: var(--zer0-color-ink-muted);
-            white-space: normal;
-        }
-
-        .dropdown-divider {
-            margin: var(--zer0-space-1) 0;
-        }
-
-        .dropdown-item {
-            white-space: normal;
-            padding: var(--zer0-space-1) var(--zer0-space-2);
-            line-height: var(--zer0-leading-normal);
-            border-radius: calc(var(--bs-border-radius) - 2px);
-
-            &:hover,
-            &:focus {
-                .copilot-agent-item__desc {
-                    color: inherit;
-                    opacity: .85;
-                }
-            }
-        }
-    }
-
-    .copilot-agent-item {
-        display: flex;
-        align-items: flex-start;
-        gap: var(--zer0-space-2);
-        min-width: 0;
-    }
-
-    .copilot-agent-item__icon {
-        flex-shrink: 0;
-        margin-top: .125rem;
-        font-size: var(--zer0-text-sm);
-        line-height: 1;
-        opacity: .85;
-    }
-
-    .copilot-agent-item__text {
-        display: flex;
-        flex-direction: column;
-        gap: .125rem;
-        min-width: 0;
-    }
-
-    .copilot-agent-item__label {
-        font-size: var(--zer0-text-sm);
-        font-weight: var(--zer0-font-weight-medium);
-        line-height: var(--zer0-leading-tight);
-    }
-
-    .copilot-agent-item__desc {
-        display: block;
-        font-size: .8125rem;
-        font-weight: var(--zer0-font-weight-regular);
-        line-height: var(--zer0-leading-normal);
-        color: var(--zer0-color-ink-muted);
-    }
 }
 
 .bd-toc {