/* Explicit per-link choices apply to the name and its legacy font/span children only. */
html body a.link-display-style[data-managed-link-id][data-link-style-bold],
html body span.link-display-style[data-managed-link-id][data-link-style-bold],
html body a.link-display-style[data-managed-link-id][data-link-style-bold] *,
html body span.link-display-style[data-managed-link-id][data-link-style-bold] * {
  font-weight: var(--link-display-weight) !important;
}

html body a.link-display-style[data-managed-link-id][data-link-style-color],
html body span.link-display-style[data-managed-link-id][data-link-style-color],
html body a.link-display-style[data-managed-link-id][data-link-style-color] *,
html body span.link-display-style[data-managed-link-id][data-link-style-color] * {
  color: var(--link-display-color) !important;
}

html body a.link-display-style[data-managed-link-id][data-link-style-size],
html body span.link-display-style[data-managed-link-id][data-link-style-size],
html body a.link-display-style[data-managed-link-id][data-link-style-size] *,
html body span.link-display-style[data-managed-link-id][data-link-style-size] * {
  font-size: var(--link-display-size) !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Give large names their own line box, so a narrow desktop/mobile cell expands to fit. */
html body a.link-display-style[data-managed-link-id][data-link-style-size],
html body span.link-display-style[data-managed-link-id][data-link-style-size] {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* a5's navigation cards expand with customized text instead of clipping it. */
#navs .item ul:has([data-link-style-size]) { display: flex; flex-wrap: wrap; align-items: stretch; }
#navs .item ul:has([data-link-style-size]) > li { float: none; height: auto; min-height: 40px; padding-right: 8px; }
#navs .item > .section-header__content { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 10px 0 4px; padding: 10px 14px; border: 1px solid var(--wx-line); border-radius: 5px; background: var(--wx-soft); color: var(--wx-text); font-size: 14px; line-height: 1.6; }
#navs .section-header__item { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
#navs a.section-header__item { color: var(--wx-link); text-decoration: underline; text-underline-offset: 3px; }
#navs a.section-header__item:hover { color: var(--wx-link-hover); }
#navs a.section-header__item:focus-visible { outline: 2px solid var(--wx-focus); outline-offset: 3px; }
@media (max-width: 640px) { #navs .item > .section-header__content { gap: 6px 12px; padding: 8px 10px; } }