/* css styles */

.lang-switch {
  text-align: right;
  margin-bottom: 0.5rem;
  font-size: 0.85em;
}

.lang-switch a {
  color: inherit;
  text-decoration: underline;
}

/* Override Quarto's grid (specificity must match its #title-block-header... rule) */
#title-block-header.quarto-title-block.default .quarto-title-meta {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8rem;
}

.listing-actions-group {
  align-items: center;
  gap: 1rem;
}

/* .rss-link is hidden until JS moves it into .listing-actions-group.
   Prevents FOUC where the link briefly appears above the listing. */
.rss-link {
  display: none;
}

.listing-actions-group .rss-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  font-size: 0.9em;
  text-decoration: none;
  opacity: 0.75;
  margin-left: auto;
}

.listing-actions-group .rss-link:hover {
  opacity: 1;
}

/* Only override Quarto's filter auto-margin once .rss-link is in place */
.listing-actions-group:has(.rss-link) .quarto-listing-filter {
  margin-left: 0;
}

/* Category sidebar: hide until JS rebuilds with per-tab data */
.quarto-listing-category {
  visibility: hidden;
}

.quarto-listing-category.ready {
  visibility: visible;
}

.quarto-listing-category .category {
  cursor: pointer;
}

/* Section-to-chapter navigation pointer used in overview pages.
   Rendered from `[→ 詳細:]{.detail-link} [章タイトル](xx.qmd)` markdown. */
p:has(> span.detail-link) {
  margin: 0.5em 0 1.25em;
  font-size: 0.92em;
  color: var(--bs-secondary-color, #6c757d);
}

span.detail-link {
  font-weight: 500;
  margin-right: 0.3em;
}

p:has(> span.detail-link) a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}

p:has(> span.detail-link) a:hover {
  color: var(--bs-link-color);
  border-bottom-style: solid;
}