/* BearDocs Modern UI v6.9 — consolidated cascade
 * Generated from the historical modern UI styles in their original load order.
 * This preserves the same cascade while replacing 30 HTTP stylesheet requests with one.
 */

/* ===== legacy layer: beardocs_modern_v31.css ===== */
/*
 * BearDocs Modern UI v3
 * Visual tone inspired by modern cloud documentation centers.
 * Layout direction refined with reference to MijiDoc-style documentation home and reading experience.
 */
:root {
  --bd-primary: #006eff;
  --bd-primary-hover: #0052d9;
  --bd-primary-soft: #edf4ff;
  --bd-text: #1f2329;
  --bd-text-2: #4e5969;
  --bd-muted: #86909c;
  --bd-bg: #f5f7fb;
  --bd-surface: #ffffff;
  --bd-surface-2: #fbfcff;
  --bd-border: #e5e9f2;
  --bd-border-strong: #cfd8e6;
  --bd-shadow-sm: 0 8px 24px rgba(15, 23, 42, .05);
  --bd-shadow-md: 0 16px 40px rgba(15, 23, 42, .08);
  --bd-radius-sm: 8px;
  --bd-radius: 12px;
  --bd-radius-lg: 18px;
  --bd-content-width: 860px;
}
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--bd-text);
  background: var(--bd-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body, input, button, textarea, select {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}
::selection { background: rgba(0,110,255,.15); }
a { transition: color .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease; }

/* Base */
.uk-container { max-width: 1200px; padding-left: 24px; padding-right: 24px; }
.uk-section-muted { background: var(--bd-bg) !important; }
.uk-section-muted + .uk-section-muted { padding-top: 8px; }
.uk-card-default,
.uk-background-default {
  background: #fff !important;
  border: 1px solid var(--bd-border);
  border-radius: var(--bd-radius);
}
.uk-border-rounded { border-radius: var(--bd-radius) !important; }
.uk-box-shadow-small { box-shadow: var(--bd-shadow-sm) !important; }
.uk-card-hover:hover {
  transform: translateY(-2px);
  border-color: #c9defe;
  box-shadow: var(--bd-shadow-sm) !important;
}
.bd-panel {
  background: var(--bd-surface);
  border: 1px solid var(--bd-border);
  border-radius: var(--bd-radius-lg);
  box-shadow: var(--bd-shadow-sm);
}

/* Header / Nav */
body > header {
  position: relative;
  color: var(--bd-text);
  background: #fff !important;
}
body > header .uk-navbar-container {
  background: rgba(255,255,255,.86) !important;
  border-bottom: 1px solid rgba(229,233,242,.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.bd-topbar { min-height: 64px; }
.bd-navbar-brand-wrap { gap: 20px; }
body > header .uk-navbar-item.uk-logo {
  min-height: 64px;
  padding-left: 0;
  font-size: 20px;
  font-weight: 700;
  color: #1d2129 !important;
  letter-spacing: -.02em;
}
body > header .uk-logo img { max-height: 34px; width: auto; }
.bd-navbar-menu { gap: 2px; }
.bd-navbar-menu > li > a {
  min-height: 64px;
  padding: 0 16px;
  color: #4e5969;
  font-size: 14px;
  font-weight: 500;
}
.bd-navbar-menu > li.uk-active > a,
.bd-navbar-menu > li > a:hover {
  color: var(--bd-primary) !important;
}
.bd-navbar-doclink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 14px;
  color: #fff !important;
  background: var(--bd-primary);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 8px 18px rgba(0,110,255,.18);
}
.bd-navbar-doclink:hover { background: var(--bd-primary-hover); text-decoration: none; }
.bd-mobile-nav-trigger { color: var(--bd-text) !important; }
.bd-mobile-nav-bar {
  background: #fff;
  color: var(--bd-text);
  padding-top: 56px;
}
.bd-mobile-nav-title { font-size: 18px; font-weight: 700; margin-bottom: 16px; }
.bd-mobile-nav-list li a { color: var(--bd-text) !important; }
.bd-mobile-nav-list li.uk-active a { color: var(--bd-primary) !important; }

/* Hero */
.uk-section-hero {
  position: relative;
  overflow: hidden;
  padding: 52px 0 46px !important;
  background:
    radial-gradient(circle at 0 0, rgba(0,110,255,.08), transparent 30%),
    radial-gradient(circle at 100% 20%, rgba(46,110,255,.10), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #f4f8ff 100%);
  border-bottom: 1px solid #edf2fa;
}
.uk-section-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,110,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,110,255,.03) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(to bottom, #000 0, rgba(0,0,0,.4) 70%, transparent 100%);
}
.bd-hero-container {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
  align-items: center;
  gap: 38px;
}
.bd-hero-copy { max-width: 620px; }
.bd-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  height: 30px;
  margin-bottom: 16px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(0,110,255,.08);
  color: var(--bd-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}
.uk-section-hero h1 {
  margin: 0 !important;
  color: #161a22 !important;
  font-size: clamp(36px, 4vw, 46px);
  line-height: 1.22;
  font-weight: 760;
  letter-spacing: -.035em;
  text-align: left !important;
}
.bd-hero-subtitle {
  margin: 16px 0 0;
  color: #5f6b7a;
  font-size: 16px;
  line-height: 1.85;
}
.bd-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}
.bd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid transparent;
}
.bd-btn:hover { text-decoration: none; }
.bd-btn-primary {
  color: #fff !important;
  background: linear-gradient(135deg, #006eff 0%, #2d8cff 100%);
  box-shadow: 0 12px 24px rgba(0,110,255,.16);
}
.bd-btn-primary:hover { background: linear-gradient(135deg, #005de0 0%, #1b7cf6 100%); }
.bd-btn-secondary {
  color: var(--bd-primary) !important;
  background: rgba(255,255,255,.72);
  border-color: #dbe8ff;
}
.bd-btn-secondary:hover { background: #fff; }
.hero-search { margin: 0 !important; }
.bd-search-card {
  padding: 22px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(218,228,243,.95);
  border-radius: 22px;
  box-shadow: var(--bd-shadow-md);
}
.bd-search-card-label {
  margin-bottom: 12px;
  color: #4e5969;
  font-size: 13px;
  font-weight: 600;
}
.hero-search .uk-search,
.hero-search .uk-position-relative { width: 100%; }
.hero-search .uk-search-input {
  width: 100%;
  height: 58px;
  padding-left: 54px !important;
  padding-right: 20px;
  color: var(--bd-text) !important;
  background: #fff !important;
  border: 1px solid #d7dfeb !important;
  border-radius: 16px !important;
  box-shadow: none;
  font-size: 15px;
}
.hero-search .uk-search-input:focus {
  border-color: var(--bd-primary) !important;
  box-shadow: 0 0 0 4px rgba(0,110,255,.08);
}
.hero-search .uk-search-input::placeholder { color: #9aa4b2; }
.hero-search .uk-search-icon { left: 18px; color: #96a2b2; }
.bd-search-tips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  color: #7e8a9a;
  font-size: 12px;
}
.bd-search-tips em {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: #f3f7ff;
  color: #4e5969;
  font-style: normal;
}
.bd-inner-header .uk-section-hero {
  padding: 30px 0 26px !important;
}
.bd-inner-header .bd-hero-container {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
  gap: 24px;
}
.bd-inner-header .uk-section-hero h1 {
  font-size: 30px;
}
.bd-inner-header .bd-hero-subtitle { font-size: 14px; line-height: 1.7; }
.bd-inner-header .bd-hero-actions { display: none; }
.bd-inner-header .bd-search-card { padding: 18px; border-radius: 18px; }
.bd-inner-header .hero-search .uk-search-input { height: 52px; border-radius: 14px !important; }

/* Home */
.bd-home-main { padding-top: 32px !important; }
.bdnewui_announcement {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  padding: 18px 22px;
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  border: 1px solid #dbe6fb;
  border-radius: 16px;
  box-shadow: var(--bd-shadow-sm);
}
.bdnewui_announcement-title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1d2129;
  font-size: 15px;
  font-weight: 700;
}
.bdnewui_announcement-title .icon {
  width: 30px; height: 30px;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--bd-primary);
  background: var(--bd-primary-soft);
  border-radius: 999px;
}
.bdnewui_announcement-content p { margin: 8px 0 0; color: var(--bd-text-2); line-height: 1.8; }
.bd-home-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, .9fr);
  gap: 20px;
  margin-bottom: 24px;
}
.bd-home-featured,
.bd-home-latest,
.bd-home-directory { padding: 26px; }
.bd-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.bd-section-head-lg { margin-bottom: 20px; }
.bd-section-head h2 {
  margin: 6px 0 0;
  color: #1d2129;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 760;
}
.bd-section-head p {
  margin: 8px 0 0;
  color: #667085;
  font-size: 14px;
}
.bd-section-eyebrow {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--bd-primary-soft);
  color: var(--bd-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}
.bd-section-link {
  color: var(--bd-primary);
  font-size: 14px;
  font-weight: 600;
}
.bd-section-link:hover { text-decoration: none; color: var(--bd-primary-hover); }
.bd-featured-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.bd-featured-card {
  min-width: 0;
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  border: 1px solid var(--bd-border);
  border-radius: 16px;
}
.bd-featured-link {
  display: block;
  padding: 20px 20px 18px;
  color: inherit;
  height: 100%;
}
.bd-featured-link:hover { text-decoration: none; }
.bd-featured-card:hover {
  border-color: #c7dcff;
  box-shadow: 0 14px 30px rgba(0,110,255,.08);
  transform: translateY(-2px);
}
.bd-featured-meta {
  margin-bottom: 10px;
  color: #96a2b2;
  font-size: 12px;
}
.bd-featured-card h3 {
  margin: 0;
  color: #1d2129;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
}
.bd-featured-card p {
  margin: 12px 0 0;
  color: #667085;
  font-size: 14px;
  line-height: 1.8;
  min-height: 50px;
}
.bd-inline-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  color: var(--bd-primary);
  font-size: 14px;
  font-weight: 600;
}
.bd-latest-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bd-latest-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid #edf1f7;
  color: inherit;
}
.bd-latest-item:last-child { border-bottom: 0; padding-bottom: 0; }
.bd-latest-item:hover { color: inherit; text-decoration: none; }
.bd-latest-title {
  min-width: 0;
  color: #1d2129;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 600;
}
.bd-latest-date {
  flex: 0 0 auto;
  color: #98a2b3;
  font-size: 12px;
}
.bdnewui_index_category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}
.bdnewui_index_category-item {
  min-width: 0;
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  border: 1px solid var(--bd-border);
  border-radius: 18px;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.bdnewui_index_category-item:hover {
  border-color: #c6dcff;
  box-shadow: 0 16px 32px rgba(0,110,255,.08);
  transform: translateY(-2px);
}
.bdnewui_index_category-content { padding: 22px; }
.bdnewui_index_item-header { display:flex; align-items:flex-start; gap:14px; margin-bottom: 18px; }
.bdnewui_index_item-header-icon {
  width: 44px; height: 44px; flex:0 0 44px;
  display:flex; align-items:center; justify-content:center;
  color: var(--bd-primary);
  background: #f3f7ff;
  border: 1px solid #d8e6ff;
  border-radius: 14px;
}
.bdnewui_index_item-header-content { min-width:0; flex:1; }
.bd-category-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.bdnewui_index_category-name {
  margin: 0;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}
.bdnewui_index_category-name a { color: #1d2129; text-decoration: none; }
.bdnewui_index_category-name a:hover { color: var(--bd-primary); }
.bdnewui_index_category-desc {
  display: block;
  margin-top: 6px;
  color: #667085;
  font-size: 14px;
  line-height: 1.7;
}
.bdnewui_index_article-count {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #475467;
  font-size: 12px;
  font-weight: 600;
}
.bdnewui_index_articles-panel {
  padding-top: 14px;
  border-top: 1px solid #edf1f7;
}
.bdnewui_index_article-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bdnewui_index_article-list li + li { margin-top: 10px; }
.bdnewui_index_article-link {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #344054;
  font-size: 14px;
  line-height: 1.7;
}
.bdnewui_index_article-link::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #bfd6ff;
  flex: 0 0 auto;
}
.bdnewui_index_article-link:hover { color: var(--bd-primary); text-decoration: none; }
.bdnewui_index_view-all-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 108px;
  height: 38px;
  margin-top: 18px;
  padding: 0 16px;
  color: var(--bd-primary) !important;
  background: #f4f8ff;
  border: 1px solid #dbe7ff;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
}
.bdnewui_index_view-all-btn:hover { text-decoration: none; background: #edf4ff; }
.bdnewui_index_no-articles {
  color: #98a2b3;
  font-size: 14px;
  line-height: 1.7;
}

/* FAQ / Links */
.bd-faq-wrap .bd-panel,
.bd-links-wrap .bd-panel { padding: 26px; }
.uk-accordion-title {
  padding: 16px 18px;
  background: #fbfcff;
  border: 1px solid var(--bd-border);
  border-radius: 14px;
  color: #1d2129;
  font-weight: 600;
}
.uk-accordion-content {
  padding: 16px 6px 4px;
  color: #667085;
}

/* Article surfaces */
.uk-article-title-ove,
.uk-article-title {
  color: #1d2129;
  font-size: clamp(28px, 3vw, 36px);
  line-height: 1.3;
  font-weight: 760;
  letter-spacing: -.02em;
}
.uk-article-meta {
  padding: 14px 16px;
  background: #f8fbff;
  border: 1px solid #e7edf7;
  border-radius: 16px;
  color: #667085;
}
.uk-avatar-small { width: 40px; height: 40px; margin-right: 12px; }
.uk-article-content {
  color: #344054;
  font-size: 16px;
  line-height: 1.95;
}
.uk-article-content h1,
.uk-article-content h2,
.uk-article-content h3,
.uk-article-content h4,
.uk-article-content h5,
.uk-article-content h6 {
  color: #1d2129;
  line-height: 1.42;
  margin-top: 1.75em;
  margin-bottom: .75em;
  font-weight: 720;
  scroll-margin-top: 88px;
}
.uk-article-content h2 {
  padding-bottom: .55em;
  border-bottom: 1px solid #edf1f6;
}
.uk-article-content p,
.uk-article-content ul,
.uk-article-content ol,
.uk-article-content blockquote,
.uk-article-content pre,
.uk-article-content table { margin-top: 0; margin-bottom: 1.15em; }
.uk-article-content a { color: var(--bd-primary); text-decoration: none; }
.uk-article-content a:hover { text-decoration: underline; }
.uk-article-content blockquote {
  padding: 16px 18px;
  border-left: 4px solid #b9d2ff;
  background: #f7faff;
  border-radius: 0 14px 14px 0;
  color: #526071;
}
.uk-article-content code:not(pre code) {
  padding: .2em .45em;
  background: #f3f6fb;
  border-radius: 6px;
  color: #334155;
  font-size: .92em;
}
.uk-article-content table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid #e5ebf5;
  background: #fff;
}
.uk-article-content table th,
.uk-article-content table td {
  padding: 12px 14px;
  border-bottom: 1px solid #edf1f7;
}
.uk-article-content table th { background: #f8fbff; color: #1d2129; }
.paginate-post {
  padding: 20px 22px;
  background: #f8fbff;
  border: 1px solid #e7edf7;
  border-radius: 18px;
}
.paginate-post h5 {
  margin-bottom: 8px;
  color: #98a2b3;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.paginate-post a { color: #1d2129; font-weight: 600; }
.paginate-post a:hover { color: var(--bd-primary); text-decoration: none; }
.bdnewui_tags_container { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.bdnewui_tag {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 12px;
  color: #475467 !important;
  background: #f5f7fb;
  border: 1px solid #e6ebf3;
  border-radius: 999px;
  font-size: 13px;
}
.bdnewui_tag:hover { color: var(--bd-primary) !important; text-decoration: none; }

/* Sidebars / reading layout */
.uk-leftbar .uk-card,
.uk-rightbar .uk-card {
  border-radius: 18px;
  border: 1px solid var(--bd-border);
  box-shadow: var(--bd-shadow-sm);
}
.uk-leftbar .uk-card-body,
.uk-rightbar .uk-card-body { padding: 20px; }
.uk-leftbar .uk-list li,
.uk-rightbar .uk-list li { line-height: 1.8; }
.uk-leftbar .uk-list a,
.uk-rightbar .uk-list a,
.menutree a { color: #475467; }
.uk-leftbar .uk-list a:hover,
.uk-rightbar .uk-list a:hover,
.menutree a:hover { color: var(--bd-primary); text-decoration: none; }
#menuBtn,
#moreBtn,
button.uk-button.uk-button-primary {
  background: #f4f8ff;
  color: var(--bd-primary);
  border: 1px solid #d7e5ff;
  border-radius: 999px;
  box-shadow: none;
}
#menuBtn:hover,
#moreBtn:hover,
button.uk-button.uk-button-primary:hover {
  background: #edf4ff;
}
.uk-offcanvas-bar { background: #fff; color: var(--bd-text); }
.uk-offcanvas-bar a { color: #475467; }
.uk-offcanvas-bar a:hover { color: var(--bd-primary); }

/* Comments */
#comments,
#respond,
.comment-list,
.comment-children {
  color: #344054;
}
textarea,
input[type="text"],
input[type="email"],
input[type="url"] {
  border: 1px solid #d9e0eb !important;
  border-radius: 14px !important;
  background: #fff !important;
}
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus {
  border-color: var(--bd-primary) !important;
  box-shadow: 0 0 0 4px rgba(0,110,255,.08);
}

/* Footer */
#gotop {
  width: 48px;
  height: 48px;
  right: 24px;
  bottom: 26px;
  color: var(--bd-primary);
  background: rgba(255,255,255,.96);
  border: 1px solid #dce7f8;
  border-radius: 16px;
  box-shadow: var(--bd-shadow-sm);
}
footer.uk-section-small {
  padding: 28px 0 36px !important;
  color: #98a2b3;
  background: transparent;
}
footer a { color: #667085; }
footer a:hover { color: var(--bd-primary); text-decoration: none; }

/* Responsive */
@media (max-width: 1199px) {
  .bd-hero-container,
  .bd-inner-header .bd-hero-container {
    grid-template-columns: 1fr;
  }
  .bd-home-overview-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 959px) {
  .uk-section-hero { padding: 40px 0 34px !important; }
  .uk-section-hero h1 { font-size: 34px; }
  .bd-search-card { padding: 18px; border-radius: 18px; }
  .bd-featured-grid,
  .bdnewui_index_category-grid { grid-template-columns: 1fr; }
  .bd-home-featured,
  .bd-home-latest,
  .bd-home-directory,
  .bd-faq-wrap .bd-panel,
  .bd-links-wrap .bd-panel { padding: 22px; }
  .uk-container { padding-left: 18px; padding-right: 18px; }
}
@media (max-width: 639px) {
  body > header .uk-navbar-item.uk-logo { font-size: 18px; }
  .bd-topbar { min-height: 58px; }
  .uk-section-hero { padding: 34px 0 30px !important; }
  .uk-section-hero h1 { font-size: 30px; }
  .bd-hero-subtitle { font-size: 14px; line-height: 1.8; }
  .bd-hero-actions { gap: 10px; margin-top: 20px; }
  .bd-btn { width: auto; }
  .hero-search .uk-search-input { height: 52px; border-radius: 14px !important; }
  .bd-section-head { flex-direction: column; align-items: flex-start; }
  .bdnewui_index_category-content { padding: 18px; }
  .bdnewui_index_category-name { font-size: 18px; }
  .bd-category-topline { align-items: flex-start; flex-direction: column; gap: 8px; }
  #gotop { right: 16px; bottom: 16px; width: 44px; height: 44px; }
}


/* v3.1 hardening: bypass legacy theme/header styles and stale cached UI layers */
body > header.bd-home-header,
body > header.bd-inner-header,
body > header.uk-background-secondary {
  background-color: #fff !important;
  background-image: none !important;
  color: var(--bd-text) !important;
}
body > header .uk-light,
body > header.uk-light { color: var(--bd-text) !important; }
body > header .uk-navbar-container,
body > header .bd-navbar-shell { background: rgba(255,255,255,.94) !important; }
.bd-home-main .bd-panel { display: block !important; background:#fff !important; border:1px solid var(--bd-border) !important; border-radius:18px !important; box-shadow:var(--bd-shadow-sm) !important; }
.bd-home-main .bd-home-overview-grid { display:grid !important; }
.bd-home-main .bd-featured-grid { display:grid !important; }
.bd-home-main .bdnewui_index_category-grid { display:grid !important; }
.bd-home-main .bd-featured-card,
.bd-home-main .bdnewui_index_category-item { background:#fff !important; border:1px solid var(--bd-border) !important; border-radius:18px !important; }


/* ===== legacy layer: beardocs_modern_v32.css ===== */
/* BearDocs Modern UI v3.2 - layout correction layer */

/* Fix legacy BearDocs navbar rules that push the logo onto a second line */
body > header .bd-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 64px !important;
}
body > header .bd-navbar-brand-wrap,
body > header .uk-navbar-left,
body > header .uk-navbar-right {
  flex-wrap: nowrap !important;
  align-items: center !important;
}
body > header .uk-navbar-item.uk-logo,
body > header .uk-logo {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 64px !important;
  padding: 0 !important;
  white-space: nowrap !important;
  font-size: 20px !important;
  line-height: 1 !important;
  text-align: left !important;
}
body > header .bd-navbar-brand-wrap {
  display: flex !important;
  gap: 34px !important;
  min-width: 0;
}
body > header .bd-navbar-menu {
  flex-wrap: nowrap !important;
}
body > header .bd-navbar-menu > li > a {
  min-height: 64px !important;
  padding: 0 12px !important;
}
body > header .bd-navbar-actions {
  flex: 0 0 auto;
  margin-left: 24px !important;
}

/* MijiDoc-like content axis: hero copy + search share one centered column */
body > header .uk-section-hero {
  padding: 54px 0 48px !important;
}
body > header .bd-hero-container,
body > header.bd-inner-header .bd-hero-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 26px !important;
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body > header .bd-hero-copy {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
body > header .bd-hero-eyebrow {
  margin-left: auto !important;
  margin-right: auto !important;
}
body > header .uk-section-hero h1,
body > header.bd-inner-header .uk-section-hero h1 {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  font-size: clamp(34px, 4vw, 46px) !important;
  line-height: 1.22 !important;
}
body > header .bd-hero-subtitle {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
body > header .bd-hero-actions {
  justify-content: center !important;
}
body > header .hero-search {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
}
body > header .bd-search-card {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 18px !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 36px rgba(15,23,42,.07) !important;
}
body > header .bd-search-card-label {
  text-align: left !important;
  margin: 0 0 10px !important;
}
body > header .bd-search-tips {
  justify-content: flex-start !important;
}

/* Inner pages should be significantly more compact than the homepage */
body > header.bd-inner-header .uk-section-hero {
  padding: 34px 0 32px !important;
}
body > header.bd-inner-header .bd-hero-container {
  gap: 20px !important;
  max-width: 900px !important;
}
body > header.bd-inner-header .bd-hero-copy {
  max-width: 720px !important;
}
body > header.bd-inner-header .uk-section-hero h1 {
  font-size: 32px !important;
}
body > header.bd-inner-header .bd-hero-subtitle {
  font-size: 14px !important;
  margin-top: 10px !important;
}
body > header.bd-inner-header .hero-search {
  max-width: 820px !important;
}
body > header.bd-inner-header .bd-search-card {
  padding: 14px !important;
}
body > header.bd-inner-header .bd-search-card-label {
  display: none !important;
}
body > header.bd-inner-header .bd-search-tips {
  margin-top: 10px !important;
}

/* Home content rhythm */
.bd-home-main {
  padding-top: 28px !important;
}
.bd-home-overview-grid {
  align-items: stretch !important;
}
.bd-home-directory {
  scroll-margin-top: 82px;
}

@media (max-width: 959px) {
  body > header .bd-navbar-brand-wrap { gap: 18px !important; }
  body > header .uk-section-hero { padding: 42px 0 38px !important; }
  body > header .bd-hero-container,
  body > header.bd-inner-header .bd-hero-container { gap: 22px !important; }
  body > header .uk-section-hero h1,
  body > header.bd-inner-header .uk-section-hero h1 { font-size: 34px !important; }
}

@media (max-width: 639px) {
  body > header .bd-topbar { min-height: 58px !important; }
  body > header .uk-navbar-item.uk-logo,
  body > header .uk-logo { min-height: 58px !important; font-size: 18px !important; }
  body > header .uk-section-hero,
  body > header.bd-inner-header .uk-section-hero { padding: 32px 0 28px !important; }
  body > header .bd-hero-container,
  body > header.bd-inner-header .bd-hero-container { gap: 18px !important; }
  body > header .uk-section-hero h1,
  body > header.bd-inner-header .uk-section-hero h1 {
    font-size: 29px !important;
    line-height: 1.28 !important;
  }
  body > header .bd-hero-subtitle { font-size: 14px !important; }
  body > header .bd-search-card { padding: 12px !important; border-radius: 16px !important; }
  body > header .bd-search-tips { display: none !important; }
}


/* ===== legacy layer: beardocs_modern_v33.css ===== */
/* BearDocs Modern UI v3.3 - interaction / utility polish */

/* Search: do not look focused until the visitor actually enters the field. */
body > header .hero-search .uk-search-input {
  outline: none !important;
}
body > header .hero-search .uk-search-input:not(:focus) {
  border-color: #d7dfeb !important;
  box-shadow: none !important;
}
body > header .hero-search .uk-search-icon {
  pointer-events: none !important;
  z-index: 2 !important;
}

/* Back-to-top: smaller, quieter and properly boxed. */
#gotop {
  box-sizing: border-box !important;
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  color: #5d6b7d !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid #dce5f2 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.08) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 1200 !important;
  opacity: .92;
  transition: opacity .18s ease, transform .18s ease, border-color .18s ease, color .18s ease !important;
}
#gotop:hover {
  color: #006eff !important;
  border-color: #b9d3ff !important;
  opacity: 1;
  transform: translateY(-2px);
}
#gotop svg {
  width: 18px !important;
  height: 18px !important;
}

/* Slightly tighten empty category cards so an empty category does not look oversized. */
.bdnewui_index_no-articles {
  min-height: 0 !important;
  padding: 18px 0 6px !important;
  text-align: left !important;
}
.bdnewui_index_category-item .bdnewui_index_articles-panel {
  min-height: 0 !important;
}

@media (max-width: 639px) {
  #gotop {
    right: 14px !important;
    bottom: 14px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    border-radius: 11px !important;
  }
  #gotop svg { width: 16px !important; height: 16px !important; }
}


/* ===== legacy layer: beardocs_modern_v34.css ===== */
/* BearDocs Modern UI v3.4 - compact first screen + richer mobile navigation */

/* ---------- Desktop hero: show the beginning of the next section ---------- */
@media (min-width: 960px) {
  body > header .uk-section-hero {
    padding: 32px 0 28px !important;
    min-height: 0 !important;
  }
  body > header .bd-hero-container,
  body > header.bd-inner-header .bd-hero-container {
    gap: 16px !important;
    max-width: 940px !important;
  }
  body > header .bd-hero-copy {
    max-width: 760px !important;
  }
  body > header .bd-hero-eyebrow {
    height: 26px !important;
    margin-bottom: 10px !important;
    padding: 0 10px !important;
  }
  body > header .uk-section-hero h1 {
    font-size: clamp(34px, 3.35vw, 42px) !important;
    line-height: 1.18 !important;
  }
  body > header .bd-hero-subtitle {
    margin-top: 10px !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
  body > header .bd-hero-actions {
    margin-top: 16px !important;
    gap: 10px !important;
  }
  body > header .bd-btn {
    height: 38px !important;
    padding: 0 16px !important;
  }
  body > header .hero-search {
    max-width: 860px !important;
  }
  body > header .bd-search-card {
    padding: 14px 16px !important;
    border-radius: 16px !important;
  }
  body > header .bd-search-card-label {
    margin-bottom: 7px !important;
    font-size: 12px !important;
  }
  body > header .hero-search .uk-search-input {
    height: 48px !important;
    border-radius: 13px !important;
  }
  body > header .bd-search-tips {
    margin-top: 8px !important;
    gap: 6px !important;
  }
  body > header .bd-search-tips em {
    height: 23px !important;
    padding: 0 9px !important;
  }
  .bd-home-main {
    padding-top: 22px !important;
  }

  /* inner pages stay even more compact */
  body > header.bd-inner-header .uk-section-hero {
    padding: 24px 0 22px !important;
  }
  body > header.bd-inner-header .uk-section-hero h1 {
    font-size: 29px !important;
  }
  body > header.bd-inner-header .bd-hero-subtitle {
    margin-top: 7px !important;
  }
}

/* ---------- Hero background: richer, still quiet ---------- */
body > header .uk-section-hero {
  isolation: isolate;
  background:
    radial-gradient(ellipse 52% 66% at 10% 18%, rgba(0,110,255,.10) 0%, rgba(0,110,255,.025) 46%, transparent 72%),
    radial-gradient(ellipse 42% 58% at 92% 22%, rgba(79,124,255,.105) 0%, rgba(79,124,255,.025) 50%, transparent 74%),
    linear-gradient(180deg, #f8fbff 0%, #f1f6ff 60%, #f6f9fd 100%) !important;
}
body > header .uk-section-hero::before {
  opacity: .7 !important;
  background-image:
    linear-gradient(rgba(57,116,212,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,116,212,.035) 1px, transparent 1px) !important;
  background-size: 36px 36px !important;
}
body > header .uk-section-hero::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: -1 !important;
  width: 310px !important;
  height: 310px !important;
  right: -100px !important;
  bottom: -185px !important;
  border: 1px solid rgba(0,110,255,.08) !important;
  border-radius: 50% !important;
  box-shadow:
    0 0 0 54px rgba(0,110,255,.018),
    0 0 0 108px rgba(0,110,255,.012) !important;
  pointer-events: none !important;
}

/* ---------- Mobile drawer ---------- */
.bd-mobile-nav-bar {
  width: min(88vw, 390px) !important;
  box-sizing: border-box !important;
  padding: 0 18px 20px !important;
  background: #f8faff !important;
  color: var(--bd-text) !important;
  overflow-y: auto !important;
  box-shadow: -18px 0 52px rgba(15,23,42,.16) !important;
}
.bd-mobile-drawer-head {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 -18px 16px;
  padding: 18px 18px 15px;
  background: rgba(248,250,255,.94);
  border-bottom: 1px solid #e8edf5;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.bd-mobile-brand {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.bd-mobile-brand strong {
  color: #172033;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 750;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bd-mobile-brand span {
  color: #8a96a8;
  font-size: 11px;
}
.bd-mobile-close {
  position: static !important;
  flex: 0 0 auto;
  width: 34px !important;
  height: 34px !important;
  padding: 8px !important;
  border-radius: 10px !important;
  color: #667085 !important;
  background: #fff !important;
  border: 1px solid #e5eaf2 !important;
}
.bd-mobile-search-action {
  width: 100%;
  height: 46px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 0 13px;
  color: #344054;
  background: #fff;
  border: 1px solid #dce5f2;
  border-radius: 13px;
  font: inherit;
  font-size: 14px;
  text-align: left;
  box-shadow: 0 5px 14px rgba(15,23,42,.035);
}
.bd-mobile-search-action .uk-icon { color: #7f8da1; }
.bd-mobile-search-hint {
  margin-left: auto;
  color: #a2adbc;
  font-size: 11px;
}
.bd-mobile-quick-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin-bottom: 22px;
}
.bd-mobile-quick-grid > a,
.bd-mobile-quick-grid > button {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 68px;
  padding: 11px;
  color: #344054 !important;
  background: #fff;
  border: 1px solid #e3e9f2;
  border-radius: 14px;
  font: inherit;
  text-align: left;
  box-shadow: 0 5px 14px rgba(15,23,42,.03);
}
.bd-mobile-quick-grid > a:hover { text-decoration: none; }
.bd-mobile-quick-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--bd-primary);
  background: #edf4ff;
  border-radius: 10px;
}
.bd-mobile-quick-grid strong,
.bd-mobile-quick-grid small {
  display: block;
}
.bd-mobile-quick-grid strong {
  color: #243044;
  font-size: 13px;
  line-height: 1.4;
}
.bd-mobile-quick-grid small {
  margin-top: 3px;
  color: #98a2b3;
  font-size: 10px;
  line-height: 1.4;
}
.bd-mobile-nav-section + .bd-mobile-nav-section {
  margin-top: 20px;
}
.bd-mobile-section-title {
  margin: 0 0 9px;
  color: #98a2b3;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}
.bd-mobile-nav-list {
  margin: 0;
  padding: 5px;
  background: #fff;
  border: 1px solid #e5eaf2;
  border-radius: 14px;
}
.bd-mobile-nav-list > li > a {
  min-height: 42px;
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 0 11px !important;
  color: #475467 !important;
  border-radius: 10px;
  font-size: 14px;
}
.bd-mobile-nav-list > li.uk-active > a {
  color: var(--bd-primary) !important;
  background: #f2f7ff;
  font-weight: 650;
}
.bd-mobile-category-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bd-mobile-category-item {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  padding: 11px;
  color: inherit !important;
  background: #fff;
  border: 1px solid #e5eaf2;
  border-radius: 14px;
}
.bd-mobile-category-item:hover { text-decoration: none; border-color: #cfe0ff; }
.bd-mobile-category-icon {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--bd-primary);
  background: #f0f6ff;
  border-radius: 11px;
}
.bd-mobile-category-copy {
  min-width: 0;
  flex: 1;
}
.bd-mobile-category-copy strong,
.bd-mobile-category-copy small { display: block; }
.bd-mobile-category-copy strong {
  color: #2d3748;
  font-size: 13px;
  line-height: 1.45;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bd-mobile-category-copy small {
  margin-top: 2px;
  color: #98a2b3;
  font-size: 10px;
  line-height: 1.45;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bd-mobile-category-count {
  flex: 0 0 auto;
  min-width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  color: #667085;
  background: #f4f6f8;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 650;
}
.bd-mobile-drawer-foot {
  margin-top: 20px;
  padding: 13px 14px;
  color: #98a2b3;
  background: rgba(255,255,255,.62);
  border: 1px dashed #dce4ef;
  border-radius: 12px;
  font-size: 11px;
  line-height: 1.6;
  text-align: center;
}

@media (max-width: 639px) {
  /* Reduce mobile hero too; keep search but avoid a full-screen wall. */
  body > header .uk-section-hero {
    padding: 28px 0 24px !important;
  }
  body > header .bd-hero-container,
  body > header.bd-inner-header .bd-hero-container {
    gap: 16px !important;
  }
  body > header .bd-hero-eyebrow {
    height: 24px !important;
    margin-bottom: 8px !important;
  }
  body > header .uk-section-hero h1 {
    font-size: 29px !important;
  }
  body > header .bd-hero-subtitle {
    margin-top: 10px !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
  }
  body > header .bd-hero-actions {
    margin-top: 16px !important;
  }
  body > header .bd-btn {
    height: 38px !important;
    padding: 0 15px !important;
  }
  body > header .bd-search-card {
    padding: 13px !important;
  }
  body > header .hero-search .uk-search-input {
    height: 48px !important;
  }
  body > header .bd-search-tips {
    margin-top: 8px !important;
  }
}


/* ===== legacy layer: beardocs_modern_v35.css ===== */
/* BearDocs Modern UI v3.5 — documentation article refinement */

/* Replace blog-style author card with compact, useful documentation metadata. */
.bd-doc-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px 16px;
  margin: 18px 0 26px;
  padding: 0;
  color: #7b8798;
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: 13px;
  line-height: 1.6;
}
.bd-doc-meta-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.bd-doc-meta-item + .bd-doc-meta-item::before {
  content: "";
  width: 3px;
  height: 3px;
  margin-right: 10px;
  border-radius: 50%;
  background: #c4ccd8;
}
.bd-doc-meta-item .uk-icon { color: #9ba8ba; }
.bd-doc-meta-type {
  color: #4f6f9f;
  font-weight: 600;
}
/* Hide any legacy author presentation if custom code re-injects it. */
.uk-article > .uk-article-meta { display: none !important; }

/* TOC trigger: smaller and more documentation-like. */
#menuBtn {
  min-height: 38px !important;
  padding: 0 15px !important;
  color: #3569a8 !important;
  background: #f7faff !important;
  border: 1px solid #d9e7fb !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
#menuBtn .uk-icon { margin-right: 4px; }
#menuBtn:hover {
  background: #eef5ff !important;
  border-color: #c7dcfb !important;
}

/* Table of contents panel */
.bd-toc-offcanvas .uk-offcanvas-overlay::before { background: rgba(20,33,51,.26); }
.bd-toc-drawer {
  width: min(360px, 88vw) !important;
  padding: 0 !important;
  color: #334155 !important;
  background: #fbfdff !important;
  border-right: 1px solid #e3eaf4;
  box-shadow: 18px 0 48px rgba(31, 50, 78, .12);
}
.bd-toc-close {
  top: 21px !important;
  right: 18px !important;
  width: 32px;
  height: 32px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #8a97a8 !important;
  border-radius: 9px;
}
.bd-toc-close:hover { background: #f0f4f9; color: #3f4d60 !important; }
.bd-toc-head {
  flex: 0 0 auto;
  padding: 28px 28px 20px;
  border-bottom: 1px solid #edf1f6;
}
.bd-toc-kicker {
  margin-bottom: 7px;
  color: #2680eb;
  font-size: 10px;
  line-height: 1;
  font-weight: 750;
  letter-spacing: .14em;
}
.bd-toc-title {
  color: #1f2937;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 730;
}
.bd-toc-subtitle {
  margin-top: 6px;
  color: #98a2b3;
  font-size: 12px;
  line-height: 1.6;
}
.bd-toc-scroll {
  min-height: 0;
  flex: 1 1 auto;
  padding: 14px 18px 18px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.bd-toc-foot {
  flex: 0 0 auto;
  margin: 0 20px 18px;
  padding: 11px 12px;
  color: #98a2b3;
  background: #f5f8fc;
  border-radius: 10px;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}

/* Override the bundled outline plugin's dated presentation. */
.bd-toc-scroll .outline-navigator,
.bd-toc-scroll .outline-navigator__main {
  width: 100% !important;
  overflow: visible !important;
}
.bd-toc-scroll .outline-navigator__title { display: none !important; }
.bd-toc-scroll .outline-navigator__list {
  padding: 0 !important;
}
.bd-toc-scroll .outline-navigator__subject {
  padding-left: 13px !important;
  margin-left: 9px !important;
  border-left: 1px solid #e6ecf4;
}
.bd-toc-scroll .outline-navigator__item {
  min-height: 0 !important;
  margin: 2px 0 !important;
  line-height: 1.45 !important;
  font-size: 13px !important;
  overflow: visible !important;
}
.bd-toc-scroll .outline-navigator__anchor {
  position: relative;
  display: block !important;
  padding: 8px 10px !important;
  color: #5f6b7a !important;
  border-radius: 9px;
  white-space: normal !important;
  text-overflow: clip !important;
  line-height: 1.45 !important;
}
.bd-toc-scroll .outline-navigator__anchor:hover {
  color: #1268d6 !important;
  background: #f1f6fd;
  text-decoration: none !important;
}
.bd-toc-scroll .outline-navigator_highlight.outline-navigator__anchor {
  color: #1268d6 !important;
  background: #edf5ff;
  font-weight: 650 !important;
}
.bd-toc-scroll .outline-navigator_highlight.outline-navigator__anchor::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 9px;
  bottom: 9px;
  width: 2px;
  background: #2680eb;
  border-radius: 2px;
}
.bd-toc-scroll .outline-navigator__placeholder {
  display: none !important;
}

/* Three-column desktop sidebar */
.bd-toc-sidebar {
  padding: 18px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.bd-toc-head-sidebar {
  padding: 0 4px 15px;
  border-bottom: 1px solid #edf1f6;
}
.bd-toc-head-sidebar .bd-toc-title { font-size: 16px; }
.bd-toc-head-sidebar .bd-toc-subtitle { font-size: 11px; }
.bd-toc-sidebar .bd-toc-scroll {
  max-height: calc(100vh - 235px);
  padding: 12px 0 0;
}

@media (max-width: 639px) {
  .bd-doc-meta {
    gap: 6px 12px;
    margin: 14px 0 22px;
    font-size: 12px;
  }
  .bd-doc-meta-item + .bd-doc-meta-item::before {
    margin-right: 6px;
  }
  .bd-toc-drawer {
    width: min(330px, 86vw) !important;
    border-radius: 0 16px 16px 0;
  }
  .bd-toc-head { padding: 24px 22px 17px; }
  .bd-toc-title { font-size: 18px; }
  .bd-toc-scroll { padding: 12px 13px 16px; }
  .bd-toc-scroll .outline-navigator__anchor {
    padding: 9px 10px !important;
    font-size: 13px !important;
  }
  .bd-toc-foot { margin: 0 14px 14px; }
}


/* ===== legacy layer: beardocs_modern_v36.css ===== */
/* BearDocs Modern UI v3.6 — knowledge-base polish, no blog comments */

/* 1) Knowledge-base article: remove residual blog/comment surfaces. */
#comments,
#respond,
.comment-list,
.comment-children,
.bd-comments,
.comments-title { display: none !important; }

/* Article page becomes a clean documentation sheet rather than a blog card. */
.uk-section-muted > .uk-container > .uk-background-default {
  border-color: #e7edf6 !important;
  box-shadow: 0 10px 30px rgba(31,50,78,.045) !important;
}
.uk-article-title {
  margin-bottom: 10px !important;
  font-size: clamp(30px, 3vw, 40px) !important;
  letter-spacing: -.03em !important;
}
.bd-doc-meta {
  margin: 12px 0 30px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid #edf1f6 !important;
}
.uk-article-content {
  color: #3f4d60 !important;
  font-size: 16px !important;
  line-height: 1.95 !important;
}
.uk-article-content > p:first-child { margin-top: 0 !important; }
.uk-article-content h2 {
  position: relative;
  padding-left: 14px !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.uk-article-content h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: .18em;
  bottom: .18em;
  width: 3px;
  border-radius: 2px;
  background: #2680eb;
}

/* Previous / next is useful in docs, but should not look like a giant empty box. */
.paginate-post {
  margin-top: 42px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #e8edf5 !important;
  border-radius: 0 !important;
}
.paginate-post > div {
  gap: 0 !important;
  margin-left: 0 !important;
}
.paginate-post > div > div {
  box-sizing: border-box;
  min-height: 96px;
  padding: 20px 18px 14px !important;
}
.paginate-post > div > div:first-child { border-right: 1px solid #edf1f6; }
.paginate-post h5 {
  margin: 0 0 7px !important;
  color: #98a2b3 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: .08em !important;
}
.paginate-post a {
  color: #344054 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 650 !important;
}
.paginate-post a:hover { color: #1268d6 !important; }

/* 2) Homepage directory: denser, balanced knowledge-base cards. */
.bd-home-directory {
  padding: 24px !important;
}
.bd-home-directory .bd-section-head-lg { margin-bottom: 18px !important; }
.bd-home-directory .bd-section-head h2 {
  font-size: 22px !important;
  letter-spacing: -.02em;
}
.bdnewui_index_category-grid {
  align-items: start !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 14px !important;
}
.bdnewui_index_category-item {
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
  border-radius: 15px !important;
  border-color: #e4eaf3 !important;
  box-shadow: 0 4px 14px rgba(15,23,42,.025) !important;
  overflow: hidden !important;
}
.bdnewui_index_category-item:hover {
  transform: translateY(-1px) !important;
  border-color: #c9dcfb !important;
  box-shadow: 0 10px 24px rgba(31,82,145,.07) !important;
}
.bdnewui_index_category-content {
  display: block !important;
  padding: 18px !important;
}
.bdnewui_index_item-header {
  margin-bottom: 13px !important;
  padding-bottom: 13px !important;
  border-bottom: 1px solid #eef2f7 !important;
}
.bdnewui_index_item-header-icon {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  margin-right: 0 !important;
  border-radius: 11px !important;
}
.bdnewui_index_category-name { font-size: 17px !important; }
.bdnewui_index_category-desc {
  margin-top: 3px !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}
.bdnewui_index_article-count {
  height: 24px !important;
  min-width: 24px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
}
.bdnewui_index_articles-panel {
  min-height: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}
.bdnewui_index_article-list li + li { margin-top: 6px !important; }
.bdnewui_index_article-link {
  padding: 7px 5px !important;
  border-radius: 8px;
  font-size: 13px !important;
  line-height: 1.55 !important;
}
.bdnewui_index_article-link:hover { background: #f7faff; }
.bdnewui_index_article-link::before {
  width: 5px !important;
  height: 5px !important;
}
.bdnewui_index_no-articles {
  padding: 14px 8px 7px !important;
  color: #a0a9b7 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}
.bdnewui_index_view-all-btn {
  width: auto !important;
  min-width: 0 !important;
  height: 32px !important;
  margin-top: 12px !important;
  padding: 0 11px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #f3f7fd !important;
  font-size: 12px !important;
}
.bdnewui_index_view-all-btn:hover { background: #eaf2ff !important; }

/* 3) Unify panel language: smaller radii, lighter shadows, calmer blue. */
.bd-panel {
  border-radius: 16px !important;
  border-color: #e5eaf2 !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.035) !important;
}
.bd-featured-card {
  border-radius: 14px !important;
  box-shadow: none !important;
}
.bd-featured-card:hover { box-shadow: 0 8px 22px rgba(31,82,145,.06) !important; }
.bd-section-eyebrow {
  height: 22px !important;
  padding: 0 9px !important;
  font-size: 10px !important;
}
.bd-section-head h2 { font-weight: 720 !important; }

/* Back-to-top remains a utility, not a floating visual focal point. */
#gotop {
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 5px 16px rgba(15,23,42,.06) !important;
}

@media (max-width: 1199px) {
  .bdnewui_index_category-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 639px) {
  .bd-home-directory { padding: 17px !important; }
  .bdnewui_index_category-grid { grid-template-columns: 1fr !important; gap: 11px !important; }
  .bdnewui_index_category-content { padding: 15px !important; }
  .bdnewui_index_item-header { margin-bottom: 10px !important; padding-bottom: 10px !important; }
  .paginate-post > div > div {
    min-height: 78px;
    padding: 15px 10px 12px !important;
  }
  .paginate-post > div > div:first-child { border-right: 0; border-bottom: 1px solid #edf1f6; }
  .uk-article-title { font-size: 28px !important; }
  .bd-doc-meta { margin-bottom: 24px !important; }
}


/* ===== legacy layer: beardocs_modern_v37.css ===== */
/* BearDocs Modern UI v3.7 — search spacing, documentation icons, footer polish */

/* Search cursor should not visually collide with the search glyph. */
body > header .hero-search .uk-search-input {
  padding-left: 70px !important;
}
body > header .hero-search .uk-search-icon {
  left: 20px !important;
  width: 24px !important;
}
body > header .hero-search .uk-search-icon svg {
  width: 22px !important;
  height: 22px !important;
}

/* Knowledge-base categories use a document/book metaphor instead of a settings cog. */
.bd-category-doc-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  line-height: 1;
  color: #1677ff;
}
.bdnewui_index_item-header-icon .bd-category-doc-icon {
  font-size: 24px;
}
.bd-mobile-category-icon .bd-category-doc-icon {
  font-size: 19px;
}

/* Keep the footer product-neutral and visually quiet. */
footer.uk-section-small .uk-margin-medium {
  line-height: 1.9;
}

@media (max-width: 639px) {
  body > header .hero-search .uk-search-input {
    padding-left: 62px !important;
  }
  body > header .hero-search .uk-search-icon {
    left: 18px !important;
  }
}


/* ===== legacy layer: beardocs_modern_v38.css ===== */
/* BearDocs Modern UI v3.8 — compact knowledge-base archive pages */
.bd-archive-page {
  padding-top: 26px !important;
  padding-bottom: 44px !important;
}
.bd-archive-page > .uk-container { max-width: 1180px; }
.bd-archive-head {
  min-height: 0 !important;
  margin: 0 0 22px;
  padding: 22px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
  border: 1px solid #e2e9f3;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(31,35,41,.04);
  text-align: left !important;
}
.bd-archive-head-main { display:flex; align-items:center; gap:16px; min-width:0; }
.bd-archive-icon {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d7e5ff;
  border-radius: 14px;
  background: #f1f6ff;
  color: #1677ff;
  font-size: 25px;
}
.bd-archive-head-copy { min-width:0; }
.bd-archive-kicker {
  margin-bottom: 3px;
  color: #1677ff;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
}
.bd-archive-head h1 {
  margin: 0;
  color: #1d2129;
  font-size: 27px;
  line-height: 1.35;
  font-weight: 750;
  letter-spacing: -.02em;
  word-break: break-word;
}
.bd-archive-head p {
  margin: 5px 0 0;
  color: #667085;
  font-size: 14px;
  line-height: 1.7;
  word-break: break-word;
}
.bd-archive-subcat-trigger {
  height: 36px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid #d9e5f7;
  border-radius: 9px;
  background: #fff;
  color: #475467;
  font-size: 13px;
  cursor: pointer;
}
.bd-archive-subcat-trigger:hover { color:#1677ff; border-color:#bcd5ff; }
.bd-archive-subcat-dropdown { border-radius:12px !important; border:1px solid #e4eaf3; box-shadow:0 12px 32px rgba(31,35,41,.10); }
.bd-archive-subcat-dropdown a { display:flex !important; align-items:center; gap:8px; }
.bd-archive-list-head {
  display:flex;
  align-items:baseline;
  gap:12px;
  margin: 0 0 12px;
  padding: 0 2px;
}
.bd-archive-list-head h2 { margin:0; color:#1d2129; font-size:20px; line-height:1.4; font-weight:700; }
.bd-archive-list-head span { color:#98a2b3; font-size:13px; }
.bd-doc-archive-list.bdnewui_archive_container {
  max-width: none;
  margin: 0;
  padding: 0;
}
.bd-doc-archive-card.bdnewui_archive_card {
  position: relative;
  margin: 0 0 12px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e3e9f2;
  border-radius: 14px;
  box-shadow: none;
  backdrop-filter: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.bd-doc-archive-card.bdnewui_archive_card:hover {
  transform: translateY(-1px);
  border-color: #bdd5fb;
  box-shadow: 0 8px 22px rgba(30,83,160,.06);
}
.bd-doc-archive-card .bdnewui_archive_content { padding: 19px 22px 17px; }
.bd-doc-archive-link { position:absolute; inset:0; z-index:1; }
.bd-doc-archive-card .bdnewui_archive_title,
.bd-doc-archive-card .bdnewui_archive_excerpt,
.bd-doc-archive-card .bd-doc-archive-meta,
.bd-doc-archive-card .bd-doc-archive-type { position:relative; z-index:2; pointer-events:none; }
.bd-doc-archive-card .bdnewui_archive_title a { pointer-events:auto; position:relative; z-index:3; }
.bd-doc-archive-type {
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-bottom:7px;
  color:#1677ff;
  font-size:12px;
  font-weight:650;
}
.bd-doc-archive-card .bdnewui_archive_title {
  margin: 0 0 7px;
  color:#1d2129;
  font-size:20px;
  line-height:1.45;
  font-weight:700;
  letter-spacing:0;
}
.bd-doc-archive-card:hover .bdnewui_archive_title { color:#1677ff; }
.bd-doc-archive-card .bdnewui_archive_title a { color:inherit; text-decoration:none; }
.bd-doc-archive-card .bdnewui_archive_excerpt {
  margin: 0 0 12px;
  color:#667085;
  font-size:14px;
  line-height:1.75;
}
.bd-doc-archive-meta {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap: 8px 18px;
  padding-top: 11px;
  border-top:1px solid #eef2f7;
  color:#98a2b3;
  font-size:12px;
}
.bd-doc-archive-meta span { display:inline-flex; align-items:center; gap:5px; }
.bd-doc-archive-read { margin-left:auto; color:#1677ff !important; font-weight:650; }
.bdnewui_archive_pagination { margin: 28px 0 8px !important; }
.bdnewui_archive_page,.bdnewui_archive_prev,.bdnewui_archive_next,
.bdnewui_archive_active span,.bdnewui_archive_disabled span {
  min-width: 38px !important;
  height: 38px !important;
  border-radius: 9px !important;
  font-size: 13px !important;
  box-shadow: none !important;
}
.bdnewui_archive_page:hover,.bdnewui_archive_prev:hover,.bdnewui_archive_next:hover,
.bdnewui_archive_active span { background:#1677ff !important; border-color:#1677ff !important; color:#fff !important; transform:none !important; }
.bd-archive-empty {
  padding: 58px 24px;
  text-align:center;
  background:#fff;
  border:1px solid #e3e9f2;
  border-radius:16px;
}
.bd-archive-empty-icon {
  width:54px; height:54px;
  margin:0 auto 14px;
  display:flex; align-items:center; justify-content:center;
  border-radius:14px;
  background:#f2f6fc;
  color:#8b99aa;
  font-size:27px;
}
.bd-archive-empty h2 { margin:0; color:#1d2129; font-size:20px; }
.bd-archive-empty p { margin:8px 0 20px; color:#667085; font-size:14px; }

/* The old archive hero should never reappear on category pages. */
.bd-archive-page .uk-background-muted.uk-padding.uk-panel { display:none !important; }

@media (max-width: 639px) {
  .bd-archive-page { padding-top: 16px !important; padding-bottom: 28px !important; }
  .bd-archive-head { padding: 17px; margin-bottom:16px; align-items:flex-start; }
  .bd-archive-icon { width:42px; height:42px; flex-basis:42px; border-radius:12px; font-size:21px; }
  .bd-archive-head h1 { font-size:22px; }
  .bd-archive-head p { font-size:13px; }
  .bd-archive-subcategories { display:none; }
  .bd-archive-list-head { margin-bottom:10px; }
  .bd-archive-list-head h2 { font-size:18px; }
  .bd-archive-list-head span { display:none; }
  .bd-doc-archive-card .bdnewui_archive_content { padding:17px; }
  .bd-doc-archive-card .bdnewui_archive_title { font-size:18px; }
  .bd-doc-archive-card .bdnewui_archive_excerpt { font-size:13px; }
  .bd-doc-archive-read { width:100%; margin-left:0; }
}


/* ===== legacy layer: beardocs_modern_v39.css ===== */
/* BearDocs UI v3.9 — text caret / selection behavior refinement */

/*
 * Knowledge-base chrome is interface, not editable document text.
 * Prevent browser caret-browsing from leaving an insertion-like caret on UI copy.
 * Actual tutorial/article content remains fully selectable and copyable below.
 */
body,
body > header,
.bd-navbar-shell,
.bd-navbar-menu,
.bd-navbar-actions,
.uk-section-hero,
.bd-hero-copy,
.bd-search-tips,
.bd-home-main,
.bd-panel,
.bd-section-head,
.bd-featured-card,
.bd-latest-list,
.bd-home-directory,
.bdnewui_index_category-grid,
.bdnewui_index_category-item,
.bd-archive-shell,
.bd-archive-head,
.bd-archive-list,
.bd-archive-card,
footer,
#gotop,
.uk-offcanvas,
.uk-offcanvas-bar,
#menus,
#offcanvas-docs {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Inputs and controls must retain native text editing behavior. */
input,
textarea,
select,
[contenteditable="true"],
[role="textbox"] {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

/* Tutorial content is deliberately copyable. */
.uk-article-content,
.uk-article-content *,
.bd-doc-copyable,
.bd-doc-copyable * {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

/* Give UI surfaces a normal interface cursor instead of a text-editing feel. */
body > header,
.uk-section-hero,
.bd-home-main,
.bd-panel,
.bd-archive-shell,
.bd-archive-card,
footer {
  cursor: default;
}

a, button, [role="button"], label { cursor: pointer; }
input, textarea, [contenteditable="true"], [role="textbox"] { cursor: text; }
.uk-article-content { cursor: auto; }

/* Selection remains visually clear inside documentation content. */
.uk-article-content ::selection,
.uk-article-content::selection {
  background: rgba(0, 110, 255, .16);
}


/* ===== legacy layer: beardocs_modern_v40.css ===== */
/* BearDocs UI v4.0 — visual polish base */
:root {
  --bd-primary: #1677ff;
  --bd-primary-hover: #0958d9;
  --bd-primary-soft: #eff6ff;
  --bd-text: #182230;
  --bd-text-2: #475467;
  --bd-muted: #98a2b3;
  --bd-border: #e4eaf2;
  --bd-border-soft: #edf1f6;
  --bd-bg: #f5f8fc;
  --bd-panel-shadow: 0 8px 28px rgba(15, 23, 42, .045);
}
body { background: var(--bd-bg); }
.bd-home-main { padding-top: 28px !important; }
.bd-panel { border-color: var(--bd-border) !important; box-shadow: var(--bd-panel-shadow) !important; }
.bd-section-head-icon { align-items: center; }
.bd-section-title-row { display:flex; align-items:center; gap:14px; min-width:0; }
.bd-section-icon { width:46px; height:46px; flex:0 0 46px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #dce8fb; border-radius:14px; background:#f7faff; color:var(--bd-primary); font-size:22px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.8); }
.bd-section-icon-featured { background:linear-gradient(145deg,#f2f7ff,#fff); }
.bd-section-icon-latest { background:linear-gradient(145deg,#f4f8ff,#fff); }
.bd-section-icon-directory { background:linear-gradient(145deg,#eef6ff,#fff); }
.bd-section-head .bd-section-eyebrow { margin-bottom:4px; }
.bd-section-head h2 { margin-top:0 !important; font-size:24px; letter-spacing:-.02em; }
.bd-section-link { display:inline-flex; align-items:center; gap:5px; font-weight:650; }
.bd-section-link i { font-size:16px; transition:transform .18s ease; }
.bd-section-link:hover i { transform:translateX(2px); }
.bd-home-overview-grid { align-items:stretch; grid-template-columns:minmax(0,1.55fr) minmax(330px,.82fr) !important; gap:18px !important; }
.bd-home-featured,.bd-home-latest { min-height:0 !important; }
.bd-featured-grid { grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; }
.bd-featured-card { border-color:var(--bd-border) !important; background:#fff !important; }
.bd-featured-card:hover { border-color:#bfd8ff !important; box-shadow:0 12px 30px rgba(22,119,255,.075) !important; }
.bd-featured-meta { display:inline-flex; align-items:center; gap:6px; }
.bd-featured-meta::before { content:""; width:5px; height:5px; border-radius:50%; background:#91caff; }
.bd-featured-card h3 { font-size:17px !important; }
.bd-featured-card p { color:#667085; }
.bd-inline-link::after { content:"→"; margin-left:3px; }
.bd-latest-list { gap:0 !important; }
.bd-latest-item { position:relative; padding:15px 2px 15px 22px !important; border-bottom:1px solid var(--bd-border-soft) !important; }
.bd-latest-item::before { content:""; position:absolute; left:2px; top:50%; width:7px; height:7px; border-radius:50%; background:#c6dcff; transform:translateY(-50%); transition:background .18s ease,box-shadow .18s ease; }
.bd-latest-item:hover::before { background:var(--bd-primary); box-shadow:0 0 0 4px rgba(22,119,255,.08); }
.bd-latest-title { font-weight:600 !important; }
.bd-latest-date { min-width:42px; text-align:right; color:#a0a9b7 !important; }
.bd-home-directory { padding:24px !important; }
.bdnewui_index_category-grid { gap:16px !important; }
.bdnewui_index_category-item { border-radius:16px !important; box-shadow:none !important; }
.bdnewui_index_category-content { padding:20px !important; }
.bdnewui_index_item-header-icon { width:42px !important; height:42px !important; flex-basis:42px !important; border-radius:12px !important; background:#f4f8ff !important; }
.bd-category-doc-icon { font-size:21px !important; }
.bdnewui_index_category-name { font-size:18px !important; }
.bdnewui_index_category-desc { font-size:13px !important; }
.bdnewui_index_article-count { background:#f4f6f8 !important; color:#667085 !important; }
.bdnewui_index_articles-panel { margin-top:4px; }
.bdnewui_index_view-all-btn { width:auto !important; min-width:98px !important; padding:0 14px !important; background:#f7faff !important; }
.hero-search .uk-search-input { border-color:#d7e0ec !important; background:rgba(255,255,255,.98) !important; }
.hero-search .uk-search-input:hover { border-color:#b7c9df !important; }
.hero-search .uk-search-input:focus { border-color:#69a8ff !important; box-shadow:0 0 0 3px rgba(22,119,255,.08) !important; }
.bd-btn,.bd-navbar-doclink,.bdnewui_index_view-all-btn,#menuBtn,#moreBtn { font-weight:650 !important; }
.bd-btn-primary,.bd-navbar-doclink { box-shadow:0 8px 18px rgba(22,119,255,.14) !important; }
footer.uk-section-small { border-top:1px solid rgba(228,234,242,.8); padding-top:24px !important; }
@media (min-width:1200px) {
  .bd-home-overview-grid > .bd-panel { height:auto !important; }
  .bd-home-featured .bd-featured-grid:has(.bd-featured-card:only-child) { grid-template-columns:minmax(0,460px); }
}
@media (max-width:959px) {
  .bd-section-icon { width:42px; height:42px; flex-basis:42px; font-size:20px; }
  .bd-section-head h2 { font-size:22px; }
}
@media (max-width:639px) {
  .bd-section-title-row { gap:11px; }
  .bd-section-icon { width:38px; height:38px; flex-basis:38px; border-radius:11px; font-size:18px; }
  .bd-home-featured,.bd-home-latest,.bd-home-directory { padding:18px !important; }
  .bd-featured-grid { grid-template-columns:1fr; }
}

/* =========================================================
   BearDocs UI v4.1 — density & hierarchy refinement
   Based on real desktop screenshots.
   ========================================================= */

/* 1) Home hero: reduce dead vertical space without making it cramped. */
body > header.bd-home-header .uk-section-hero {
  padding-top: 34px !important;
  padding-bottom: 42px !important;
}
body > header.bd-home-header .bd-hero-subtitle { margin-bottom: 16px !important; }
body > header.bd-home-header .bd-hero-actions { margin-top: 16px !important; margin-bottom: 18px !important; }
body > header.bd-home-header .bd-search-card { margin-top: 10px !important; padding: 17px 20px !important; }
body > header.bd-home-header .hero-search .uk-search-input { height: 58px !important; }

/* 2) Homepage overview must not force both columns to the same tall height. */
.bd-home-overview-grid {
  align-items: start !important;
}
.bd-home-overview-grid > .bd-panel,
.bd-home-featured,
.bd-home-latest {
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
}
.bd-home-featured,
.bd-home-latest {
  padding: 26px 28px !important;
}
.bd-home-featured .bd-section-head,
.bd-home-latest .bd-section-head {
  margin-bottom: 20px !important;
}

/* Featured card should use width efficiently when there is only one item. */
.bd-home-featured .bd-featured-grid:has(.bd-featured-card:only-child) {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 650px;
}
.bd-featured-card { padding: 22px 24px !important; }
.bd-featured-card p { margin-bottom: 14px !important; line-height: 1.75 !important; }

/* Latest is a compact feed, not a large empty card. */
.bd-home-latest { padding-bottom: 18px !important; }
.bd-latest-item { min-height: 0 !important; }
.bd-latest-list .bd-latest-item:last-child { border-bottom: 0 !important; }

/* 3) Directory: each category card sizes to its own content.
      Empty categories no longer create giant empty blocks. */
.bdnewui_index_category-grid {
  align-items: start !important;
}
.bdnewui_index_category-item {
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
}
.bdnewui_index_category-content {
  display: flex !important;
  flex-direction: column;
  min-height: 0 !important;
}
.bdnewui_index_articles-panel {
  min-height: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 4px !important;
}
.bdnewui_index_category-item .bdnewui_index_view-all-btn {
  margin-top: 14px !important;
  height: 38px !important;
}
.bdnewui_index_category-empty,
.bdnewui_index_no-articles,
.bdnewui_index_empty {
  min-height: 0 !important;
  padding: 18px 8px 8px !important;
}

/* 4) Inner pages: search remains available, but should not dominate reading pages. */
body > header.bd-inner-header .uk-section-hero {
  padding-top: 22px !important;
  padding-bottom: 28px !important;
}
body > header.bd-inner-header .bd-hero-copy {
  margin-bottom: 14px !important;
}
body > header.bd-inner-header .bd-search-card {
  margin-top: 8px !important;
  padding: 14px 18px !important;
}
body > header.bd-inner-header .hero-search .uk-search-input {
  height: 54px !important;
}

/* 5) Reading page: bring the actual document into the first viewport sooner. */
body > header.bd-inner-header + .uk-section,
body > header.bd-inner-header ~ main,
body > header.bd-inner-header ~ .uk-section {
  margin-top: 0 !important;
}
.uk-article,
.bd-article-card,
.bd-post-card,
.bd-doc-article {
  margin-top: 0 !important;
}
.uk-article-content { line-height: 1.9 !important; }

/* Common article shells in BearDocs revisions: reduce oversized top padding safely. */
.uk-section-muted .uk-card.uk-card-default:has(.uk-article-content),
.uk-section-muted .uk-panel:has(.uk-article-content),
.bd-article-shell,
.bd-post-shell {
  padding-top: 34px !important;
}

/* Page-directory / TOC trigger should sit near the title, not float in a void. */
#menuBtn,
.bd-toc-trigger,
.bd-article-toc-trigger {
  margin-bottom: 24px !important;
}

/* 6) Archive/category page: preserve current structure, just tighten hierarchy. */
.bd-archive-page { padding-top: 20px !important; }
.bd-archive-head { margin-bottom: 18px !important; }
.bd-archive-list-head { margin-top: 2px !important; }
.bd-doc-archive-card .bdnewui_archive_content { padding-top: 17px !important; padding-bottom: 15px !important; }

/* 7) Global polish: quieter borders, slightly tighter radius system. */
.bd-panel,
.bd-featured-card,
.bdnewui_index_category-item,
.bd-doc-archive-card,
.bd-search-card {
  border-color: #e2e9f2 !important;
}
.bd-home-featured,
.bd-home-latest,
.bd-home-directory {
  border-radius: 18px !important;
}
.bd-section-icon {
  border-radius: 13px !important;
}

@media (max-width: 959px) {
  body > header.bd-home-header .uk-section-hero { padding: 28px 0 32px !important; }
  body > header.bd-inner-header .uk-section-hero { padding: 18px 0 22px !important; }
  .bd-home-featured,.bd-home-latest { padding: 22px !important; }
}

@media (max-width: 639px) {
  body > header.bd-home-header .uk-section-hero { padding: 22px 0 26px !important; }
  body > header.bd-home-header .bd-search-card,
  body > header.bd-inner-header .bd-search-card { padding: 12px !important; }
  .bd-home-featured,.bd-home-latest { padding: 18px !important; }
  .bd-featured-card { padding: 18px !important; }
}


/* =========================================================
   BearDocs UI v4.4 — mobile information architecture
   Category-first mobile homepage; desktop layout unchanged.
   ========================================================= */

/* Mobile-only category browser is hidden on larger screens. */
.bd-mobile-category-browser { display:none; }

@media (max-width: 639px) {
  /* Mobile is task-first: search -> categories -> selected docs -> latest. */
  .bd-home-main { padding-top: 14px !important; }
  .bd-home-main > .uk-container {
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .bdnewui_announcement { order:0; }
  .bd-mobile-category-browser { order:1; }
  .bd-home-overview-grid { order:2; }
  .bd-home-directory { order:3; }

  /* Dedicated compact category navigator. */
  .bd-mobile-category-browser {
    display:block;
    padding:16px;
    background:#fff;
    border:1px solid #e2e9f2;
    border-radius:16px;
    box-shadow:0 8px 24px rgba(15,23,42,.035);
  }
  .bd-mobile-category-browser-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:11px;
  }
  .bd-mobile-category-browser-head > div { min-width:0; }
  .bd-mobile-category-browser-head > i {
    color:#9aabc0;
    font-size:19px;
  }
  .bd-mobile-category-kicker {
    display:block;
    margin-bottom:2px;
    color:#1677ff;
    font-size:11px;
    line-height:1.4;
    font-weight:700;
  }
  .bd-mobile-category-browser h2 {
    margin:0;
    color:#182230;
    font-size:18px;
    line-height:1.35;
    font-weight:750;
  }
  .bd-mobile-category-browser-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .bd-mobile-category-entry {
    min-width:0;
    min-height:62px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px;
    color:#182230 !important;
    background:#f8fbff;
    border:1px solid #e4ecf7;
    border-radius:12px;
    text-decoration:none !important;
  }
  .bd-mobile-category-entry:active { background:#f1f6ff; }
  .bd-mobile-category-entry-icon {
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#fff;
    border:1px solid #dbe8fb;
    color:#1677ff;
    font-size:17px;
  }
  .bd-mobile-category-entry-copy {
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
  }
  .bd-mobile-category-entry-copy strong {
    overflow:hidden;
    color:#182230;
    font-size:13px;
    line-height:1.35;
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .bd-mobile-category-entry-copy small {
    color:#98a2b3;
    font-size:10px;
    line-height:1.35;
  }
  .bd-mobile-category-entry-arrow {
    display:none;
    margin-left:auto;
    color:#b2bdcb;
    font-size:16px;
  }

  /* The full desktop directory is redundant on phones. */
  .bd-home-directory { display:none !important; }

  /* Overview becomes two compact blocks instead of a long article wall. */
  .bd-home-overview-grid {
    display:flex !important;
    flex-direction:column;
    gap:12px !important;
  }
  .bd-home-featured,
  .bd-home-latest {
    width:100%;
    padding:15px !important;
    border-radius:16px !important;
  }
  .bd-home-featured .bd-section-head,
  .bd-home-latest .bd-section-head {
    margin-bottom:12px !important;
  }
  .bd-section-title-row { gap:9px !important; }
  .bd-section-icon {
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
    border-radius:10px !important;
    font-size:16px !important;
  }
  .bd-section-head .bd-section-eyebrow {
    margin-bottom:1px !important;
    font-size:10px !important;
  }
  .bd-section-head h2 { font-size:17px !important; }
  .bd-home-featured .bd-section-link {
    font-size:11px;
  }

  /* Only two featured documents on phone. */
  .bd-home-featured .bd-featured-grid {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    max-width:none !important;
  }
  .bd-home-featured .bd-featured-card:nth-child(n+3) { display:none !important; }
  .bd-featured-card {
    padding:13px 14px !important;
    border-radius:12px !important;
  }
  .bd-featured-meta {
    margin-bottom:5px !important;
    font-size:10px !important;
  }
  .bd-featured-card h3 {
    display:-webkit-box;
    overflow:hidden;
    margin:0 0 5px !important;
    font-size:14px !important;
    line-height:1.45 !important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .bd-featured-card p {
    display:-webkit-box;
    overflow:hidden;
    margin:0 0 7px !important;
    color:#7a8798 !important;
    font-size:11px !important;
    line-height:1.55 !important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .bd-inline-link { font-size:11px !important; }

  /* Latest: four compact rows are enough for quick scanning. */
  .bd-home-latest .bd-latest-item:nth-child(n+5) { display:none !important; }
  .bd-latest-item {
    min-height:0 !important;
    padding:10px 0 10px 14px !important;
  }
  .bd-latest-item::before {
    left:0 !important;
    width:5px !important;
    height:5px !important;
  }
  .bd-latest-title {
    display:-webkit-box;
    overflow:hidden;
    padding-right:8px;
    font-size:12px !important;
    line-height:1.45 !important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .bd-latest-date {
    min-width:34px !important;
    font-size:9px !important;
  }
  .bd-latest-footer-link {
    margin-top:7px !important;
    font-size:11px !important;
  }

  /* Home hero itself should not push navigation below the fold. */
  body > header.bd-home-header .uk-section-hero {
    padding:18px 0 20px !important;
  }
  body > header.bd-home-header .bd-hero-copy { margin-bottom:10px !important; }
  body > header.bd-home-header .bd-hero-eyebrow { font-size:10px !important; }
  body > header.bd-home-header .bd-hero-copy h1 {
    margin-bottom:6px !important;
    font-size:22px !important;
    line-height:1.25 !important;
  }
  body > header.bd-home-header .bd-hero-subtitle {
    display:-webkit-box;
    overflow:hidden;
    max-width:310px;
    margin:0 auto 10px !important;
    font-size:11px !important;
    line-height:1.5 !important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  body > header.bd-home-header .bd-hero-actions {
    gap:7px !important;
    margin:9px 0 10px !important;
  }
  body > header.bd-home-header .bd-btn {
    min-height:34px !important;
    padding:0 13px !important;
    font-size:11px !important;
  }
  body > header.bd-home-header .bd-search-card {
    margin-top:8px !important;
    padding:10px !important;
    border-radius:13px !important;
  }
  body > header.bd-home-header .bd-search-title,
  body > header.bd-home-header .bd-search-tips { display:none !important; }
  body > header.bd-home-header .hero-search .uk-search-input {
    height:44px !important;
    padding-left:48px !important;
    border-radius:11px !important;
    font-size:13px !important;
  }
  body > header.bd-home-header .hero-search .uk-search-icon {
    left:14px !important;
  }
}

@media (max-width: 379px) {
  .bd-mobile-category-browser-grid { grid-template-columns:1fr; }
  .bd-mobile-category-entry-arrow { display:block; }
}


/* ===== legacy layer: beardocs_modern_v42.css ===== */
/* BearDocs UI v4.2 — reading experience + first-screen density */

/* Home: show useful content sooner. */
body > header.bd-home-header .uk-section-hero {
  padding-top: 26px !important;
  padding-bottom: 30px !important;
}
body > header.bd-home-header .bd-hero-container { align-items: center !important; }
body > header.bd-home-header .bd-hero-copy h1 {
  margin-bottom: 8px !important;
  font-size: clamp(32px, 3.35vw, 46px) !important;
  line-height: 1.16 !important;
}
body > header.bd-home-header .bd-hero-subtitle {
  max-width: 680px;
  margin-top: 7px !important;
  margin-bottom: 11px !important;
  line-height: 1.65 !important;
}
body > header.bd-home-header .bd-hero-actions {
  margin-top: 12px !important;
  margin-bottom: 10px !important;
}
body > header.bd-home-header .bd-search-card {
  padding: 14px 17px !important;
  border-radius: 16px !important;
}
body > header.bd-home-header .bd-search-card-label { margin-bottom: 8px !important; }
body > header.bd-home-header .hero-search .uk-search-input { height: 54px !important; }
body > header.bd-home-header .bd-search-tips { margin-top: 9px !important; }
.bd-home-main { padding-top: 22px !important; }

/* Inner pages: search is utility chrome, not the focal hero. */
body > header.bd-inner-header .uk-section-hero {
  padding-top: 16px !important;
  padding-bottom: 18px !important;
}
body > header.bd-inner-header .bd-hero-copy h1 {
  font-size: clamp(25px,2.4vw,34px) !important;
  margin-bottom: 4px !important;
}
body > header.bd-inner-header .bd-hero-subtitle { margin: 4px 0 0 !important; }
body > header.bd-inner-header .bd-search-card {
  padding: 11px 14px !important;
  border-radius: 14px !important;
}
body > header.bd-inner-header .hero-search .uk-search-input { height: 48px !important; }
body > header.bd-inner-header .bd-search-tips { margin-top: 7px !important; }

/* Reading shell */
.bd-doc-article { color: #344054; }
.bd-doc-header {
  padding: 2px 0 4px;
}
.bd-doc-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
  color: #1677ff;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: .03em;
}
.bd-doc-kicker i { font-size: 15px; }
.bd-doc-article .uk-article-title {
  max-width: 900px;
  margin: 0 0 13px !important;
  color: #172033;
  font-size: clamp(29px,3vw,39px) !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em;
}
.bd-doc-meta {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #7d8899 !important;
  font-size: 12.5px !important;
}
.bd-doc-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  line-height: 1.55;
}
.bd-doc-meta-item i { font-size: 14px; color: #98a5b7; }
.bd-doc-meta-type {
  padding: 3px 8px;
  border: 1px solid #dce9fb;
  border-radius: 999px;
  background: #f5f9ff;
  color: #3975c6 !important;
}
.bd-doc-meta-type i { color: #3975c6; }
.bd-doc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.bd-doc-action {
  min-height: 34px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #dce5f1;
  border-radius: 9px;
  background: #fff;
  color: #526173;
  box-shadow: none;
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}
.bd-doc-action:hover {
  border-color: #b9d4fa;
  background: #f7faff;
  color: #1677ff;
}
.bd-doc-action i { font-size: 15px; }
.bd-doc-divider {
  height: 1px;
  margin: 20px 0 23px;
  background: linear-gradient(90deg,#e8edf4 0%,#e8edf4 78%,transparent 100%);
}

/* Main reading typography: quieter and easier to scan. */
.bd-doc-article .uk-article-content {
  max-width: 820px;
  color: #344054;
  font-size: 16px;
  line-height: 1.92 !important;
}
.bd-doc-article .uk-article-content > :first-child { margin-top: 0 !important; }
.bd-doc-article .uk-article-content h2 {
  margin-top: 2.05em;
  padding-bottom: .52em;
  border-bottom-color: #e9eef5;
  font-size: 1.55em;
}
.bd-doc-article .uk-article-content h3 { margin-top: 1.75em; font-size: 1.25em; }
.bd-doc-article .uk-article-content h4 { font-size: 1.08em; }
.bd-doc-article .uk-article-content img {
  border-radius: 12px;
  border: 1px solid #edf0f4;
}
.bd-doc-article .uk-article-content blockquote {
  margin-left: 0;
  margin-right: 0;
  border-left-width: 3px;
  background: #f7faff;
}
.bd-doc-article .uk-article-content pre {
  border-radius: 12px;
  border: 1px solid #e6eaf0;
}
.bd-doc-article .uk-article-content table {
  font-size: 14px;
}

/* Previous/next becomes navigation instead of a generic box. */
.bd-doc-article .paginate-post {
  max-width: 820px;
  margin-top: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.bd-doc-article .paginate-post [data-uk-grid] { margin-left: -10px !important; }
.bd-doc-article .paginate-post [data-uk-grid] > * { padding-left: 10px !important; }
.bd-doc-article .paginate-post [data-uk-grid] > div > div {
  min-height: 78px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  border: 1px solid #e3e9f2;
  border-radius: 12px;
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.bd-doc-article .paginate-post [data-uk-grid] > div:hover > div {
  border-color: #c4d9f8;
  box-shadow: 0 8px 20px rgba(22,119,255,.055);
  transform: translateY(-1px);
}
.bd-doc-article .paginate-post h5 {
  margin: 0 0 6px !important;
  color: #98a2b3;
  font-size: 11px;
  letter-spacing: .07em;
}
.bd-doc-article .paginate-post a {
  color: #344054 !important;
  font-size: 14px;
  line-height: 1.55;
}
.bd-doc-article .paginate-post a:hover { color: #1677ff !important; }

/* One-column article surface */
.uk-section-muted > .uk-container > .uk-background-default:has(.bd-doc-article) {
  border: 1px solid #e4eaf2;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(15,23,42,.045) !important;
}
.uk-section-muted > .uk-container > .uk-background-default:has(.bd-doc-article) > .uk-container {
  padding-top: 34px !important;
  padding-bottom: 42px !important;
}

/* Three-column reading view: side panels are supportive, not competing. */
.uk-leftbar .uk-card,
.uk-rightbar .uk-card {
  border-color: #e4eaf2 !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 18px rgba(15,23,42,.035) !important;
}
.bd-toc-sidebar { padding: 17px !important; }
.bd-toc-head-sidebar .bd-toc-title { font-size: 16px !important; }
.bd-toc-head-sidebar .bd-toc-subtitle { font-size: 12px !important; }
.menusxx { font-size: 13px; }

/* Tags should feel like metadata, not prominent CTA. */
.bdnewui_tags_container { max-width: 820px; margin-top: 20px !important; }
.bdnewui_tag { height: 30px !important; padding: 0 10px !important; font-size: 12px !important; }

@media (max-width: 959px) {
  body > header.bd-home-header .uk-section-hero { padding: 22px 0 25px !important; }
  body > header.bd-inner-header .uk-section-hero { padding: 14px 0 16px !important; }
  .bd-doc-article .uk-article-content { max-width: none; }
  .bd-doc-article .paginate-post { max-width: none; }
}

@media (max-width: 639px) {
  body > header.bd-home-header .uk-section-hero { padding: 18px 0 21px !important; }
  body > header.bd-home-header .bd-hero-copy h1 { font-size: 29px !important; }
  body > header.bd-home-header .bd-hero-actions { gap: 8px !important; }
  body > header.bd-inner-header .bd-hero-copy { display: none; }
  body > header.bd-inner-header .uk-section-hero { padding: 10px 0 12px !important; }
  .bd-doc-article .uk-article-title { font-size: 27px !important; }
  .bd-doc-meta { gap: 6px 12px !important; }
  .bd-doc-divider { margin: 17px 0 20px; }
  .bd-doc-article .uk-article-content { font-size: 15.5px; line-height: 1.88 !important; }
  .bd-doc-article .paginate-post [data-uk-grid] > div > div { min-height: 68px; padding: 12px 14px; }
}


/* ===== legacy layer: beardocs_modern_v43.css ===== */
/* BearDocs UI v4.3 — content-first density + reading balance */

/* Home overview: content should define the height, not the grid row. */
.bd-home-overview-grid {
  align-items: start !important;
  grid-template-columns: minmax(0, 1.72fr) minmax(300px, .88fr) !important;
  gap: 18px !important;
}
.bd-home-overview-grid > .bd-panel { min-height: 0 !important; height: auto !important; }
.bd-home-featured,
.bd-home-latest { padding: 22px !important; }
.bd-home-featured .bd-section-head,
.bd-home-latest .bd-section-head { margin-bottom: 17px !important; }

/* Featured: a single recommended document should not look like an empty billboard. */
.bd-featured-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 12px !important;
}
.bd-featured-grid .bd-featured-card:only-child {
  grid-column: 1 / -1;
  max-width: 640px;
}
.bd-featured-card { border-radius: 14px !important; }
.bd-featured-card .bd-featured-link { padding: 18px 20px !important; }
.bd-featured-card h3 { margin: 9px 0 7px !important; }
.bd-featured-card p {
  margin-bottom: 13px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Latest: compact but visually finished even with very few documents. */
.bd-home-latest { display: flex !important; flex-direction: column; }
.bd-latest-item { min-height: 47px; }
.bd-latest-footer-link {
  margin-top: 10px;
  padding-top: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  border-top: 1px solid #edf1f6;
  color: #7b8797;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.bd-latest-footer-link:hover { color: #1677ff; text-decoration: none; }
.bd-latest-footer-link i { transition: transform .18s ease; }
.bd-latest-footer-link:hover i { transform: translateX(2px); }

/* Directory: only populated categories are rendered on the homepage. */
.bd-home-directory { padding: 22px !important; }
.bd-home-directory .bd-section-head { margin-bottom: 18px !important; }
.bdnewui_index_category-grid {
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
}
.bdnewui_index_category-item { min-height: 0 !important; height: auto !important; }
.bdnewui_index_category-content { padding: 18px !important; }
.bdnewui_index_articles-panel { min-height: 0 !important; }
.bdnewui_index_view-all-btn { margin-top: 14px !important; }

/* Article surface: center the actual reading column inside the page card. */
.bd-doc-surface {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
.bd-doc-reading-container {
  width: auto !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding: 34px 40px 42px !important;
}
.bd-doc-header { max-width: 960px; }
.bd-doc-article .uk-article-title { max-width: 960px !important; }
.bd-doc-header-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px 20px;
  flex-wrap: wrap;
}
.bd-doc-actions {
  margin-top: 0 !important;
  flex: 0 0 auto;
}
.bd-doc-divider {
  margin: 17px 0 22px !important;
  background: #e9eef5 !important;
}
.bd-doc-article .uk-article-content {
  max-width: 960px !important;
  font-size: 16px;
  line-height: 1.9 !important;
}
.bd-doc-article .uk-article-content p { max-width: 900px; }
.bd-doc-article .uk-article-content h2,
.bd-doc-article .uk-article-content h3,
.bd-doc-article .uk-article-content h4 { max-width: 920px; }
.bd-doc-article .uk-article-content img {
  display: block;
  max-width: 100%;
  height: auto;
}
.bd-doc-article .paginate-post { max-width: 960px !important; }
.bd-doc-article .paginate-post:not(:has(a)) { display: none !important; }
.bd-doc-article .paginate-post [data-uk-grid] > div:not(:has(a)) { display: none !important; }
.bd-doc-article .paginate-post [data-uk-grid] > div:has(a) { flex: 1 1 320px; width: auto !important; }

/* Inner search is useful, but should not compete with the article itself. */
body > header.bd-inner-header .bd-hero-container { max-width: 920px !important; }
body > header.bd-inner-header .bd-hero-copy h1 { font-size: clamp(24px,2.2vw,31px) !important; }
body > header.bd-inner-header .bd-search-card { max-width: 720px; margin-left: auto; margin-right: auto; }

@media (max-width: 959px) {
  .bd-home-overview-grid { grid-template-columns: 1fr !important; }
  .bdnewui_index_category-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .bd-doc-reading-container { max-width: none !important; padding: 28px 26px 34px !important; }
  .bd-doc-header,
  .bd-doc-article .uk-article-title,
  .bd-doc-article .uk-article-content,
  .bd-doc-article .paginate-post { max-width: none !important; }
}

@media (max-width: 639px) {
  .bd-home-featured,
  .bd-home-latest,
  .bd-home-directory { padding: 17px !important; }
  .bd-featured-grid,
  .bdnewui_index_category-grid { grid-template-columns: 1fr !important; }
  .bd-featured-grid .bd-featured-card:only-child { max-width: none; }
  .bd-doc-reading-container { padding: 22px 18px 28px !important; }
  .bd-doc-header-bottom { align-items: flex-start; }
  .bd-doc-actions { width: 100%; }
  .bd-doc-action { flex: 0 0 auto; }
}


/* ===== legacy layer: beardocs_modern_v45.css ===== */
/* BearDocs UI v4.5 — mobile information architecture + true curated recommendations */
.bd-featured-pickline { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.bd-featured-rank {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:26px; height:22px; padding:0 6px;
  border-radius:7px; background:#eef5ff; color:#1677ff;
  font-size:11px; font-weight:750; letter-spacing:.02em;
}
.bd-featured-curated .bd-featured-meta::before { display:none !important; }

@media (max-width: 639px) {
  /* One visual system: sections, not cards inside cards. */
  .bd-home-main { padding-top:16px !important; padding-bottom:26px !important; }
  .bd-home-main > .uk-container { padding-left:12px !important; padding-right:12px !important; }

  /* Category navigator is the primary mobile action. */
  .bd-mobile-category-browser {
    margin:0 0 12px !important;
    padding:0 !important;
    overflow:hidden;
    background:#fff !important;
    border:1px solid #e2e9f3 !important;
    border-radius:15px !important;
    box-shadow:0 5px 18px rgba(31,55,86,.035) !important;
  }
  .bd-mobile-category-browser-head {
    min-height:52px;
    margin:0 !important;
    padding:11px 14px !important;
    border-bottom:1px solid #edf1f6;
  }
  .bd-mobile-category-browser-head h2 { margin:1px 0 0 !important; font-size:16px !important; }
  .bd-mobile-category-kicker { font-size:9px !important; }
  .bd-mobile-category-browser-head > i { color:#98a2b3 !important; font-size:15px !important; }
  .bd-mobile-category-browser-grid {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 !important;
    padding:0 !important;
  }
  .bd-mobile-category-entry {
    min-height:62px !important;
    margin:0 !important;
    padding:11px 12px !important;
    gap:9px !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  .bd-mobile-category-entry:nth-child(odd) { border-right:1px solid #edf1f6 !important; }
  .bd-mobile-category-entry:nth-child(n+3) { border-top:1px solid #edf1f6 !important; }
  .bd-mobile-category-entry-icon {
    width:30px !important; height:30px !important; flex:0 0 30px !important;
    border-radius:8px !important; background:#f5f9ff !important;
    font-size:14px !important;
  }
  .bd-mobile-category-entry-copy strong { font-size:12px !important; }
  .bd-mobile-category-entry-copy small { margin-top:2px; font-size:9px !important; }

  /* Desktop directory is duplicated information on a phone. */
  #bd-home-directory,
  .bd-home-directory { display:none !important; }

  .bd-home-overview-grid { gap:12px !important; }
  .bd-home-featured,
  .bd-home-latest {
    padding:0 !important;
    overflow:hidden;
    border:1px solid #e2e9f3 !important;
    border-radius:15px !important;
    background:#fff !important;
    box-shadow:0 5px 18px rgba(31,55,86,.035) !important;
  }
  .bd-home-featured .bd-section-head,
  .bd-home-latest .bd-section-head {
    min-height:56px;
    margin:0 !important;
    padding:11px 14px !important;
    border-bottom:1px solid #edf1f6;
  }
  .bd-home-featured .bd-section-link { margin-left:auto; font-size:10px !important; }
  .bd-section-title-row { gap:8px !important; }
  .bd-section-icon {
    width:30px !important; height:30px !important; flex-basis:30px !important;
    border-radius:8px !important; font-size:14px !important;
  }
  .bd-section-head .bd-section-eyebrow { font-size:9px !important; }
  .bd-section-head h2 { font-size:16px !important; }

  /* Curated recommendations become a ranked reading list, not mini article cards. */
  .bd-home-featured .bd-featured-grid {
    display:block !important;
    padding:0 !important;
  }
  .bd-home-featured .bd-featured-card,
  .bd-home-featured .bd-featured-card:nth-child(n+3) {
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#fff !important;
  }
  .bd-home-featured .bd-featured-card:nth-child(n+4) { display:none !important; }
  .bd-home-featured .bd-featured-card + .bd-featured-card { border-top:1px solid #edf1f6 !important; }
  .bd-home-featured .bd-featured-link {
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) auto;
    grid-template-areas:"rank title action";
    align-items:center;
    gap:8px;
    min-height:64px;
    padding:10px 13px !important;
  }
  .bd-featured-pickline { grid-area:rank; display:block !important; margin:0 !important; }
  .bd-featured-rank {
    min-width:28px; height:28px; padding:0;
    border-radius:8px; font-size:10px;
  }
  .bd-home-featured .bd-featured-meta { display:none !important; }
  .bd-home-featured .bd-featured-card h3 {
    grid-area:title;
    display:-webkit-box;
    margin:0 !important;
    overflow:hidden;
    color:#182230;
    font-size:12px !important;
    line-height:1.45 !important;
    font-weight:650;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .bd-home-featured .bd-featured-card p { display:none !important; }
  .bd-home-featured .bd-inline-link {
    grid-area:action;
    width:24px; height:24px;
    overflow:hidden;
    color:transparent !important;
    font-size:0 !important;
  }
  .bd-home-featured .bd-inline-link::after {
    content:"→" !important;
    color:#1677ff;
    font-size:15px;
  }

  /* Latest is explicitly an update feed: title + date only. */
  .bd-home-latest .bd-latest-list { padding:0 13px !important; }
  .bd-home-latest .bd-latest-item,
  .bd-home-latest .bd-latest-item:nth-child(n+5) { display:flex !important; }
  .bd-home-latest .bd-latest-item:nth-child(n+6) { display:none !important; }
  .bd-latest-item {
    min-height:48px !important;
    padding:8px 0 8px 13px !important;
  }
  .bd-latest-title {
    font-size:11px !important;
    line-height:1.45 !important;
    -webkit-line-clamp:2 !important;
  }
  .bd-latest-date { min-width:31px !important; font-size:8px !important; }
  .bd-latest-footer-link {
    display:flex !important;
    align-items:center;
    min-height:38px;
    margin:0 !important;
    padding:0 13px !important;
    border-top:1px solid #edf1f6;
    font-size:10px !important;
  }

  /* Remove accidental visual seams between mobile sections. */
  .bd-home-featured:hover,
  .bd-home-latest:hover { transform:none !important; }
}

@media (max-width: 379px) {
  .bd-mobile-category-browser-grid { grid-template-columns:1fr !important; }
  .bd-mobile-category-entry:nth-child(odd) { border-right:0 !important; }
  .bd-mobile-category-entry:nth-child(n+2) { border-top:1px solid #edf1f6 !important; }
}


/* ===== legacy layer: beardocs_modern_v46.css ===== */
/* BearDocs UI v4.6 — mobile hierarchy polish + interaction fixes */

/* Responsive anchor variants: desktop scrolls to the full directory; phone scrolls to category navigation. */
.bd-mobile-directory-link { display:none !important; }
html { scroll-behavior:smooth; }

/* Archive CTA is a real link, not decorative text. */
.bd-doc-archive-card .bd-doc-archive-meta .bd-doc-archive-read {
  position:relative;
  z-index:4;
  pointer-events:auto !important;
  text-decoration:none;
}

@media (max-width:639px) {
  .bd-desktop-directory-link { display:none !important; }
  .bd-mobile-directory-link { display:flex !important; }
  #bd-mobile-category-browser { scroll-margin-top:72px; }

  /* Section headers: separate icon, label and title instead of stacking them tightly. */
  .bd-home-featured .bd-section-head,
  .bd-home-latest .bd-section-head {
    min-height:70px !important;
    padding:12px 14px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    column-gap:10px !important;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  }
  .bd-home-featured .bd-section-title-row,
  .bd-home-latest .bd-section-title-row {
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    gap:1px 10px !important;
  }
  .bd-home-featured .bd-section-icon,
  .bd-home-latest .bd-section-icon {
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
    border-radius:10px !important;
    background:#f4f8ff !important;
    border-color:#d6e5ff !important;
    font-size:16px !important;
  }
  .bd-home-featured .bd-section-title-row > div,
  .bd-home-latest .bd-section-title-row > div {
    display:contents !important;
  }
  .bd-home-featured .bd-section-eyebrow,
  .bd-home-latest .bd-section-eyebrow {
    grid-column:2 !important;
    grid-row:1 !important;
    width:max-content;
    margin:0 0 1px !important;
    padding:2px 7px !important;
    border-radius:999px !important;
    background:#eef5ff !important;
    color:#1677ff !important;
    font-size:9px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
  }
  .bd-home-featured .bd-section-head h2,
  .bd-home-latest .bd-section-head h2 {
    grid-column:2 !important;
    grid-row:2 !important;
    margin:0 !important;
    font-size:17px !important;
    line-height:1.25 !important;
    letter-spacing:-.01em !important;
  }
  .bd-home-featured .bd-section-link {
    align-self:center !important;
    justify-self:end !important;
    margin:0 !important;
    padding:6px 8px !important;
    border-radius:8px !important;
    background:#f6f9fd !important;
    color:#1677ff !important;
    font-size:10px !important;
    font-weight:650 !important;
  }

  /* Latest gets a distinct update-feed identity. */
  .bd-home-latest .bd-section-head {
    border-bottom:1px solid #edf1f6 !important;
  }
  .bd-home-latest .bd-section-icon {
    background:#f2f8ff !important;
  }
  .bd-home-latest .bd-latest-item {
    position:relative;
    min-height:50px !important;
    padding:9px 0 9px 14px !important;
  }
  .bd-home-latest .bd-latest-item::before {
    left:0 !important;
    width:6px !important;
    height:6px !important;
  }
  .bd-latest-footer-link.bd-mobile-directory-link {
    justify-content:space-between !important;
    min-height:40px !important;
    color:#667085 !important;
    background:#fbfcfe !important;
  }

  /* Category navigator: stronger header + simpler cells for a more ordered feel. */
  .bd-mobile-category-browser-head {
    min-height:62px !important;
    padding:12px 14px !important;
    background:linear-gradient(180deg,#fff,#fbfdff) !important;
  }
  .bd-mobile-category-kicker {
    display:inline-flex !important;
    margin-bottom:2px !important;
    padding:2px 6px !important;
    border-radius:999px !important;
    background:#eef5ff !important;
    color:#1677ff !important;
    font-size:9px !important;
    font-weight:700 !important;
  }
  .bd-mobile-category-browser-head h2 { font-size:17px !important; }
  .bd-mobile-category-entry {
    min-height:68px !important;
    padding:12px !important;
  }
  .bd-mobile-category-entry-arrow { display:none !important; }

  /* Archive cards: make the explicit CTA reliably tappable. */
  .bd-doc-archive-card .bd-doc-archive-meta {
    position:relative !important;
    z-index:5 !important;
    pointer-events:auto !important;
  }
  .bd-doc-archive-card .bd-doc-archive-read {
    width:auto !important;
    margin-left:0 !important;
    padding:7px 10px !important;
    border-radius:8px !important;
    background:#f4f8ff !important;
    color:#1677ff !important;
    pointer-events:auto !important;
  }
}


/* ===== legacy layer: beardocs_modern_v47.css ===== */
/* BearDocs UI v4.7 — navigation reliability + search/findability */

/* Responsive start-reading target: never scroll to a display:none desktop directory on phones. */
.bd-start-reading-mobile { display:none !important; }
#bd-home-directory,
#bd-home-latest,
#bd-mobile-category-browser { scroll-margin-top:84px; }

/* Search suggestion chips become real controls. */
.bd-search-tips { align-items:center; }
.bd-search-tip {
  appearance:none;
  -webkit-appearance:none;
  margin:0;
  padding:4px 10px;
  border:1px solid transparent;
  border-radius:999px;
  background:#f2f5f9;
  color:#667085;
  font:inherit;
  font-size:12px;
  line-height:1.45;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}
.bd-search-tip:hover {
  background:#eef5ff;
  border-color:#d9e8ff;
  color:#1677ff;
}
.bd-search-tip:active { transform:translateY(1px); }
.bd-search-tip:focus-visible {
  outline:none;
  border-color:#8fc0ff;
  box-shadow:0 0 0 3px rgba(22,119,255,.09);
}

/* Search feels like the primary tool, but stays restrained. */
.bd-search-card { position:relative; }
.bd-search-card::after {
  content:"按 / 快速搜索";
  position:absolute;
  right:20px;
  top:17px;
  color:#b0b8c5;
  font-size:11px;
  line-height:1;
}

/* Small interaction affordance for internal jump links. */
a[href^="#bd-"] { -webkit-tap-highlight-color:transparent; }

@media (max-width:639px) {
  .bd-start-reading-desktop { display:none !important; }
  .bd-start-reading-mobile { display:inline-flex !important; }
  #bd-mobile-category-browser,
  #bd-home-latest { scroll-margin-top:68px; }

  .bd-search-card::after { display:none; }
  .bd-search-tips {
    display:flex !important;
    flex-wrap:wrap;
    gap:5px !important;
  }
  .bd-search-tips > span { width:auto !important; margin-right:2px !important; }
  .bd-search-tip {
    min-height:25px;
    padding:3px 8px;
    font-size:9px;
  }

  /* Stronger tap feedback on the primary mobile discovery path. */
  .bd-mobile-category-entry:active { background:#f7faff !important; }
  .bd-home-featured .bd-featured-link:active,
  .bd-home-latest .bd-latest-item:active { background:#fafcff !important; }
}


/* ===== legacy layer: beardocs_modern_v48.css ===== */
/* BearDocs UI v4.8 — desktop rhythm, semantic latest feed, denser directory */

/* Latest means latest: it may overlap with editor picks, because the modules now have different jobs. */
.bd-home-latest .bd-section-head { margin-bottom: 10px !important; }
.bd-home-latest .bd-latest-list { min-height: 0 !important; }
.bd-home-latest .bd-latest-item {
  min-height: 48px;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.bd-home-latest .bd-latest-footer-link {
  margin-top: 8px !important;
  padding-top: 12px !important;
}

/* Curated cards should read as editorial picks rather than another chronological list. */
.bd-featured-curated .bd-featured-card {
  min-height: 196px;
}
.bd-featured-curated .bd-featured-rank {
  letter-spacing: .04em;
}
.bd-featured-curated .bd-featured-meta {
  color: #98a2b3 !important;
  font-size: 11px !important;
}

/* Wide desktop: four categories in one row removes the orphan card / large blank area. */
@media (min-width: 1280px) {
  .bd-home-directory .bdnewui_index_category-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch;
  }
  .bd-home-directory .bdnewui_index_category-item {
    min-width: 0;
    height: 100%;
  }
  .bd-home-directory .bdnewui_index_category-content {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .bd-home-directory .bdnewui_index_articles-panel {
    margin-top: auto;
  }
}

/* Mid desktop keeps three columns; tablets naturally fall back to the older responsive rules. */
@media (min-width: 960px) and (max-width: 1279px) {
  .bd-home-directory .bdnewui_index_category-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Slightly tighter desktop vertical rhythm without touching the mobile IA. */
@media (min-width: 960px) {
  .bd-home-main { padding-bottom: 42px !important; }
  .bd-home-overview-grid { margin-bottom: 20px !important; }
  .bd-home-directory { padding-top: 22px !important; padding-bottom: 22px !important; }
  .bd-home-directory .bd-section-head { margin-bottom: 16px !important; }
  .bd-home-directory .bdnewui_index_category-content { padding: 17px !important; }
  .bd-home-directory .bdnewui_index_item-header-icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }
  .bd-home-directory .bdnewui_index_category-name { font-size: 16px !important; }
  .bd-home-directory .bdnewui_index_category-desc { font-size: 12px !important; }
  .bd-home-directory .bdnewui_index_view-all-btn { min-height: 34px !important; }
}

/* Preserve the mobile v4.5/v4.7 information architecture. */
@media (max-width: 639px) {
  .bd-featured-curated .bd-featured-card { min-height: 0; }
}


/* ===== legacy layer: beardocs_modern_v49.css ===== */
/* BearDocs Modern UI v4.9 — real mobile drawer search */
.bd-mobile-search-wrap {
  position: relative;
  margin-bottom: 14px;
}
.bd-mobile-search-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  color: #8a98aa;
  pointer-events: none;
}
.bd-mobile-search-input {
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  padding: 0 44px 0 43px !important;
  color: #1d2939 !important;
  background: #fff !important;
  border: 1px solid #dce5f2 !important;
  border-radius: 13px !important;
  outline: 0;
  font: inherit;
  font-size: 14px;
  line-height: 48px;
  box-shadow: 0 5px 14px rgba(15,23,42,.035);
  -webkit-user-select: text !important;
  user-select: text !important;
  pointer-events: auto !important;
  touch-action: manipulation;
}
.bd-mobile-search-input::placeholder { color: #98a2b3; }
.bd-mobile-search-input:focus {
  border-color: #69a8ff !important;
  box-shadow: 0 0 0 3px rgba(22,119,255,.09), 0 5px 14px rgba(15,23,42,.035) !important;
}
.bd-mobile-search-clear {
  position: absolute;
  right: 10px;
  top: 8px;
  z-index: 4;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 9px;
  color: #98a2b3;
  background: transparent;
  font-size: 18px;
}
.bd-mobile-search-results {
  position: absolute;
  left: 0;
  right: 0;
  top: 56px;
  z-index: 1200;
  max-height: min(360px, 45vh);
  overflow-y: auto;
  padding: 6px;
  background: #fff;
  border: 1px solid #dfe6ef;
  border-radius: 14px;
  box-shadow: 0 16px 38px rgba(15,23,42,.14);
}
.bd-mobile-search-result {
  display: block;
  padding: 11px 12px;
  color: #1f2937 !important;
  border-radius: 10px;
  text-decoration: none !important;
}
.bd-mobile-search-result + .bd-mobile-search-result { border-top: 1px solid #f0f3f7; }
.bd-mobile-search-result:active,
.bd-mobile-search-result:hover { background: #f5f9ff; }
.bd-mobile-search-result strong {
  display: block;
  overflow: hidden;
  color: #1d2939;
  font-size: 13px;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bd-mobile-search-result span {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: #98a2b3;
  font-size: 11px;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bd-mobile-search-empty {
  padding: 16px 12px;
  color: #98a2b3;
  font-size: 12px;
  text-align: center;
}
/* Legacy fake-search button is no longer used. */
.bd-mobile-search-action { display: none !important; }


/* ===== legacy layer: beardocs_modern_v50.css ===== */
/* BearDocs Modern UI v5.0 — article controls + full-card document navigation */

/*
 * Article header actions are one component. Older revisions styled #menuBtn
 * separately, which made the TOC trigger look misaligned beside More Docs.
 */
.bd-doc-header-bottom .bd-doc-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  margin: 0 !important;
}
.bd-doc-header-bottom .bd-doc-action,
.bd-doc-header-bottom #menuBtn.bd-doc-action,
.bd-doc-header-bottom #moreBtn.bd-doc-action {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 122px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  border: 1px solid #d9e5f5 !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: #40546d !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .02) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
  transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
.bd-doc-header-bottom .bd-doc-action i,
.bd-doc-header-bottom #menuBtn.bd-doc-action i,
.bd-doc-header-bottom #moreBtn.bd-doc-action i {
  width: 25px !important;
  height: 25px !important;
  flex: 0 0 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  border-radius: 7px !important;
  background: #f1f6ff !important;
  color: #1677ff !important;
  font-size: 15px !important;
  line-height: 1 !important;
}
.bd-doc-header-bottom .bd-doc-action:hover,
.bd-doc-header-bottom #menuBtn.bd-doc-action:hover,
.bd-doc-header-bottom #moreBtn.bd-doc-action:hover {
  border-color: #b9d5ff !important;
  background: #f9fbff !important;
  color: #1677ff !important;
  box-shadow: 0 5px 14px rgba(22, 119, 255, .06) !important;
  transform: translateY(-1px) !important;
}
.bd-doc-header-bottom .bd-doc-action:focus-visible {
  outline: 0 !important;
  border-color: #69a8ff !important;
  box-shadow: 0 0 0 3px rgba(22,119,255,.10) !important;
}

/* Previous / next: the visual card and the interactive target are now identical. */
.bd-doc-article .paginate-post [data-uk-grid] > div > div {
  position: relative !important;
  cursor: pointer;
}
.bd-doc-article .paginate-post [data-uk-grid] > div > div > a {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 48px !important;
  text-decoration: none !important;
}
.bd-doc-article .paginate-post [data-uk-grid] > div > div > a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
}
.bd-doc-article .paginate-post [data-uk-grid] > div:hover > div > a,
.bd-doc-article .paginate-post [data-uk-grid] > div > div > a:focus-visible {
  color: #1677ff !important;
}
.bd-doc-article .paginate-post [data-uk-grid] > div > div:has(a:focus-visible) {
  border-color: #9bc4ff !important;
  box-shadow: 0 0 0 3px rgba(22,119,255,.09) !important;
}

/* Give the two directions a subtle navigation cue without adding noise. */
.bd-doc-article .paginate-post [data-uk-grid] > div:first-child > div > a::after {
  content: "←";
  margin-left: auto;
  padding-left: 12px;
  color: #a1afc0;
  font-size: 16px;
}
.bd-doc-article .paginate-post [data-uk-grid] > div:last-child > div > a::after {
  content: "→";
  margin-left: auto;
  padding-left: 12px;
  color: #a1afc0;
  font-size: 16px;
}
.bd-doc-article .paginate-post [data-uk-grid] > div:hover > div > a::after { color: #1677ff; }

@media (max-width: 639px) {
  .bd-doc-header-bottom .bd-doc-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  .bd-doc-header-bottom .bd-doc-action,
  .bd-doc-header-bottom #menuBtn.bd-doc-action,
  .bd-doc-header-bottom #moreBtn.bd-doc-action {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    justify-content: center !important;
  }
  .bd-doc-header-bottom .bd-doc-actions > .bd-doc-action:only-child {
    grid-column: 1 / -1;
    width: auto !important;
    justify-self: start;
  }
  .bd-doc-article .paginate-post [data-uk-grid] > div > div > a { min-height: 44px !important; }
}


/* ===== legacy layer: beardocs_modern_v51.css ===== */
/* BearDocs Modern UI v5.1 — visual system refinement only */
:root {
  --bd51-primary:#1677ff;
  --bd51-primary-strong:#0958d9;
  --bd51-primary-soft:#f2f7ff;
  --bd51-canvas:#f5f8fc;
  --bd51-panel:#ffffff;
  --bd51-text:#172033;
  --bd51-text-2:#536174;
  --bd51-muted:#98a2b3;
  --bd51-border:#e2e9f2;
  --bd51-border-soft:#edf1f6;
  --bd51-radius-lg:18px;
  --bd51-radius-md:14px;
  --bd51-radius-sm:10px;
  --bd51-shadow:0 10px 30px rgba(15,23,42,.045);
  --bd51-shadow-hover:0 13px 34px rgba(15,23,42,.065);
}

html,body { background:var(--bd51-canvas) !important; color:var(--bd51-text); }
body { -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }

/* ---- Global layout rhythm ---- */
.uk-container { max-width:1440px; }
.bd-home-main { padding-top:26px !important; padding-bottom:52px !important; }
.bd-home-main .bd-panel,
.bd-archive-head,
.bd-doc-article {
  border:1px solid var(--bd51-border) !important;
  border-radius:var(--bd51-radius-lg) !important;
  box-shadow:var(--bd51-shadow) !important;
  background:#fff !important;
}

/* ---- Header / navigation ---- */
body > header .bd-topbar { min-height:64px !important; }
body > header .uk-navbar-item.uk-logo {
  color:#151d2b !important;
  font-weight:760 !important;
  letter-spacing:-.02em;
}
body > header .uk-navbar-nav > li > a {
  min-height:64px !important;
  color:#5b6676 !important;
  font-size:14px !important;
  font-weight:580 !important;
}
body > header .uk-navbar-nav > li.uk-active > a,
body > header .uk-navbar-nav > li > a:hover { color:var(--bd51-primary) !important; }

/* ---- Hero: cleaner, quieter, more deliberate ---- */
.uk-section-hero {
  border-bottom:1px solid #e9eff6;
  background-color:#f7faff !important;
}
.uk-section-hero h1 {
  color:#151d2b !important;
  letter-spacing:-.035em !important;
  font-weight:780 !important;
}
.bd-hero-subtitle { color:#738094 !important; }
.bd-hero-badge,
.bd-section-eyebrow {
  border:0 !important;
  background:#edf5ff !important;
  color:var(--bd51-primary) !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
}
.bd-search-card {
  border:1px solid #dfe7f1 !important;
  border-radius:16px !important;
  box-shadow:0 10px 28px rgba(21,37,61,.055) !important;
  background:rgba(255,255,255,.96) !important;
}
.hero-search .uk-search-input {
  border-radius:12px !important;
  border-color:#d9e2ed !important;
  box-shadow:none !important;
}
.hero-search .uk-search-input:focus {
  border-color:#86b7ff !important;
  box-shadow:0 0 0 3px rgba(22,119,255,.075) !important;
}
.bd-search-tip,.bd-search-chip { color:#718096 !important; }

/* ---- One section heading language everywhere ---- */
.bd-section-head,
.bd-home-featured .bd-section-head,
.bd-home-latest .bd-section-head,
.bd-home-directory .bd-section-head {
  min-height:48px;
  margin-bottom:18px !important;
  align-items:center !important;
}
.bd-section-title-row { gap:13px !important; align-items:center !important; }
.bd-section-icon {
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border:1px solid #dce8f8 !important;
  border-radius:12px !important;
  background:#f7faff !important;
  box-shadow:none !important;
  color:var(--bd51-primary) !important;
  font-size:20px !important;
}
.bd-section-head .bd-section-eyebrow {
  display:inline-flex !important;
  width:auto !important;
  margin:0 0 3px !important;
  padding:2px 7px !important;
  border-radius:999px !important;
  font-size:10px !important;
  line-height:1.55 !important;
}
.bd-section-head h2 {
  margin:0 !important;
  color:#1a2332 !important;
  font-size:22px !important;
  line-height:1.3 !important;
  font-weight:750 !important;
  letter-spacing:-.02em !important;
}
.bd-section-head p { margin:5px 0 0 !important; color:#8b96a7 !important; font-size:13px !important; }
.bd-section-link {
  padding:7px 9px !important;
  border-radius:9px;
  color:var(--bd51-primary) !important;
  font-size:13px !important;
  font-weight:650 !important;
}
.bd-section-link:hover { background:#f3f7fd; text-decoration:none !important; }

/* ---- Home cards ---- */
.bd-home-overview-grid { gap:18px !important; }
.bd-home-featured,
.bd-home-latest,
.bd-home-directory { padding:24px !important; }
.bd-featured-grid { gap:14px !important; }
.bd-featured-card,
.bdnewui_index_category-item {
  border:1px solid var(--bd51-border) !important;
  border-radius:var(--bd51-radius-md) !important;
  background:#fff !important;
  box-shadow:none !important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease !important;
}
.bd-featured-card:hover,
.bdnewui_index_category-item:hover {
  transform:translateY(-1px) !important;
  border-color:#c7d9f3 !important;
  box-shadow:0 8px 24px rgba(33,73,128,.05) !important;
}
.bd-featured-card h3 {
  color:#202938 !important;
  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:680 !important;
  letter-spacing:-.01em;
}
.bd-featured-card p { color:#758195 !important; font-size:13px !important; line-height:1.7 !important; }
.bd-featured-meta { color:#a0a9b6 !important; font-size:11px !important; }
.bd-inline-link { font-size:12px !important; font-weight:650 !important; }

/* latest is visually a stream, not another card grid */
.bd-home-latest .bd-latest-list { border-top:1px solid var(--bd51-border-soft); }
.bd-home-latest .bd-latest-item {
  min-height:50px !important;
  padding:12px 2px 12px 19px !important;
  border-bottom:1px solid var(--bd51-border-soft) !important;
}
.bd-home-latest .bd-latest-item::before { left:2px !important; width:6px !important; height:6px !important; background:#c8dcfa !important; }
.bd-latest-title { color:#303b4b !important; font-size:13px !important; line-height:1.55 !important; font-weight:610 !important; }
.bd-latest-date { color:#abb4c0 !important; font-size:10px !important; }

/* ---- Category cards: consistent 3-part structure ---- */
.bdnewui_index_category-content { padding:17px !important; }
.bdnewui_index_item-header { padding-bottom:13px !important; margin-bottom:12px !important; border-bottom:1px solid var(--bd51-border-soft) !important; }
.bdnewui_index_item-header-icon {
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  border-radius:10px !important;
  background:#f5f9ff !important;
  border:1px solid #dce9fb !important;
}
.bd-category-doc-icon { font-size:19px !important; }
.bdnewui_index_category-name { color:#202938 !important; font-size:16px !important; font-weight:680 !important; }
.bdnewui_index_category-desc { color:#98a2b3 !important; font-size:11px !important; margin-top:2px !important; }
.bdnewui_index_article-count { min-width:34px; height:24px; padding:0 8px !important; border-radius:999px !important; background:#f4f6f8 !important; color:#6f7c8e !important; font-size:10px !important; }
.bdnewui_index_articles-panel { min-height:58px; }
.bdnewui_index_article-item { color:#59677a !important; font-size:12px !important; line-height:1.55 !important; }
.bdnewui_index_view-all-btn {
  height:34px !important;
  border-radius:9px !important;
  border:0 !important;
  background:#f5f8fc !important;
  color:#3977c9 !important;
  font-size:12px !important;
  font-weight:650 !important;
}
.bdnewui_index_view-all-btn:hover { background:#edf5ff !important; color:var(--bd51-primary) !important; }

/* ---- Archive/category page ---- */
.bd-archive-page { background:var(--bd51-canvas) !important; }
.bd-archive-head {
  padding:21px 23px !important;
  box-shadow:var(--bd51-shadow) !important;
}
.bd-archive-icon { width:46px !important; height:46px !important; flex-basis:46px !important; border-radius:12px !important; background:#f4f8ff !important; }
.bd-archive-kicker { font-size:11px !important; font-weight:700 !important; }
.bd-archive-head h1 { font-size:25px !important; font-weight:750 !important; letter-spacing:-.025em !important; }
.bd-archive-head p { color:#8591a3 !important; }
.bd-archive-list-head { margin-bottom:11px !important; }
.bd-archive-list-head h2 { font-size:19px !important; }
.bd-doc-archive-card.bdnewui_archive_card {
  border-radius:14px !important;
  border-color:var(--bd51-border) !important;
  box-shadow:none !important;
}
.bd-doc-archive-card .bdnewui_archive_content { padding:18px 20px 16px !important; }
.bd-doc-archive-type { font-size:11px !important; }
.bd-doc-archive-card .bdnewui_archive_title { font-size:18px !important; margin-bottom:5px !important; }
.bd-doc-archive-card .bdnewui_archive_excerpt { color:#7a8798 !important; font-size:13px !important; line-height:1.7 !important; }

/* ---- Article page: stronger title hierarchy, lighter metadata ---- */
.bd-doc-article { padding:clamp(28px,4vw,52px) !important; }
.bd-doc-header { max-width:1040px !important; }
.bd-doc-kicker {
  margin-bottom:14px !important;
  color:var(--bd51-primary) !important;
  font-size:12px !important;
  font-weight:700 !important;
}
.bd-doc-title {
  color:#172033 !important;
  font-weight:790 !important;
  letter-spacing:-.035em !important;
  line-height:1.2 !important;
}
.bd-doc-header-bottom {
  margin-top:22px !important;
  padding-bottom:22px !important;
  border-bottom:1px solid var(--bd51-border-soft) !important;
}
.bd-doc-meta { gap:7px 13px !important; color:#9aa5b4 !important; font-size:12px !important; }
.bd-doc-meta-item { color:#98a2b3 !important; }
.bd-doc-meta-primary {
  height:30px !important;
  padding:0 10px !important;
  border:1px solid #dbe9fd !important;
  border-radius:999px !important;
  background:#f5f9ff !important;
  color:#3977c9 !important;
}
.bd-doc-header-bottom .bd-doc-action,
.bd-doc-header-bottom #menuBtn.bd-doc-action,
.bd-doc-header-bottom #moreBtn.bd-doc-action {
  min-width:118px !important;
  height:40px !important;
  min-height:40px !important;
  border-radius:10px !important;
  border-color:#dde5ef !important;
  box-shadow:none !important;
  color:#526174 !important;
}
.bd-doc-header-bottom .bd-doc-action i,
.bd-doc-header-bottom #menuBtn.bd-doc-action i,
.bd-doc-header-bottom #moreBtn.bd-doc-action i {
  width:23px !important; height:23px !important; flex-basis:23px !important;
  border-radius:6px !important; background:#f3f7fd !important; font-size:14px !important;
}

/* reading typography */
.bd-doc-body,.uk-article-content { color:#536174 !important; font-size:16px !important; line-height:1.9 !important; }
.uk-article-content p { margin-bottom:1.3em !important; }
.uk-article-content h2 {
  margin-top:2.15em !important;
  margin-bottom:.85em !important;
  padding-bottom:.55em !important;
  color:#1f2937 !important;
  font-size:1.55em !important;
  font-weight:740 !important;
  border-bottom:1px solid #e9eef5 !important;
}
.uk-article-content h3 {
  position:relative;
  margin-top:1.85em !important;
  color:#273244 !important;
  font-size:1.25em !important;
  font-weight:700 !important;
}
.uk-article-content h3::before {
  content:"";
  display:inline-block;
  width:3px;
  height:1.05em;
  margin-right:10px;
  vertical-align:-.10em;
  border-radius:2px;
  background:#8abaff;
}
.uk-article-content img {
  border-radius:14px !important;
  box-shadow:0 2px 12px rgba(15,23,42,.045);
}
.uk-article-content blockquote {
  border-left:3px solid #9cc4ff !important;
  background:#f7faff !important;
  border-radius:0 12px 12px 0 !important;
}
.uk-article-content pre { border-radius:12px !important; }

/* previous / next: quieter and more obviously navigational */
.bd-doc-article .paginate-post { margin-top:42px !important; padding-top:20px !important; border-top:1px solid var(--bd51-border-soft) !important; background:transparent !important; }
.bd-doc-article .paginate-post [data-uk-grid] > div > div {
  min-height:82px !important;
  padding:14px 16px !important;
  border:1px solid var(--bd51-border) !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:none !important;
}
.bd-doc-article .paginate-post [data-uk-grid] > div:hover > div {
  border-color:#c6d9f4 !important;
  background:#fbfdff !important;
  box-shadow:0 7px 20px rgba(15,23,42,.04) !important;
  transform:translateY(-1px) !important;
}
.bd-doc-article .paginate-post h5 { color:#a0a9b6 !important; font-size:10px !important; letter-spacing:.06em !important; }
.bd-doc-article .paginate-post a { color:#334155 !important; font-size:14px !important; line-height:1.55 !important; font-weight:650 !important; }

/* ---- Footer ---- */
footer.uk-section-small { border-top:1px solid #e8edf4 !important; color:#a1aab7 !important; }
footer a { color:#7f8b9b !important; }

/* ---- Mobile: one consistent visual rhythm ---- */
@media (max-width:639px) {
  .uk-container { padding-left:12px !important; padding-right:12px !important; }
  .uk-section-hero { padding-top:28px !important; padding-bottom:26px !important; }
  .uk-section-hero h1 { font-size:27px !important; line-height:1.2 !important; }
  .bd-hero-subtitle { font-size:12px !important; line-height:1.65 !important; }
  .bd-search-card { border-radius:14px !important; }

  .bd-home-main { padding-top:14px !important; padding-bottom:30px !important; }
  .bd-home-main .bd-panel,
  .bd-mobile-category-panel { border-radius:15px !important; box-shadow:0 6px 18px rgba(15,23,42,.035) !important; }
  .bd-home-featured,.bd-home-latest,.bd-home-directory { padding:16px !important; }

  .bd-section-head,
  .bd-home-featured .bd-section-head,
  .bd-home-latest .bd-section-head,
  .bd-home-directory .bd-section-head {
    min-height:40px !important;
    margin-bottom:13px !important;
    justify-content:space-between !important;
    text-align:left !important;
  }
  .bd-section-title-row { gap:10px !important; text-align:left !important; }
  .bd-section-icon { width:36px !important; height:36px !important; flex-basis:36px !important; border-radius:10px !important; font-size:17px !important; }
  .bd-section-head .bd-section-eyebrow { margin-bottom:2px !important; padding:1px 6px !important; font-size:8px !important; }
  .bd-section-head h2 { font-size:17px !important; line-height:1.25 !important; text-align:left !important; }
  .bd-section-head p { font-size:10px !important; }
  .bd-section-link { font-size:11px !important; padding:6px !important; }

  .bd-featured-card { border-radius:12px !important; }
  .bd-featured-card h3 { font-size:14px !important; line-height:1.5 !important; }

  .bd-mobile-category-panel { overflow:hidden; }
  .bd-mobile-category-grid { gap:0 !important; }
  .bd-mobile-category-item { border-radius:0 !important; box-shadow:none !important; }

  .bd-archive-page { padding-top:12px !important; }
  .bd-archive-head { padding:16px !important; border-radius:14px !important; }
  .bd-archive-icon { width:40px !important; height:40px !important; flex-basis:40px !important; }
  .bd-archive-head h1 { font-size:21px !important; }
  .bd-doc-archive-card .bdnewui_archive_content { padding:16px !important; }

  .bd-doc-article { padding:20px 17px 24px !important; border-radius:15px !important; }
  .bd-doc-kicker { margin-bottom:10px !important; }
  .bd-doc-title { font-size:28px !important; line-height:1.22 !important; }
  .bd-doc-header-bottom { margin-top:16px !important; padding-bottom:17px !important; }
  .bd-doc-meta { font-size:11px !important; }
  .bd-doc-header-bottom .bd-doc-actions { margin-top:12px !important; }
  .bd-doc-body,.uk-article-content { font-size:15px !important; line-height:1.85 !important; }
  .uk-article-content h2 { font-size:1.36em !important; margin-top:1.9em !important; }
  .uk-article-content h3 { font-size:1.16em !important; }
  .uk-article-content img { border-radius:10px !important; }
  .bd-doc-article .paginate-post { margin-top:32px !important; }
  .bd-doc-article .paginate-post [data-uk-grid] > div > div { min-height:70px !important; padding:12px 13px !important; border-radius:11px !important; }
}


/* ===== legacy layer: beardocs_modern_v52.css ===== */
/* BearDocs Modern UI v5.2 — density, alignment and mobile visual polish only */
:root{
  --bd52-line:#e7edf5;
  --bd52-line-strong:#dce5f0;
  --bd52-soft:#f7faff;
  --bd52-text:#172033;
  --bd52-sub:#6f7c8e;
  --bd52-muted:#9aa6b5;
}

/* ---------- Desktop composition ---------- */
@media (min-width:960px){
  .bd-home-main{padding-top:22px!important;padding-bottom:44px!important}
  .bd-home-overview-grid{grid-template-columns:minmax(0,1.72fr) minmax(300px,.78fr)!important;gap:20px!important;align-items:start!important}
  .bd-home-featured,.bd-home-latest,.bd-home-directory{padding:22px!important}
  .bd-home-featured .bd-section-head,.bd-home-latest .bd-section-head,.bd-home-directory .bd-section-head{margin-bottom:15px!important}
  .bd-featured-grid{gap:12px!important}
  .bd-featured-card{min-height:0!important;padding:18px!important}
  .bd-featured-card h3{margin:8px 0 8px!important}
  .bd-featured-card p{margin-bottom:11px!important}

  /* Four visible categories should read as one deliberate row on wide screens. */
  .bdnewui_index_category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
  .bdnewui_index_category-item{height:100%!important}
  .bdnewui_index_category-content{height:100%;display:flex!important;flex-direction:column!important;padding:15px!important}
  .bdnewui_index_articles-panel{flex:1!important;min-height:86px!important}
  .bdnewui_index_view-all-btn{margin-top:auto!important}
}
@media (min-width:960px) and (max-width:1199px){
  .bdnewui_index_category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ---------- Cleaner section headers ---------- */
.bd-section-head{border-bottom:0!important}
.bd-section-title-row{min-width:0}
.bd-section-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.82)!important}
.bd-section-head .bd-section-eyebrow{background:#f0f6ff!important;color:#2f78d5!important}
.bd-section-head h2{white-space:nowrap}
.bd-home-featured .bd-section-link,.bd-home-latest .bd-section-link{
  border:1px solid transparent!important;
  background:transparent!important;
}
.bd-home-featured .bd-section-link:hover,.bd-home-latest .bd-section-link:hover{
  border-color:#e0e9f4!important;background:#f8fbff!important
}

/* ---------- Latest: lighter and denser ---------- */
.bd-home-latest .bd-latest-list{border-top:0!important}
.bd-home-latest .bd-latest-item{min-height:46px!important;padding-top:10px!important;padding-bottom:10px!important}
.bd-home-latest .bd-latest-item:first-child{border-top:1px solid var(--bd52-line)!important}
.bd-latest-title{letter-spacing:-.005em}

/* ---------- Category cards: less empty-card feeling ---------- */
.bdnewui_index_item-header{min-height:48px!important}
.bdnewui_index_articles-panel{padding-top:2px!important}
.bdnewui_index_article-item{padding:5px 0!important}
.bdnewui_index_view-all-btn{margin-top:10px!important}

/* ---------- Archive/category page: compact document rows ---------- */
.bd-archive-page>.uk-container{max-width:1320px!important}
.bd-archive-head{margin-bottom:18px!important}
.bd-archive-list-head{margin-top:2px!important}
.bd-doc-archive-list{display:grid!important;gap:12px!important}
.bd-doc-archive-card.bdnewui_archive_card{margin-bottom:0!important}
.bd-doc-archive-card .bdnewui_archive_excerpt{margin-bottom:10px!important}
.bd-doc-archive-meta{padding-top:10px!important}

/* ---------- Article: reduce "card floating in a card" feel ---------- */
.bd-doc-article{max-width:1380px!important;margin-left:auto!important;margin-right:auto!important}
.bd-doc-header{max-width:1120px!important}
.bd-doc-header-bottom{align-items:flex-end!important;gap:16px!important}
.bd-doc-header-bottom .bd-doc-actions{gap:8px!important}
.bd-doc-header-bottom .bd-doc-action,
.bd-doc-header-bottom #menuBtn.bd-doc-action,
.bd-doc-header-bottom #moreBtn.bd-doc-action{
  min-width:112px!important;height:38px!important;min-height:38px!important;padding:0 12px!important
}
.bd-doc-body{max-width:1120px!important;margin-left:0!important;margin-right:auto!important}
.uk-article-content>p:first-child{margin-top:0!important}
.uk-article-content figure,.uk-article-content p:has(>img){margin-top:1.15em!important;margin-bottom:1.45em!important}
.uk-article-content img{max-width:100%!important;height:auto!important}
.bd-doc-article .paginate-post{margin-top:34px!important}

/* ---------- Mobile: compact, orderly, less vertical fatigue ---------- */
@media (max-width:639px){
  body>header .bd-topbar{min-height:58px!important}
  .uk-container{padding-left:10px!important;padding-right:10px!important}

  .uk-section-hero{padding:24px 0 22px!important}
  .uk-section-hero h1{font-size:25px!important;letter-spacing:-.035em!important}
  .bd-hero-badge{margin-bottom:8px!important}
  .bd-hero-subtitle{max-width:92%;margin-left:auto!important;margin-right:auto!important}
  .bd-hero-actions{margin-top:14px!important;gap:8px!important}
  .bd-search-card{margin-top:18px!important;padding:12px!important}
  .bd-search-card .bd-search-label{margin-bottom:7px!important}
  .hero-search .uk-search-input{height:48px!important}

  .bd-home-main{padding-top:12px!important;padding-bottom:24px!important}
  .bd-home-main .bd-panel,.bd-mobile-category-panel{border-radius:14px!important}
  .bd-home-featured,.bd-home-latest,.bd-home-directory{padding:14px!important}

  /* Category quick-grid becomes the visual navigation anchor. */
  .bd-mobile-category-panel{margin-bottom:12px!important}
  .bd-mobile-category-panel .bd-mobile-category-head{padding:14px 14px 11px!important}
  .bd-mobile-category-item{min-height:74px!important;padding:12px!important}
  .bd-mobile-category-item .bd-mobile-category-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:9px!important}
  .bd-mobile-category-item .bd-mobile-category-name{font-size:13px!important;line-height:1.35!important}
  .bd-mobile-category-item .bd-mobile-category-count{font-size:9px!important;margin-top:3px!important}

  /* Feature/latest headers align left and breathe consistently. */
  .bd-section-head,.bd-home-featured .bd-section-head,.bd-home-latest .bd-section-head{
    min-height:38px!important;margin-bottom:10px!important;padding-bottom:10px!important;border-bottom:1px solid var(--bd52-line)!important
  }
  .bd-section-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
  .bd-section-head h2{font-size:16px!important}
  .bd-section-head .bd-section-eyebrow{font-size:8px!important}
  .bd-section-link{font-size:10px!important;padding:4px 5px!important}

  /* Featured selection is a compact list, not a stack of oversized cards. */
  .bd-mobile-featured-list,.bd-featured-mobile-list{gap:0!important}
  .bd-mobile-featured-item,.bd-featured-mobile-item{
    min-height:58px!important;padding:12px 0!important;border-bottom:1px solid var(--bd52-line)!important
  }
  .bd-mobile-featured-item:last-child,.bd-featured-mobile-item:last-child{border-bottom:0!important}

  .bd-home-latest .bd-latest-item{min-height:44px!important;padding:10px 0 10px 17px!important}
  .bd-latest-title{font-size:12px!important;line-height:1.45!important}

  /* Do not let duplicated desktop directory presentation visually dominate mobile. */
  .bd-home-directory{padding:14px!important}
  .bdnewui_index_category-grid{gap:10px!important}
  .bdnewui_index_category-content{padding:13px!important}
  .bdnewui_index_item-header{padding-bottom:10px!important;margin-bottom:9px!important;min-height:42px!important}
  .bdnewui_index_item-header-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
  .bdnewui_index_category-name{font-size:14px!important}
  .bdnewui_index_articles-panel{min-height:0!important}
  .bdnewui_index_article-item{padding:4px 0!important;font-size:11px!important}
  .bdnewui_index_view-all-btn{height:31px!important;margin-top:8px!important}

  /* Category archive: substantially reduce each document card's height. */
  .bd-archive-page{padding-top:10px!important;padding-bottom:26px!important}
  .bd-archive-head{padding:14px!important;margin-bottom:14px!important}
  .bd-archive-icon{width:38px!important;height:38px!important;flex-basis:38px!important}
  .bd-archive-head h1{font-size:20px!important}
  .bd-archive-head p{margin-top:3px!important;font-size:11px!important}
  .bd-archive-list-head{margin:12px 0 8px!important}
  .bd-archive-list-head h2{font-size:18px!important}
  .bd-doc-archive-list{gap:10px!important}
  .bd-doc-archive-card .bdnewui_archive_content{padding:14px!important}
  .bd-doc-archive-type{margin-bottom:5px!important}
  .bd-doc-archive-card .bdnewui_archive_title{font-size:16px!important;line-height:1.45!important;margin-bottom:5px!important}
  .bd-doc-archive-card .bdnewui_archive_excerpt{font-size:12px!important;line-height:1.6!important;margin-bottom:8px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .bd-doc-archive-meta{gap:6px 10px!important;padding-top:8px!important;font-size:10px!important}
  .bd-doc-archive-read{margin-left:auto!important;width:auto!important;padding:5px 8px!important;border-radius:7px;background:#f5f9ff}

  /* Article: preserve readability but remove unnecessary vertical padding. */
  .bd-doc-article{padding:17px 14px 20px!important;border-radius:14px!important}
  .bd-doc-kicker{margin-bottom:7px!important;font-size:10px!important}
  .bd-doc-title{font-size:25px!important;line-height:1.2!important}
  .bd-doc-header-bottom{margin-top:13px!important;padding-bottom:14px!important;gap:10px!important}
  .bd-doc-meta{gap:5px 9px!important;font-size:10px!important}
  .bd-doc-meta-primary{height:27px!important;padding:0 8px!important}
  .bd-doc-header-bottom .bd-doc-actions{margin-top:9px!important;gap:7px!important}
  .bd-doc-header-bottom .bd-doc-action,.bd-doc-header-bottom #menuBtn.bd-doc-action,.bd-doc-header-bottom #moreBtn.bd-doc-action{
    height:34px!important;min-height:34px!important;min-width:0!important;padding:0 9px!important;font-size:11px!important
  }
  .bd-doc-body,.uk-article-content{font-size:14.5px!important;line-height:1.82!important}
  .uk-article-content p{margin-bottom:1.08em!important}
  .uk-article-content h2{margin-top:1.7em!important;margin-bottom:.7em!important;font-size:1.28em!important}
  .uk-article-content h3{margin-top:1.55em!important;font-size:1.12em!important}
  .uk-article-content figure,.uk-article-content p:has(>img){margin-top:.9em!important;margin-bottom:1.1em!important}
  .bd-doc-article .paginate-post{margin-top:25px!important;padding-top:14px!important}
  .bd-doc-article .paginate-post [data-uk-grid]>div>div{min-height:62px!important;padding:10px 11px!important}
  .bd-doc-article .paginate-post a{font-size:12px!important}

  footer.uk-section-small{padding:22px 0 28px!important;font-size:11px!important}
}


/* ===== legacy layer: beardocs_modern_v53.css ===== */
/* BearDocs Modern UI v5.3 — visual system refinement only */
:root{
  --bd53-blue:#1677ff;
  --bd53-blue-deep:#0f64d8;
  --bd53-blue-soft:#f2f7ff;
  --bd53-text:#182230;
  --bd53-sub:#667085;
  --bd53-muted:#98a2b3;
  --bd53-line:#e6ebf2;
  --bd53-line-soft:#eef2f7;
  --bd53-page:#f7f9fc;
  --bd53-card:#ffffff;
  --bd53-r-lg:16px;
  --bd53-r-md:12px;
  --bd53-r-sm:9px;
  --bd53-shadow:0 8px 24px rgba(17,38,67,.045);
}

/* ---------- Global surface language ---------- */
body{background:var(--bd53-page)!important;color:var(--bd53-text)!important}
.bd-panel,.bd-mobile-category-panel,.bd-archive-head,.bd-doc-archive-card,.bd-doc-article{
  background:var(--bd53-card)!important;
  border-color:var(--bd53-line)!important;
  box-shadow:var(--bd53-shadow)!important;
}
.bd-panel,.bd-mobile-category-panel,.bd-doc-article{border-radius:var(--bd53-r-lg)!important}
.bdnewui_index_category-item,.bd-featured-card,.bd-doc-archive-card{border-radius:var(--bd53-r-md)!important}

/* Reduce decorative blue wash outside the hero. */
.bd-home-main,.bd-archive-page{background:var(--bd53-page)!important}
.uk-section-hero{border-bottom:1px solid #edf2f8!important}

/* ---------- Icon system ---------- */
.bd-section-icon,.bdnewui_index_item-header-icon,.bd-mobile-category-icon,.bd-archive-icon{
  background:#f7faff!important;
  border:1px solid #dce8f7!important;
  color:var(--bd53-blue)!important;
  box-shadow:none!important;
}
.bd-section-icon i,.bdnewui_index_item-header-icon i,.bd-mobile-category-icon i,.bd-archive-icon i{
  font-size:20px!important;line-height:1!important;font-weight:400!important
}

/* ---------- Labels / eyebrows ---------- */
.bd-section-eyebrow,.bd-hero-badge,.bd-archive-kicker,.bd-doc-kicker{
  border-radius:999px!important;
  background:#f1f6fd!important;
  color:#4e7fbd!important;
  font-weight:650!important;
  letter-spacing:.01em!important;
  box-shadow:none!important;
}
.bd-section-eyebrow{padding:3px 8px!important}

/* ---------- Button hierarchy ---------- */
.bd-btn,.bd-doc-action,.bdnewui_index_view-all-btn,.bd-section-link{
  border-radius:var(--bd53-r-sm)!important;
  box-shadow:none!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
.bd-btn-primary{background:var(--bd53-blue)!important;border-color:var(--bd53-blue)!important;color:#fff!important}
.bd-btn-primary:hover{background:var(--bd53-blue-deep)!important;border-color:var(--bd53-blue-deep)!important;transform:translateY(-1px)}
.bd-doc-action,.bdnewui_index_view-all-btn{
  background:#f7faff!important;border:1px solid #e1eaf6!important;color:#296fca!important
}
.bd-doc-action:hover,.bdnewui_index_view-all-btn:hover{background:#eef5ff!important;border-color:#cbdcf2!important;color:#0f64d8!important}
.bd-section-link{background:transparent!important;border:0!important;color:#2f74c7!important;padding:5px 2px!important}

/* ---------- Desktop: calmer module hierarchy ---------- */
@media (min-width:960px){
  .bd-home-main{padding-top:20px!important;padding-bottom:42px!important}
  .bd-home-overview-grid{gap:18px!important}
  .bd-home-featured,.bd-home-latest,.bd-home-directory{padding:21px!important}
  .bd-section-head{margin-bottom:14px!important}
  .bd-section-title-row{gap:12px!important}
  .bd-section-icon{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:11px!important}
  .bd-section-head h2{font-size:22px!important;line-height:1.25!important;letter-spacing:-.02em!important}

  /* Featured: slightly richer visual block than Latest. */
  .bd-home-featured{background:#fff!important}
  .bd-featured-grid{gap:11px!important}
  .bd-featured-card{padding:17px!important;border:1px solid var(--bd53-line)!important;background:#fff!important;box-shadow:none!important}
  .bd-featured-card:hover{border-color:#cbdcf2!important;box-shadow:0 8px 20px rgba(22,119,255,.045)!important;transform:translateY(-1px)!important}
  .bd-featured-card h3{font-size:16px!important;line-height:1.5!important;margin:8px 0 7px!important}
  .bd-featured-card p{font-size:12.5px!important;line-height:1.75!important;color:var(--bd53-sub)!important}

  /* Latest: visually lighter on purpose. */
  .bd-home-latest{box-shadow:none!important;background:#fbfcfe!important}
  .bd-home-latest .bd-section-head{padding-bottom:11px!important;border-bottom:1px solid var(--bd53-line-soft)!important}
  .bd-home-latest .bd-latest-item{min-height:43px!important;padding:9px 0 9px 18px!important;border-bottom:1px solid var(--bd53-line-soft)!important}
  .bd-home-latest .bd-latest-item:first-child{border-top:0!important}
  .bd-latest-title{font-size:12.5px!important;line-height:1.45!important}

  /* Directory: strict four-column rhythm. */
  .bd-home-directory{padding:20px!important}
  .bdnewui_index_category-grid{gap:12px!important}
  .bdnewui_index_category-content{padding:14px!important}
  .bdnewui_index_item-header{min-height:46px!important;margin-bottom:8px!important;padding-bottom:9px!important}
  .bdnewui_index_item-header-icon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:10px!important}
  .bdnewui_index_category-name{font-size:15px!important;line-height:1.35!important}
  .bdnewui_index_category-desc{font-size:11px!important;line-height:1.45!important;color:var(--bd53-muted)!important}
  .bdnewui_index_article-item{font-size:11.5px!important;line-height:1.45!important;padding:5px 0!important}
  .bdnewui_index_view-all-btn{height:31px!important;margin-top:8px!important;font-size:11px!important}
}

/* ---------- Archive/category list: directory-like, less card-heavy ---------- */
.bd-archive-head{box-shadow:none!important}
.bd-doc-archive-card{box-shadow:none!important;border:1px solid var(--bd53-line)!important}
.bd-doc-archive-card:hover{border-color:#cadcf2!important;box-shadow:0 8px 18px rgba(22,119,255,.04)!important}
.bd-doc-archive-type{color:#367bc9!important;font-weight:650!important}
.bd-doc-archive-meta{color:var(--bd53-muted)!important}
.bd-doc-archive-read{background:#f7faff!important;color:#286fc6!important;border-radius:8px!important}

/* ---------- Article visual rhythm ---------- */
.bd-doc-article{box-shadow:0 8px 28px rgba(17,38,67,.04)!important}
.bd-doc-header{max-width:1140px!important}
.bd-doc-title{letter-spacing:-.035em!important;color:#152033!important}
.bd-doc-meta{color:#8a97a8!important}
.bd-doc-meta-primary{background:#f4f8fe!important;border-color:#dbe7f7!important;color:#3978bd!important}
.bd-doc-header-bottom{border-bottom:1px solid var(--bd53-line)!important}
.bd-doc-body{max-width:1080px!important}
.uk-article-content{color:#475467!important}
.uk-article-content p{line-height:1.88!important}
.uk-article-content h2,.uk-article-content h3,.uk-article-content h4{color:#182230!important;letter-spacing:-.018em!important}
.uk-article-content h2{border-bottom:0!important;padding-bottom:0!important}
.uk-article-content h2:before{content:"";display:inline-block;width:3px;height:1.05em;margin-right:10px;border-radius:3px;background:#1f2937;vertical-align:-.08em}
.uk-article-content h3{padding-left:11px!important;border-left:2px solid #dbe5f1!important}
.uk-article-content img{border-radius:12px!important;border:1px solid #edf1f6!important;box-shadow:none!important}
.uk-article-content blockquote{background:#f8fafc!important;border-left:3px solid #9bbde8!important;color:#59697c!important}
.uk-article-content pre{border-radius:12px!important}
.uk-article-content table{border-radius:12px!important}

/* Previous / next navigation reads as navigation, not content cards. */
.bd-doc-article .paginate-post{border-top:1px solid var(--bd53-line)!important;background:transparent!important;padding:16px 0 0!important}
.bd-doc-article .paginate-post [data-uk-grid]>div>div{
  background:#fbfcfe!important;border:1px solid var(--bd53-line)!important;border-radius:11px!important;box-shadow:none!important
}
.bd-doc-article .paginate-post [data-uk-grid]>div>div:hover{background:#f6f9fd!important;border-color:#cfddec!important}

/* ---------- Mobile: one clean rhythm, fewer visual boxes ---------- */
@media (max-width:639px){
  body{background:#f7f9fc!important}
  .uk-container{padding-left:12px!important;padding-right:12px!important}
  .uk-section-hero{padding:22px 0 20px!important}
  .uk-section-hero h1{font-size:24px!important;line-height:1.2!important}
  .bd-hero-subtitle{font-size:12px!important;line-height:1.65!important}
  .bd-search-card{margin-top:16px!important;padding:11px!important;border-radius:13px!important;box-shadow:none!important}
  .hero-search .uk-search-input{height:46px!important;border-radius:11px!important}

  .bd-home-main{padding-top:12px!important}
  .bd-panel,.bd-mobile-category-panel{border-radius:14px!important;box-shadow:none!important}
  .bd-home-featured,.bd-home-latest,.bd-home-directory{padding:13px!important}

  /* Mobile category grid: flatter and clearer. */
  .bd-mobile-category-panel .bd-mobile-category-head{padding:13px!important}
  .bd-mobile-category-grid{border-top:1px solid var(--bd53-line-soft)!important}
  .bd-mobile-category-item{min-height:66px!important;padding:10px 11px!important;background:#fff!important}
  .bd-mobile-category-item .bd-mobile-category-icon{width:32px!important;height:32px!important;flex-basis:32px!important}
  .bd-mobile-category-item .bd-mobile-category-name{font-size:12.5px!important;font-weight:650!important}
  .bd-mobile-category-item .bd-mobile-category-count{font-size:9px!important;color:#9ca7b5!important}

  /* Unified module header; strong title, quiet badge. */
  .bd-section-head,.bd-home-featured .bd-section-head,.bd-home-latest .bd-section-head{
    min-height:36px!important;margin-bottom:8px!important;padding-bottom:9px!important;border-bottom:1px solid var(--bd53-line-soft)!important
  }
  .bd-section-title-row{gap:9px!important}
  .bd-section-icon{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:9px!important}
  .bd-section-icon i{font-size:17px!important}
  .bd-section-head h2{font-size:16px!important;line-height:1.2!important}
  .bd-section-head .bd-section-eyebrow{font-size:8px!important;padding:2px 6px!important}
  .bd-section-link{font-size:10px!important}

  /* Recommended: numbered editorial list, very little chrome. */
  .bd-mobile-featured-item,.bd-featured-mobile-item{min-height:52px!important;padding:10px 0!important}
  .bd-mobile-featured-item .bd-mobile-featured-index,.bd-featured-mobile-item .bd-mobile-featured-index{width:29px!important;height:29px!important;border-radius:8px!important}

  /* Latest: plain feed to distinguish it from recommendations. */
  .bd-home-latest{background:#fff!important}
  .bd-home-latest .bd-latest-item{min-height:40px!important;padding:8px 0 8px 15px!important}
  .bd-latest-title{font-size:11.5px!important}
  .bd-latest-date{font-size:9px!important}

  /* Archive cards become compact rows. */
  .bd-archive-head{padding:13px!important;border-radius:13px!important;box-shadow:none!important}
  .bd-archive-icon{width:36px!important;height:36px!important;flex-basis:36px!important}
  .bd-archive-head h1{font-size:19px!important}
  .bd-archive-list-head h2{font-size:17px!important}
  .bd-doc-archive-list{gap:8px!important}
  .bd-doc-archive-card{border-radius:12px!important;box-shadow:none!important}
  .bd-doc-archive-card .bdnewui_archive_content{padding:12px 13px!important}
  .bd-doc-archive-card .bdnewui_archive_title{font-size:15px!important;margin-bottom:4px!important}
  .bd-doc-archive-card .bdnewui_archive_excerpt{font-size:11.5px!important;line-height:1.58!important;margin-bottom:7px!important}
  .bd-doc-archive-meta{font-size:9.5px!important;padding-top:7px!important}
  .bd-doc-archive-read{padding:4px 7px!important;background:transparent!important}

  /* Article: lighter card, tighter header, readable long-form. */
  .bd-doc-article{padding:15px 13px 18px!important;border-radius:13px!important;box-shadow:none!important}
  .bd-doc-title{font-size:23px!important;line-height:1.22!important}
  .bd-doc-kicker{font-size:9px!important;margin-bottom:6px!important}
  .bd-doc-header-bottom{margin-top:11px!important;padding-bottom:12px!important}
  .bd-doc-meta{font-size:9.5px!important}
  .bd-doc-meta-primary{height:25px!important;padding:0 7px!important}
  .bd-doc-header-bottom .bd-doc-actions{gap:6px!important;margin-top:8px!important}
  .bd-doc-header-bottom .bd-doc-action,.bd-doc-header-bottom #menuBtn.bd-doc-action,.bd-doc-header-bottom #moreBtn.bd-doc-action{
    height:32px!important;min-height:32px!important;padding:0 8px!important;border-radius:8px!important;font-size:10.5px!important
  }
  .bd-doc-body,.uk-article-content{font-size:14px!important;line-height:1.84!important}
  .uk-article-content p{margin-bottom:1em!important}
  .uk-article-content h2{font-size:1.24em!important;margin-top:1.58em!important;margin-bottom:.62em!important}
  .uk-article-content h2:before{width:2px!important;margin-right:8px!important}
  .uk-article-content h3{font-size:1.08em!important;margin-top:1.45em!important;padding-left:9px!important}
  .uk-article-content figure,.uk-article-content p:has(>img){margin-top:.82em!important;margin-bottom:1em!important}
  .uk-article-content img{border-radius:9px!important}

  .bd-doc-article .paginate-post{margin-top:22px!important;padding-top:12px!important}
  .bd-doc-article .paginate-post [data-uk-grid]>div>div{min-height:56px!important;padding:9px 10px!important;border-radius:9px!important}
  .bd-doc-article .paginate-post a{font-size:11.5px!important}

  footer.uk-section-small{padding:20px 0 24px!important;color:#a0a9b6!important}
}


/* ===== legacy layer: beardocs_modern_v54.css ===== */
/* BearDocs Modern UI v5.4 — fine visual polish only */
:root{
  --bd54-blue:#1677ff;
  --bd54-blue-soft:#f4f8ff;
  --bd54-text:#172033;
  --bd54-sub:#697586;
  --bd54-muted:#a0a9b6;
  --bd54-line:#e8edf3;
  --bd54-line-strong:#dbe4ef;
  --bd54-surface:#fff;
  --bd54-page:#f8fafc;
}

/* ---------- Global tone: less wash, more white space ---------- */
body{background:var(--bd54-page)!important}
.uk-section-hero{
  background-color:#f8fbff!important;
  background-image:linear-gradient(180deg,#f5f9ff 0%,#f9fbfe 100%)!important;
}
.bd-home-main,.bd-archive-page{background:var(--bd54-page)!important}
.bd-panel,.bd-mobile-category-panel,.bd-doc-article,.bd-archive-head,.bd-doc-archive-card{
  background:var(--bd54-surface)!important;
  border-color:var(--bd54-line)!important;
}

/* ---------- Hero: lighter, shorter, search closer to intent ---------- */
@media (min-width:960px){
  .uk-section-hero{padding:31px 0 28px!important}
  .uk-section-hero h1{font-size:37px!important;line-height:1.14!important;letter-spacing:-.035em!important}
  .bd-hero-subtitle{margin-top:7px!important;font-size:13.5px!important;color:#7d8998!important}
  .bd-hero-actions{margin-top:15px!important;gap:8px!important}
  .bd-search-card{margin-top:21px!important;padding:14px 16px 13px!important;border-radius:14px!important;box-shadow:none!important}
  .hero-search .uk-search-input{height:50px!important}
}
.bd-hero-badge{background:#f3f7fc!important;color:#5c7fa9!important}

/* ---------- Module headers: consistent geometry ---------- */
.bd-section-title-row{align-items:center!important}
.bd-section-icon{
  background:#f8fbff!important;
  border-color:#dfe8f3!important;
}
.bd-section-eyebrow{
  background:transparent!important;
  color:#6e8fb7!important;
  padding:0!important;
  line-height:1.2!important;
}
.bd-section-head h2{color:var(--bd54-text)!important}

/* Featured gets editorial identity; no heavy card chrome. */
.bd-home-featured .bd-section-icon{background:#f5f9ff!important}
.bd-home-featured .bd-featured-card{
  background:#fff!important;
  border-color:var(--bd54-line)!important;
  box-shadow:none!important;
}
.bd-featured-meta{color:#91a0b2!important}
.bd-featured-card .bd-inline-link{font-weight:650!important}

/* Latest is intentionally a feed, visually lighter than Featured. */
.bd-home-latest{
  background:#fcfdff!important;
  border-color:#edf1f5!important;
}
.bd-home-latest .bd-section-icon{background:#fbfdff!important}
.bd-home-latest .bd-latest-item{border-color:#edf1f5!important}
.bd-home-latest .bd-latest-item::before{width:5px!important;height:5px!important;background:#bfd7f8!important}
.bd-home-latest .bd-latest-date{color:#aeb6c1!important}

/* ---------- Directory: text action instead of button block ---------- */
.bdnewui_index_view-all-btn{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:5px 0!important;
  margin-top:9px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:#3977c2!important;
  justify-content:flex-start!important;
  font-weight:650!important;
}
.bdnewui_index_view-all-btn:hover{
  background:transparent!important;
  color:#0f64d8!important;
  transform:none!important;
}
.bdnewui_index_category-item{box-shadow:none!important}
.bdnewui_index_article-count{background:#f5f7fa!important;color:#7c8795!important}

/* ---------- Article header/meta: one consistent language ---------- */
.bd-doc-kicker{background:transparent!important;padding:0!important;color:#3f7bc1!important}
.bd-doc-meta{gap:9px!important;color:#8f9aaa!important}
.bd-doc-meta > *{position:relative!important}
.bd-doc-meta > * + *{margin-left:8px!important}
.bd-doc-meta > * + *:before{
  content:""!important;
  position:absolute!important;
  left:-9px!important;
  top:50%!important;
  width:3px!important;
  height:3px!important;
  border-radius:50%!important;
  background:#c7d0db!important;
  transform:translateY(-50%)!important;
}
.bd-doc-meta-primary{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  height:auto!important;
  color:#4b78aa!important;
}
.bd-doc-action{
  background:#fff!important;
  border:1px solid var(--bd54-line-strong)!important;
  color:#506071!important;
}
.bd-doc-action:hover{background:#f8fbff!important;border-color:#cbd9e9!important;color:#286fc6!important}

/* ---------- Long-form typography: calmer hierarchy ---------- */
.uk-article-content{color:#4c5969!important}
.uk-article-content p{line-height:1.9!important}
.uk-article-content h2{font-weight:720!important;color:#182230!important}
.uk-article-content h2:before{background:#75869b!important}
.uk-article-content h3{border-left:0!important;padding-left:0!important;font-weight:680!important;color:#253247!important}
.uk-article-content h4{font-weight:650!important;color:#344054!important}
.uk-article-content figure figcaption,
.uk-article-content .wp-caption-text,
.uk-article-content .image-caption{
  margin-top:7px!important;
  text-align:center!important;
  color:#98a2b3!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.uk-article-content img{border-color:#eef2f6!important}

/* ---------- Previous / next: navigation, not CTA cards ---------- */
.bd-doc-article .paginate-post [data-uk-grid]>div>div{
  background:#fff!important;
  border-color:#e7edf4!important;
}
.bd-doc-article .paginate-post [data-uk-grid]>div>div:hover{
  background:#fbfdff!important;
  border-color:#d4e0ed!important;
}

/* ---------- Footer disappears into the page ---------- */
footer.uk-section-small{
  background:transparent!important;
  border-top:1px solid #eef2f6!important;
  color:#a8b0bc!important;
}
footer.uk-section-small a{color:#98a2b3!important}

/* ---------- Mobile fine polish ---------- */
@media (max-width:639px){
  .bd-topbar{min-height:54px!important}
  body > header .uk-navbar-item.uk-logo{font-size:18px!important}
  .uk-section-hero{padding:18px 0 17px!important}
  .uk-section-hero h1{font-size:23px!important}
  .bd-hero-subtitle{margin-top:5px!important;font-size:11.5px!important}
  .bd-hero-actions{margin-top:12px!important}
  .bd-btn{height:36px!important;padding:0 13px!important;font-size:11px!important}
  .bd-search-card{margin-top:14px!important;padding:10px!important}
  .hero-search .uk-search-input{height:44px!important}

  /* Flatter mobile modules. */
  .bd-panel,.bd-mobile-category-panel,.bd-doc-archive-card,.bd-doc-article{box-shadow:none!important}
  .bd-home-featured,.bd-home-latest{padding:12px!important}
  .bd-section-head,.bd-home-featured .bd-section-head,.bd-home-latest .bd-section-head{
    padding-bottom:8px!important;
    margin-bottom:4px!important;
  }
  .bd-section-eyebrow{font-size:8px!important}
  .bd-section-head h2{font-size:15.5px!important}

  /* Directory shortcut remains the main mobile navigation; keep it clean. */
  .bd-mobile-category-head{padding:12px!important}
  .bd-mobile-category-item{min-height:62px!important;padding:9px 10px!important}
  .bd-mobile-category-item .bd-mobile-category-icon{width:30px!important;height:30px!important;flex-basis:30px!important}

  /* Recommended list is dense editorial navigation. */
  .bd-mobile-featured-item,.bd-featured-mobile-item{min-height:48px!important;padding:8px 0!important}
  .bd-mobile-featured-item .bd-mobile-featured-index,.bd-featured-mobile-item .bd-mobile-featured-index{
    width:27px!important;height:27px!important;font-size:9px!important
  }

  /* Latest is visually much quieter. */
  .bd-home-latest .bd-latest-item{min-height:37px!important;padding:7px 0 7px 14px!important}
  .bd-latest-title{font-size:11px!important;font-weight:560!important}

  /* Archive cards: text first, button is no longer a visual block. */
  .bd-doc-archive-card .bdnewui_archive_content{padding:11px 12px!important}
  .bd-doc-archive-card .bdnewui_archive_title{font-size:14.5px!important}
  .bd-doc-archive-card .bdnewui_archive_excerpt{font-size:11px!important;line-height:1.55!important}
  .bd-doc-archive-read{
    background:transparent!important;
    padding:2px 0!important;
    border-radius:0!important;
    font-size:10px!important;
  }

  /* Article header: remove chip-heavy feel. */
  .bd-doc-article{padding:13px 12px 17px!important}
  .bd-doc-title{font-size:22px!important}
  .bd-doc-meta{gap:7px!important;font-size:9px!important}
  .bd-doc-meta > * + *{margin-left:6px!important}
  .bd-doc-meta > * + *:before{left:-7px!important;width:2px!important;height:2px!important}
  .bd-doc-header-bottom .bd-doc-action,.bd-doc-header-bottom #menuBtn.bd-doc-action,.bd-doc-header-bottom #moreBtn.bd-doc-action{
    height:31px!important;min-height:31px!important;background:#fff!important;font-size:10px!important
  }
  .bd-doc-body,.uk-article-content{font-size:13.8px!important;line-height:1.84!important}
  .uk-article-content h2{font-size:1.22em!important}
  .uk-article-content h3{font-size:1.06em!important;padding-left:0!important;border-left:0!important}
  .uk-article-content figure figcaption,.uk-article-content .wp-caption-text,.uk-article-content .image-caption{font-size:10px!important}

  /* Prev/next minimal mobile navigation. */
  .bd-doc-article .paginate-post [data-uk-grid]>div>div{min-height:50px!important;padding:8px 9px!important}

  footer.uk-section-small{padding:17px 0 19px!important;font-size:10px!important}
}


/* ===== legacy layer: beardocs_modern_v60.css ===== */
/* BearDocs v6.0 — search clarity + category directory */

/* Desktop search results */
.bd-search-card .uk-position-relative { z-index: 25; }
.bd-desktop-search-results {
  position:absolute;
  z-index:80;
  top:calc(100% + 10px);
  left:0;
  right:0;
  max-height:430px;
  overflow:auto;
  padding:8px;
  background:#fff;
  border:1px solid #dde5ef;
  border-radius:14px;
  box-shadow:0 18px 48px rgba(15,23,42,.13);
}
.bd-search-result-v60 {
  display:flex;
  align-items:center;
  gap:12px;
  min-height:68px;
  padding:10px 12px;
  border-radius:10px;
  color:#344054 !important;
  text-decoration:none !important;
  transition:background .15s ease;
}
.bd-search-result-v60 + .bd-search-result-v60 { border-top:1px solid #f1f3f6; }
.bd-search-result-v60:hover,.bd-search-result-v60.is-active { background:#f6f9fd; }
.bd-search-result-icon {
  width:36px;height:36px;flex:0 0 36px;
  display:flex;align-items:center;justify-content:center;
  border-radius:9px;background:#f2f6fb;color:#3478dc;font-size:18px;
}
.bd-search-result-main { min-width:0; flex:1; display:block; }
.bd-search-result-top { display:flex;align-items:center;gap:9px;min-width:0; }
.bd-search-result-top strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d2939;font-size:14px; }
.bd-search-result-top em { flex:0 0 auto;padding:2px 7px;border-radius:999px;background:#f3f5f8;color:#7b8796;font-size:11px;font-style:normal; }
.bd-search-result-desc { display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8490a0;font-size:12px; }
.bd-search-result-v60 mark { padding:0;background:#fff1b8;color:inherit;border-radius:2px; }
.bd-search-result-arrow { color:#b1bac6;font-size:17px; }
.bd-search-loading-v60 { padding:22px;text-align:center;color:#8490a0;font-size:13px; }
.bd-search-loading-v60 i { display:inline-block;margin-right:6px;animation:bdV60Spin .9s linear infinite; }
@keyframes bdV60Spin { to { transform:rotate(360deg); } }
.bd-search-empty-v60 { padding:20px 14px 14px;text-align:center; }
.bd-search-empty-icon { width:42px;height:42px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#f4f7fb;color:#667085;font-size:20px; }
.bd-search-empty-v60 > strong { display:block;color:#344054;font-size:14px; }
.bd-search-empty-v60 > span { display:block;margin-top:3px;color:#98a2b3;font-size:12px; }
.bd-search-suggest-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:14px;text-align:left; }
.bd-search-suggest-category { display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #edf0f4;border-radius:9px;color:#475467 !important;font-size:12px;text-decoration:none !important; }
.bd-search-suggest-category span { flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.bd-search-suggest-category:hover { border-color:#cfe0fa;background:#f8fbff;color:#1677ff !important; }

/* Mobile search uses the same visual language, constrained to the drawer. */
.bd-mobile-search-results .bd-search-result-v60 { min-height:58px;padding:8px;gap:9px; }
.bd-mobile-search-results .bd-search-result-icon { width:31px;height:31px;flex-basis:31px;font-size:16px; }
.bd-mobile-search-results .bd-search-result-top strong { font-size:13px; }
.bd-mobile-search-results .bd-search-result-top em { font-size:10px; }
.bd-mobile-search-results .bd-search-result-desc { font-size:11px; }
.bd-mobile-search-results .bd-search-suggest-list { grid-template-columns:1fr; }

/* Category archive becomes a directory, not a stack of blog cards. */
.bd-category-directory-head { display:flex !important;align-items:center;justify-content:space-between;gap:14px; }
.bd-category-directory-head > div { min-width:0; }
.bd-category-directory-head > i { width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e5eaf1;border-radius:10px;background:#fff;color:#7b8796;font-size:17px; }
.bd-category-doc-directory { overflow:hidden;border:1px solid #e3e8ef;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.035); }
.bd-category-doc-row { margin:0; }
.bd-category-doc-row + .bd-category-doc-row { border-top:1px solid #edf1f5; }
.bd-category-doc-row-link {
  display:grid;
  grid-template-columns:34px 38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  color:inherit !important;
  text-decoration:none !important;
  transition:background .16s ease;
}
.bd-category-doc-row-link:hover { background:#f8fafc; }
.bd-category-doc-index { color:#b0bac7;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.bd-category-doc-file { width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f2f6fb;color:#3478dc;font-size:17px; }
.bd-category-doc-copy { min-width:0;display:block; }
.bd-category-doc-copy strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#253246;font-size:14px;font-weight:650;line-height:1.45; }
.bd-category-doc-copy > span { display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a96a6;font-size:12px;line-height:1.5; }
.bd-category-doc-side { display:flex;align-items:center;gap:9px;color:#a1aab7; }
.bd-category-doc-side small { font-size:11px; }
.bd-category-doc-side i { font-size:17px;transition:transform .16s ease,color .16s ease; }
.bd-category-doc-row-link:hover .bd-category-doc-side i { transform:translateX(2px);color:#1677ff; }
.bd-category-doc-directory + .bdnewui_archive_pagination { margin-top:24px !important; }

@media (max-width:639px) {
  .bd-desktop-search-results { display:none !important; }
  .bd-category-directory-head { margin-bottom:8px !important; }
  .bd-category-directory-head > i { display:none; }
  .bd-category-doc-directory { border-radius:12px;box-shadow:none; }
  .bd-category-doc-row-link { grid-template-columns:30px minmax(0,1fr) 18px;gap:9px;padding:12px 12px; }
  .bd-category-doc-index { display:none; }
  .bd-category-doc-file { width:30px;height:30px;font-size:15px;border-radius:8px; }
  .bd-category-doc-copy strong { font-size:13.5px; }
  .bd-category-doc-copy > span { margin-top:2px;font-size:11.5px; }
  .bd-category-doc-side small { display:none; }
  .bd-category-doc-side { gap:0; }
}


/* ===== legacy layer: beardocs_modern_v61.css ===== */
/* BearDocs Modern UI v6.1 — article reading enhancement */
:root {
  --bd-v61-toc-width: 220px;
}

/* Reading progress */
.bd-reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 10050;
  pointer-events: none;
  background: transparent;
}
.bd-reading-progress-bar {
  display: block;
  width: 0;
  height: 100%;
  background: #1677ff;
  transition: width .08s linear;
}

/* One-column article gains a quiet desktop TOC rail. */
@media (min-width: 1200px) {
  .bd-doc-surface { max-width: 1440px !important; }
  .bd-doc-reading-container.bd-v61-reading-layout {
    max-width: 1260px !important;
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--bd-v61-toc-width);
    gap: 48px;
    align-items: start;
  }
  .bd-v61-reading-layout > .bd-doc-article { order: 1; min-width: 0; }
  .bd-v61-reading-layout > #aside { order: 2; display: block; min-width: 0; }
  .bd-v61-reading-layout .bd-doc-header,
  .bd-v61-reading-layout .uk-article-title,
  .bd-v61-reading-layout .uk-article-content,
  .bd-v61-reading-layout .paginate-post { max-width: none !important; }
}

#aside { display: none; }
.bd-v61-toc-panel {
  position: sticky;
  top: 88px;
  padding: 4px 0 8px 18px;
  border-left: 1px solid #e7ecf3;
}
.bd-v61-toc-label {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 11px;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
}
.bd-v61-toc-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: calc(100vh - 150px);
  overflow: auto;
  padding-right: 6px;
  scrollbar-width: thin;
}
.bd-v61-toc-link {
  position: relative;
  display: block;
  padding: 6px 8px;
  border-radius: 8px;
  color: #667085 !important;
  font-size: 12.5px;
  line-height: 1.45;
  text-decoration: none !important;
  transition: color .16s ease, background .16s ease;
}
.bd-v61-toc-link:hover { color: #1677ff !important; background: #f6f9fd; }
.bd-v61-toc-link.is-active {
  color: #1677ff !important;
  background: #f3f7ff;
  font-weight: 650;
}
.bd-v61-toc-link.is-active::before {
  content: '';
  position: absolute;
  left: -19px;
  top: 8px;
  width: 2px;
  height: calc(100% - 16px);
  min-height: 14px;
  border-radius: 2px;
  background: #1677ff;
}
.bd-v61-toc-link.level-3 { padding-left: 18px; font-size: 12px; }
.bd-v61-toc-link.level-4,
.bd-v61-toc-link.level-5,
.bd-v61-toc-link.level-6 { padding-left: 28px; font-size: 11.5px; color: #98a2b3 !important; }

/* Reuse the same clean TOC language in old three-column/mobile hosts. */
.menusx .bd-v61-toc-list,
.menusxx .bd-v61-toc-list { max-height: none; overflow: visible; gap: 3px; padding: 0; }
.menusx .bd-v61-toc-link,
.menusxx .bd-v61-toc-link { font-size: 13px; padding: 8px 9px; }
.menusx .bd-v61-toc-link.is-active::before,
.menusxx .bd-v61-toc-link.is-active::before { display: none; }

/* Heading permalinks */
.uk-article-content h1,
.uk-article-content h2,
.uk-article-content h3,
.uk-article-content h4,
.uk-article-content h5,
.uk-article-content h6 { position: relative; }
.bd-heading-anchor {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 7px;
  width: 25px;
  height: 25px;
  border-radius: 7px;
  color: #b0bac8 !important;
  font-size: 15px;
  vertical-align: middle;
  opacity: 0;
  transform: translateY(-1px);
  text-decoration: none !important;
  transition: opacity .15s ease, color .15s ease, background .15s ease;
}
.uk-article-content h1:hover .bd-heading-anchor,
.uk-article-content h2:hover .bd-heading-anchor,
.uk-article-content h3:hover .bd-heading-anchor,
.uk-article-content h4:hover .bd-heading-anchor,
.bd-heading-anchor:focus { opacity: 1; }
.bd-heading-anchor:hover { color: #1677ff !important; background: #f2f7ff; }

/* Code blocks */
.uk-article-content pre {
  position: relative;
  overflow: auto;
  padding-top: 46px !important;
}
.bd-code-toolbar {
  position: absolute;
  top: 8px;
  right: 9px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 7px;
}
.bd-code-language {
  color: #8a97a8;
  font-size: 11px;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.bd-code-copy {
  height: 28px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid rgba(148,163,184,.28);
  border-radius: 7px;
  background: rgba(255,255,255,.08);
  color: #aab5c3;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}
.bd-code-copy:hover { color: #fff; border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.12); }
.bd-code-copy.is-copied { color: #7ee787; }

/* Article images become obviously zoomable without visual noise. */
.uk-article-content a[data-fancybox="bd-article"] { display: block; cursor: zoom-in; text-decoration: none !important; }
.uk-article-content a[data-fancybox="bd-article"] img { transition: transform .18s ease, box-shadow .18s ease; }
.uk-article-content a[data-fancybox="bd-article"]:hover img {
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(15,23,42,.08);
}

/* Mobile TOC: cleaner, denser reading drawer. */
@media (max-width: 639px) {
  .bd-reading-progress { height: 2px; }
  .bd-toc-drawer {
    width: min(360px, 90vw) !important;
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
  .bd-toc-head { padding-bottom: 13px !important; }
  .bd-toc-scroll { padding-top: 8px !important; }
  .menusx .bd-v61-toc-link { padding: 9px 10px; font-size: 13px; }
  .menusx .bd-v61-toc-link.level-3 { padding-left: 22px; }
  .bd-heading-anchor { opacity: 1; width: 23px; height: 23px; font-size: 14px; }
  .uk-article-content pre { padding-top: 42px !important; }
  .bd-code-toolbar { top: 7px; right: 7px; }
}


/* ===== legacy layer: beardocs_modern_v62.css ===== */
/* BearDocs v6.2 — search overlay fix + content relationship navigation */
.bd-desktop-search-results.bd-search-portaled{position:fixed!important;z-index:10050!important;right:auto!important;margin:0!important;max-height:min(520px,calc(100vh - 24px))!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}.bd-desktop-search-results.bd-search-portaled .bd-search-result-v60{min-height:70px}.bd-desktop-search-results.bd-search-portaled::-webkit-scrollbar{width:8px}.bd-desktop-search-results.bd-search-portaled::-webkit-scrollbar-thumb{background:#d9e1eb;border-radius:999px;border:2px solid #fff}.bd-desktop-search-results.bd-search-portaled::-webkit-scrollbar-track{background:transparent}
.bd-doc-breadcrumb{display:flex;align-items:center;gap:6px;min-width:0;margin:0 0 14px;color:#98a2b3;font-size:12px;line-height:1.4}.bd-doc-breadcrumb a{display:inline-flex;align-items:center;gap:5px;color:#667085;text-decoration:none;white-space:nowrap}.bd-doc-breadcrumb a:hover{color:#1677ff}.bd-doc-breadcrumb>i{color:#c1c7d0;font-size:14px}.bd-doc-breadcrumb>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#98a2b3}
.bd-related-docs{margin-top:44px;padding-top:26px;border-top:1px solid #edf1f5}.bd-related-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.bd-related-head h2{margin:2px 0 0!important;padding:0!important;border:0!important;font-size:20px!important;line-height:1.35!important}.bd-related-kicker{color:#1677ff;font-size:11px;font-weight:700;letter-spacing:.03em}.bd-related-head>a{display:inline-flex;align-items:center;gap:5px;color:#667085;font-size:12px;text-decoration:none}.bd-related-head>a:hover{color:#1677ff}.bd-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bd-related-card{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:92px;padding:13px;border:1px solid #e5eaf0;border-radius:12px;background:#fff;color:inherit!important;text-decoration:none!important;transition:border-color .16s ease,background .16s ease,transform .16s ease}.bd-related-card:hover{border-color:#cfdcf0;background:#fafcff;transform:translateY(-1px)}.bd-related-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f3f7fd;color:#3478dc;font-size:16px}.bd-related-copy{min-width:0}.bd-related-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#27364a;font-size:13px;line-height:1.45}.bd-related-copy small{display:-webkit-box;margin-top:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#8d99a8;font-size:11px;line-height:1.5}.bd-related-arrow{color:#b1bac6}.bd-related-card:hover .bd-related-arrow{color:#1677ff}
.bd-smart-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.bd-smart-pager-card{display:flex;flex-direction:column;justify-content:center;min-height:118px;padding:18px 20px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;color:inherit!important;text-decoration:none!important;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.bd-smart-pager-card:hover{border-color:#c8d9ef;background:#fafcff;box-shadow:0 8px 24px rgba(15,23,42,.04)}.bd-smart-pager-label{display:flex;align-items:center;gap:6px;margin-bottom:9px;color:#8b97a6;font-size:11px;font-weight:600}.bd-smart-pager-next{text-align:right;align-items:flex-end}.bd-smart-pager-next .bd-smart-pager-label{justify-content:flex-end}.bd-smart-pager-card strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#27364a;font-size:14px;line-height:1.5}.bd-smart-pager-card small{margin-top:6px;color:#a0a9b5;font-size:11px}.bd-mobile-reading-bar{display:none}
@media(max-width:959px){.bd-related-grid{grid-template-columns:1fr}.bd-related-card{min-height:76px}}
@media(max-width:639px){.bd-doc-breadcrumb{margin-bottom:10px;font-size:10.5px;gap:4px}.bd-doc-breadcrumb>span{max-width:42vw}.bd-related-docs{margin-top:28px;padding-top:20px}.bd-related-head{align-items:center;margin-bottom:10px}.bd-related-head h2{font-size:17px!important}.bd-related-head>a{font-size:11px}.bd-related-card{grid-template-columns:30px minmax(0,1fr) 16px;min-height:68px;padding:10px;border-radius:10px}.bd-related-icon{width:30px;height:30px;font-size:14px}.bd-related-copy strong{font-size:12.5px}.bd-related-copy small{display:none}.bd-smart-pager{grid-template-columns:1fr;gap:8px;margin-top:18px;margin-bottom:68px}.bd-smart-pager-card{min-height:78px;padding:12px 14px;border-radius:10px}.bd-smart-pager-card strong{font-size:12.5px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bd-smart-pager-next{text-align:left;align-items:flex-start}.bd-smart-pager-next .bd-smart-pager-label{justify-content:flex-start}.bd-mobile-reading-bar{position:fixed;z-index:950;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px;border:1px solid rgba(219,227,238,.95);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 12px 38px rgba(15,23,42,.12);backdrop-filter:blur(12px)}.bd-mobile-reading-bar a,.bd-mobile-reading-bar button{min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:#667085!important;text-decoration:none!important;font:inherit;font-size:10px}.bd-mobile-reading-bar i{color:#3478dc;font-size:17px}}


/* ===== legacy layer: beardocs_modern_v63.css ===== */
/* BearDocs Modern UI v6.3 — popular documents + recent reading */
.bd-home-discovery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:18px 0}.bd-home-discovery>.bd-panel{padding:22px 24px!important}.bd-section-head-compact{margin-bottom:14px!important}.bd-section-icon-popular,.bd-section-icon-recent{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important}.bd-section-icon-popular{color:#f79009!important;background:#fff9eb!important;border-color:#fde7b2!important}.bd-section-icon-recent{color:#667085!important;background:#f8fafc!important;border-color:#e7ecf2!important}.bd-popular-list,.bd-recent-list{display:flex;flex-direction:column}.bd-popular-item,.bd-recent-item{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:48px;padding:8px 2px;border-top:1px solid #edf1f5;color:#263243;text-decoration:none!important}.bd-popular-item:first-child,.bd-recent-item:first-child{border-top:0}.bd-popular-item:hover,.bd-recent-item:hover{color:#1677ff}.bd-popular-rank,.bd-recent-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#f7f9fc;color:#98a2b3;font-size:11px;font-weight:700}.bd-popular-item:nth-child(-n+3) .bd-popular-rank{background:#fff7e6;color:#d97706}.bd-popular-title,.bd-recent-title{min-width:0;font-size:14px;font-weight:620;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-popular-item>i,.bd-recent-item>i{color:#b0bac7}.bd-recent-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.bd-recent-meta{font-size:11px;color:#98a2b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-recent-clear{padding:0;border:0;background:transparent;color:#98a2b3;font-size:12px;cursor:pointer}.bd-recent-clear:hover{color:#1677ff}.bd-home-recent[hidden]{display:none!important}
@media(max-width:959px){.bd-home-discovery{grid-template-columns:1fr;gap:14px;margin:14px 0}.bd-home-discovery>.bd-panel{padding:18px!important}.bd-popular-item,.bd-recent-item{min-height:45px}.bd-popular-list .bd-popular-item:nth-child(n+5){display:none}}
@media(max-width:639px){.bd-home-discovery{margin:12px 0}.bd-home-discovery>.bd-panel{border-radius:15px!important}.bd-section-icon-popular,.bd-section-icon-recent{width:36px!important;height:36px!important;flex-basis:36px!important}.bd-popular-title,.bd-recent-title{font-size:13px}.bd-recent-meta{font-size:10px}}


/* ===== legacy layer: beardocs_modern_v64.css ===== */
/* BearDocs Modern UI v6.4 — persistent TOC + homepage rebalance */

/* Remove the obsolete recent-reading UI completely. */
.bd-home-recent,
.bd-recent-list,
.bd-recent-clear { display:none !important; }

/* Popular documents now form a full-width discovery strip instead of a half-empty 2-column block. */
.bd-home-popular-wide {
  margin: 18px 0 !important;
  padding: 22px 24px !important;
}
.bd-popular-wide-head { margin-bottom: 14px !important; }
.bd-popular-list-wide {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.bd-popular-item-wide {
  min-width: 0;
  min-height: 76px;
  padding: 12px 13px !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) 16px !important;
  align-items: center;
  gap: 10px;
  border: 1px solid #e6ebf2 !important;
  border-radius: 12px;
  background: #fff;
  color: #263243 !important;
  text-decoration: none !important;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.bd-popular-item-wide:hover {
  border-color: #cbdcf2 !important;
  background: #fbfdff;
  transform: translateY(-1px);
}
.bd-popular-item-wide:first-child { border-top: 1px solid #e6ebf2 !important; }
.bd-popular-copy { min-width:0; display:flex; flex-direction:column; gap:3px; }
.bd-popular-item-wide .bd-popular-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: clip !important;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 650;
}
.bd-popular-hint { color:#a0a9b5; font-size:10px; }
.bd-popular-item-wide > i { color:#b5bfcc; }

/* Make the desktop TOC's containing grid item stretch for the full article height.
   Without this, sticky is constrained to an aside only as tall as the TOC itself. */
@media (min-width: 1200px) {
  .bd-doc-reading-container.bd-v61-reading-layout {
    align-items: stretch !important;
  }
  .bd-v61-reading-layout > .bd-doc-article {
    align-self: start;
  }
  .bd-v61-reading-layout > #aside {
    display: block !important;
    align-self: stretch !important;
    min-height: 100% !important;
    position: relative;
    overflow: visible !important;
  }
  .bd-v61-toc-panel {
    position: sticky !important;
    top: 82px !important;
    max-height: calc(100vh - 104px);
    overflow: hidden;
    z-index: 20;
  }
  .bd-v61-toc-list {
    max-height: calc(100vh - 145px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
  .bd-doc-surface,
  .bd-doc-reading-container,
  .bd-doc-article {
    overflow: visible !important;
  }
}

@media (max-width: 1199px) {
  .bd-popular-list-wide { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 959px) {
  .bd-home-popular-wide { margin:14px 0 !important; padding:18px !important; }
  .bd-popular-list-wide { grid-template-columns: repeat(2, minmax(0,1fr)); gap:8px; }
  .bd-popular-item-wide { min-height:66px; padding:10px 11px !important; }
}
@media (max-width: 639px) {
  .bd-home-popular-wide { margin:12px 0 !important; padding:16px !important; border-radius:15px !important; }
  .bd-popular-wide-head { margin-bottom:10px !important; }
  .bd-popular-wide-head .bd-section-link { font-size:11px; }
  .bd-popular-list-wide { grid-template-columns:1fr; gap:0; border-top:1px solid #edf1f5; }
  .bd-popular-item-wide {
    min-height:50px;
    padding:9px 2px !important;
    border:0 !important;
    border-bottom:1px solid #edf1f5 !important;
    border-radius:0;
    background:transparent;
    transform:none !important;
  }
  .bd-popular-item-wide:first-child { border-top:0 !important; }
  .bd-popular-hint { display:none; }
  .bd-popular-item-wide .bd-popular-title { -webkit-line-clamp:1; font-size:12.5px; }
  .bd-popular-list-wide .bd-popular-item-wide:nth-child(n+5) { display:none !important; }
}


/* ===== legacy layer: beardocs_modern_v65.css ===== */
/* BearDocs Modern UI v6.5 — public-facing discovery semantics + homepage refinement */

/* Recommendation metadata is a reader-facing cue, never an editor/admin action. */
.bd-featured-pickline {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:28px;
}
.bd-featured-meta {
  display:inline-flex !important;
  align-items:center;
  gap:5px;
  color:#7b8797 !important;
  font-size:11px !important;
  line-height:1;
  font-weight:600 !important;
  letter-spacing:.01em;
}
.bd-featured-meta i {
  color:#6f9fe7;
  font-size:13px;
}
.bd-featured-rank {
  min-width:36px;
  height:28px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:#f0f6ff !important;
  color:#1677ff !important;
  font-size:12px;
  line-height:1;
  font-weight:750;
}

/* Make each homepage discovery block carry a distinct, but restrained identity. */
.bd-home-featured .bd-section-icon {
  background:#f5f9ff !important;
  border-color:#dce9fb !important;
}
.bd-home-latest .bd-section-icon {
  background:#f7faff !important;
  border-color:#e0eaf7 !important;
}
.bd-home-popular .bd-section-icon-popular {
  background:#fff8ec !important;
  border-color:#f3ddb6 !important;
  color:#d98100 !important;
}
.bd-home-directory .bd-section-icon-directory {
  background:#f6f9fc !important;
  border-color:#e1e8f0 !important;
}

/* Section labels read like navigation cues rather than CMS/admin badges. */
.bd-section-eyebrow {
  font-weight:700 !important;
  letter-spacing:.01em;
}
.bd-home-featured .bd-section-eyebrow { color:#4f8ee8 !important; }
.bd-home-latest .bd-section-eyebrow { color:#6995d2 !important; }
.bd-home-popular .bd-section-eyebrow { color:#c47a0b !important; }
.bd-home-directory .bd-section-eyebrow { color:#718096 !important; }

/* Popular cards use a softer reader cue instead of another 'recommendation' label. */
.bd-popular-hint {
  color:#9aa5b3 !important;
  font-size:10px !important;
  font-weight:500;
}

/* Keep discovery actions visually consistent and clearly navigational. */
.bd-section-link,
.bd-latest-footer-link {
  font-weight:650 !important;
  text-decoration:none !important;
}
.bd-section-link i,
.bd-latest-footer-link i {
  opacity:.78;
}

@media (max-width:639px) {
  .bd-featured-pickline { gap:8px; min-height:26px; }
  .bd-featured-rank { min-width:32px; height:25px; padding:0 8px; border-radius:8px; font-size:11px; }
  .bd-featured-meta { font-size:10.5px !important; gap:4px; }
  .bd-featured-meta i { font-size:12px; }
}


/* ===== legacy layer: beardocs_modern_v66.css ===== */
/* BearDocs Modern UI v6.6 */
.bd-doc-breadcrumb-clean{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;margin:0 0 18px!important;padding:0!important;color:#98a2b3!important;font-size:13px!important;line-height:1.5!important}.bd-doc-breadcrumb-clean a{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#667085!important;text-decoration:none!important;font-weight:500!important}.bd-doc-breadcrumb-clean a:hover{color:#1677ff!important}.bd-doc-breadcrumb-clean a i{color:#98a2b3!important;font-size:14px!important}.bd-doc-breadcrumb-clean>i{color:#c9d1dc!important;font-size:13px!important}.bd-doc-header>.bd-doc-kicker{display:none!important}.bd-doc-header .uk-article-title,.bd-doc-header .bd-doc-title{margin-top:0!important;margin-bottom:0!important}.bd-doc-header-bottom{margin-top:22px!important;padding-bottom:20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;border-bottom:0!important}.bd-doc-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 18px!important;color:#98a2b3!important;font-size:12.5px!important}.bd-doc-meta .bd-doc-meta-item{position:relative!important;display:inline-flex!important;align-items:center!important;gap:6px!important;margin-left:0!important;padding:0!important;border:0!important;background:transparent!important;color:#98a2b3!important;font-weight:500!important}.bd-doc-meta .bd-doc-meta-item+.bd-doc-meta-item::before{content:""!important;position:static!important;width:3px!important;height:3px!important;margin-right:9px!important;border-radius:50%!important;background:#d0d5dd!important}.bd-doc-meta .bd-doc-meta-item i{color:#a4afbd!important;font-size:14px!important}.bd-doc-divider{margin-top:0!important;border-color:#edf1f5!important}.bd-doc-header-bottom .bd-doc-actions{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;flex:0 0 auto!important}.bd-doc-header-bottom .bd-doc-action,.bd-doc-header-bottom #menuBtn.bd-doc-action,.bd-doc-header-bottom #moreBtn.bd-doc-action{height:40px!important;min-height:40px!important;padding:0 13px!important;margin:0!important;border:1px solid #dde5ef!important;border-radius:10px!important;background:#fff!important;color:#475467!important;box-shadow:none!important;font-size:13px!important;font-weight:600!important}.bd-doc-header-bottom .bd-doc-action:hover,.bd-doc-header-bottom #menuBtn.bd-doc-action:hover,.bd-doc-header-bottom #moreBtn.bd-doc-action:hover{border-color:#b9d4fb!important;background:#f8fbff!important;color:#1677ff!important}@media(max-width:639px){.bd-doc-breadcrumb-clean{margin-bottom:12px!important;gap:5px!important;font-size:10.5px!important}.bd-doc-header-bottom{margin-top:14px!important;padding-bottom:13px!important;align-items:flex-start!important;flex-direction:column!important;gap:10px!important}.bd-doc-meta{font-size:10px!important;gap:6px 10px!important}.bd-doc-header-bottom .bd-doc-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.bd-doc-header-bottom .bd-doc-action,.bd-doc-header-bottom #menuBtn.bd-doc-action,.bd-doc-header-bottom #moreBtn.bd-doc-action{width:100%!important;height:36px!important;min-height:36px!important;padding:0 9px!important;font-size:11px!important}.bd-doc-header-bottom .bd-doc-actions>.bd-doc-action:only-child{grid-column:1/-1!important;width:auto!important;justify-self:start!important}}

/* ===== legacy layer: beardocs_modern_v68.css ===== */
/* BearDocs v6.8 — search experience completion */
.bd-search-status-v68 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 12px 8px;
  border-bottom:1px solid #eef2f6;
  color:#667085;
  font-size:12px;
}
.bd-search-status-v68 strong { color:#1677ff;font-weight:700; }
.bd-search-status-v68 small {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#a0a9b7;
  font-size:11px;
}
.bd-search-history-v68 { padding:12px; }
.bd-search-history-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.bd-search-history-head strong { color:#475467;font-size:12px;font-weight:650; }
.bd-search-history-head button {
  padding:0;
  border:0;
  background:transparent;
  color:#98a2b3;
  font-size:11px;
  cursor:pointer;
}
.bd-search-history-head button:hover { color:#1677ff; }
.bd-search-history-list { display:flex;flex-wrap:wrap;gap:7px; }
.bd-search-history-chip {
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:0 10px;
  border:1px solid #e6ebf2;
  border-radius:9px;
  background:#f8fafc;
  color:#566273;
  font-size:12px;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}
.bd-search-history-chip i { color:#98a2b3;font-size:14px; }
.bd-search-history-chip span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.bd-search-history-chip:hover { border-color:#cbdcf6;background:#f4f8ff;color:#1677ff; }
.bd-search-history-chip:hover i { color:#1677ff; }

/* Search results are easier to scan without making the panel taller. */
.bd-desktop-search-results.bd-search-portaled .bd-search-result-v60 { min-height:66px; }
.bd-desktop-search-results.bd-search-portaled .bd-search-result-v60 + .bd-search-result-v60 { border-top:1px solid #f2f4f7; }
.bd-search-result-top em { max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

@media (max-width:639px) {
  .bd-search-status-v68 { padding:8px 9px 7px; }
  .bd-search-status-v68 small { display:none; }
  .bd-search-history-v68 { padding:10px 8px; }
  .bd-search-history-list { gap:6px; }
  .bd-search-history-chip { min-height:30px;padding:0 9px;font-size:11.5px; }
  .bd-mobile-search-results .bd-search-result-top em { max-width:82px; }
}



/* BearDocs v7.0 — search ranking and category priority polish */
.bd-search-result-top .bd-search-match-badge {
  display:inline-flex;align-items:center;height:20px;padding:0 7px;margin-left:6px;
  border-radius:999px;background:#f6f8fb;color:#7b8798;font-size:10px;font-style:normal;font-weight:600;
  white-space:nowrap;
}
.bd-category-doc-row.is-priority { border-color:#d9e7ff !important; background:linear-gradient(90deg,#fbfdff 0%,#fff 38%) !important; }
.bd-category-priority-badge {
  display:inline-flex;align-items:center;gap:3px;margin-left:7px;vertical-align:2px;
  padding:2px 6px;border-radius:999px;background:#eef5ff;color:#1677ff;
  font-size:10px;font-style:normal;font-weight:650;line-height:1.4;
}
.bd-category-priority-badge i{font-size:11px;}
@media(max-width:639px){
  .bd-category-priority-badge{margin-left:5px;padding:1px 5px;}
  .bd-search-result-top .bd-search-match-badge{display:none;}
}


/* ===== BearDocs v7.1 — mobile interaction stabilization ===== */
/* 1) Keep the global back-to-top affordance clear of the fixed reading toolbar. */
@media (max-width:639px) {
  body:has(.bd-mobile-reading-bar) #gotop,
  body.bd-has-mobile-reading-bar #gotop {
    bottom: 82px !important;
    right: 14px !important;
    width: 42px !important;
    height: 42px !important;
    z-index: 940 !important;
  }
  .bd-mobile-reading-bar { z-index: 960 !important; }
}

/* 2) Recommended reading mobile row: rank gets its own fixed track; title can never overlap it. */
@media (max-width:639px) {
  .bd-home-featured .bd-featured-link {
    grid-template-columns: 42px minmax(0,1fr) 18px !important;
    column-gap: 10px !important;
  }
  .bd-home-featured .bd-featured-pickline {
    grid-area: rank !important;
    width: 42px !important;
    min-width: 42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;
  }
  .bd-home-featured .bd-featured-rank {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 34px !important;
    box-sizing:border-box !important;
  }
  .bd-home-featured .bd-featured-card h3 {
    min-width:0 !important;
    padding-left:0 !important;
    margin-left:0 !important;
  }
}

/* 3) Mobile search result layer is portaled to body and positioned as a viewport overlay. */
.bd-mobile-search-results.bd-mobile-search-portaled {
  position: fixed !important;
  left: auto;
  right: auto;
  top: auto;
  z-index: 2200 !important;
  max-height: min(420px, 52vh) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  margin:0 !important;
  padding:6px !important;
  background:#fff !important;
  border:1px solid #dfe6ef !important;
  border-radius:14px !important;
  box-shadow:0 18px 44px rgba(15,23,42,.18) !important;
}
@media (max-width:639px) {
  .bd-mobile-search-results.bd-mobile-search-portaled .bd-search-result-v60 {
    min-height:60px !important;
    padding:9px 8px !important;
  }
  .bd-mobile-search-results.bd-mobile-search-portaled .bd-search-status-v68 {
    position:sticky;
    top:-6px;
    z-index:2;
    background:#fff;
  }
}
/* BearDocs v7.2 — robust mobile search */
.bd72-legacy-search-disabled { display:none !important; }
@media (max-width:959px) {
  .bd-mobile-search-wrap { position:relative !important; overflow:visible !important; z-index:5; }
  .bd72-mobile-search-results {
    position:absolute;
    left:0;
    right:0;
    top:56px;
    z-index:9999;
    max-height:min(430px,55vh);
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    padding:6px;
    border:1px solid #dfe6ef;
    border-radius:14px;
    background:#fff;
    box-shadow:0 18px 40px rgba(15,23,42,.17);
  }
  .bd72-mobile-search-count {
    position:sticky;
    top:-6px;
    z-index:2;
    padding:9px 10px;
    background:#fff;
    border-bottom:1px solid #edf1f6;
    color:#98a2b3;
    font-size:11px;
  }
  .bd72-mobile-result {
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 18px;
    gap:9px;
    align-items:center;
    padding:10px 8px;
    color:#1d2939 !important;
    text-decoration:none !important;
    border-bottom:1px solid #f0f3f7;
  }
  .bd72-mobile-result:last-child { border-bottom:0; }
  .bd72-mobile-result-icon {
    width:34px;height:34px;display:flex;align-items:center;justify-content:center;
    border-radius:9px;background:#f4f8ff;color:#1677ff;font-size:17px;
  }
  .bd72-mobile-result-copy { min-width:0; display:block; }
  .bd72-mobile-result-copy strong,
  .bd72-mobile-result-copy small,
  .bd72-mobile-result-copy em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .bd72-mobile-result-copy strong { font-size:13px; line-height:1.45; color:#182230; }
  .bd72-mobile-result-copy small { margin-top:2px; font-size:10px; color:#1677ff; }
  .bd72-mobile-result-copy em { margin-top:3px; font-size:11px; line-height:1.45; color:#98a2b3; font-style:normal; }
  .bd72-mobile-result > .ri-arrow-right-s-line { color:#b2bdca; font-size:18px; }
  .bd72-mobile-search-loading,
  .bd72-mobile-search-empty { padding:18px 12px; text-align:center; color:#98a2b3; font-size:12px; }
  .bd72-mobile-search-empty i { display:block; margin-bottom:6px; font-size:22px; color:#aab6c5; }
  .bd72-mobile-search-empty strong { display:block; color:#475467; }
  .bd72-mobile-search-empty span { display:block; margin-top:3px; }
}
/* BearDocs v7.4 — unified mobile/desktop search engine presentation */
@media (max-width: 959px) {
  .bd-mobile-search-wrap {
    position: relative !important;
    z-index: 30 !important;
    overflow: visible !important;
  }
  #bdMobileSearchResults,
  .bd-mobile-search-results {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    max-height: min(430px, 48vh) !important;
    margin: 8px 0 0 !important;
    padding: 5px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box !important;
    border: 1px solid #dfe6ef !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(15,23,42,.09) !important;
    z-index: 31 !important;
  }
  #bdMobileSearchResults[hidden] { display: none !important; }
  #bdMobileSearchResults .bd-search-status-v68 {
    padding: 8px 9px !important;
    margin: 0 !important;
    border-bottom: 1px solid #eef2f6;
    font-size: 11px !important;
  }
  #bdMobileSearchResults .bd-search-result-v60 {
    display: grid !important;
    grid-template-columns: 32px minmax(0,1fr) 16px !important;
    gap: 9px !important;
    align-items: center !important;
    min-height: 60px !important;
    padding: 9px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    color: #1d2939 !important;
    text-decoration: none !important;
  }
  #bdMobileSearchResults .bd-search-result-v60 + .bd-search-result-v60 {
    border-top: 1px solid #f0f3f7 !important;
  }
  #bdMobileSearchResults .bd-search-result-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }
  #bdMobileSearchResults .bd-search-result-main { min-width: 0 !important; }
  #bdMobileSearchResults .bd-search-result-top {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
  }
  #bdMobileSearchResults .bd-search-result-top strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 13px !important;
  }
  #bdMobileSearchResults .bd-search-result-top em {
    flex: 0 0 auto !important;
    font-size: 9px !important;
  }
  #bdMobileSearchResults .bd-search-result-desc {
    display: block !important;
    margin-top: 3px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10.5px !important;
    color: #98a2b3 !important;
  }
  #bdMobileSearchResults .bd-search-result-arrow {
    color: #b2bdc9 !important;
    font-size: 16px !important;
  }
  #bdMobileSearchResults .bd-search-history-v68,
  #bdMobileSearchResults .bd-search-empty-v60,
  #bdMobileSearchResults .bd-search-loading-v60 {
    margin: 0 !important;
  }
}
/* BearDocs v7.9 — mobile hero search dropdown stacking/clipping fix */

body > header.bd-home-header,
body > header.bd-inner-header {
  position: relative !important;
  z-index: 80 !important;
}

body > header .uk-section-hero {
  overflow: visible !important;
}

body > header .bd-hero-container,
body > header .hero-search,
body > header .bd-search-card,
body > header .bd-search-card .uk-position-relative,
body > header .autoComplete_wrapper {
  position: relative !important;
  overflow: visible !important;
}

body > header .hero-search,
body > header .bd-search-card,
body > header .bd-search-card .uk-position-relative,
body > header .autoComplete_wrapper {
  z-index: 120 !important;
}

body > header .autoComplete_wrapper {
  display: block !important;
  width: 100% !important;
}

body > header .autoComplete_wrapper > ul {
  position: absolute !important;
  z-index: 10000 !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 6px !important;
  max-height: min(360px, 46vh) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #dfe6ef !important;
  border-radius: 13px !important;
  background: #fff !important;
  box-shadow: 0 16px 40px rgba(15,23,42,.16) !important;
}

body > header .autoComplete_wrapper > ul > li {
  margin: 0 !important;
  padding: 11px 12px !important;
  min-height: 42px !important;
  box-sizing: border-box !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #253246 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

body > header .autoComplete_wrapper > ul > li + li {
  border-top: 1px solid #eef2f6 !important;
}

body > header .autoComplete_wrapper > ul > li:hover,
body > header .autoComplete_wrapper > ul > li[aria-selected="true"] {
  background: #f5f9ff !important;
}

body > header .autoComplete_wrapper > ul > li mark {
  background: #fff1b8 !important;
  color: inherit !important;
  border-radius: 2px;
}

.bd-home-main {
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 639px) {
  body > header .autoComplete_wrapper > ul {
    top: calc(100% + 7px) !important;
    max-height: min(300px, 42vh) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 34px rgba(15,23,42,.15) !important;
  }

  body > header .autoComplete_wrapper > ul > li {
    padding: 10px 11px !important;
    min-height: 40px !important;
    font-size: 13px !important;
  }
}
/* BearDocs v8.0 — UI polish: unified icons, cleaner help-center cards, compact mobile layout.
   This file is additive and keeps the v7.9 search logic untouched. */
:root {
  --bd-v80-primary: #2563eb;
  --bd-v80-primary-soft: #eff6ff;
  --bd-v80-text: #0f172a;
  --bd-v80-muted: #64748b;
  --bd-v80-line: #e6edf7;
  --bd-v80-card: rgba(255,255,255,.94);
  --bd-v80-shadow: 0 16px 42px rgba(15,23,42,.08);
  --bd-v80-shadow-strong: 0 22px 60px rgba(37,99,235,.18);
}

/* Header / navigation refinement */
.bd-navbar-menu > li > a,
.bd-navbar-doclink,
.bd-btn,
.bd-section-link,
.bd-latest-footer-link,
.bdnewui_index_view-all-btn {
  transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.bd-navbar-doclink:hover,
.bd-btn:hover,
.bd-section-link:hover,
.bd-latest-footer-link:hover,
.bdnewui_index_view-all-btn:hover {
  transform: translateY(-1px);
}
.bd-mobile-nav-trigger {
  border-radius: 12px;
}

/* Hero and search card */
.bd-hero-eyebrow {
  letter-spacing: .02em;
  box-shadow: inset 0 0 0 1px rgba(37,99,235,.08);
}
.bd-search-card {
  border: 1px solid rgba(37,99,235,.10) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92)) !important;
  box-shadow: var(--bd-v80-shadow) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.bd-search-card:focus-within {
  transform: translateY(-2px);
  border-color: rgba(37,99,235,.36) !important;
  box-shadow: var(--bd-v80-shadow-strong) !important;
}
.bd-search-card-label {
  color: var(--bd-v80-text) !important;
  font-weight: 700 !important;
}
#searchComplete {
  background: #fff !important;
  border-color: #d9e6f8 !important;
}
#searchComplete:focus {
  border-color: rgba(37,99,235,.72) !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.10) !important;
}
.bd-search-tips {
  gap: 8px !important;
}
.bd-search-tip {
  border-radius: 999px !important;
  border: 1px solid #dbe8fb !important;
  background: #f8fbff !important;
  color: #3364b7 !important;
  font-weight: 600 !important;
}
.bd-search-tip:hover {
  background: #eef6ff !important;
  border-color: #bfdbfe !important;
  color: #1d4ed8 !important;
}

/* Autocomplete result polish */
body > header .autoComplete_wrapper > ul {
  padding: 8px !important;
  border-color: rgba(148,163,184,.28) !important;
  box-shadow: 0 24px 60px rgba(15,23,42,.18) !important;
}
body > header .autoComplete_wrapper > ul > li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 42px 12px 40px !important;
  border-radius: 12px !important;
  font-weight: 650 !important;
}
body > header .autoComplete_wrapper > ul > li::before {
  content: "\ed0f";
  font-family: remixicon !important;
  position: absolute;
  left: 12px;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: var(--bd-v80-primary-soft);
  color: var(--bd-v80-primary);
  font-size: 14px;
  font-weight: 400;
}
body > header .autoComplete_wrapper > ul > li::after {
  content: "\ea6c";
  font-family: remixicon !important;
  position: absolute;
  right: 13px;
  color: #b5c1d3;
  font-size: 16px;
  font-weight: 400;
}
body > header .autoComplete_wrapper > ul > li:hover,
body > header .autoComplete_wrapper > ul > li[aria-selected="true"] {
  background: linear-gradient(90deg, #f5f9ff, #ffffff) !important;
  color: #1e40af !important;
}

/* Section cards */
.bd-panel,
.bdnewui_announcement,
.bd-mobile-category-browser {
  border: 1px solid var(--bd-v80-line) !important;
  box-shadow: 0 12px 34px rgba(15,23,42,.055) !important;
}
.bd-panel:hover,
.bd-mobile-category-browser:hover {
  box-shadow: 0 18px 48px rgba(15,23,42,.075) !important;
}
.bd-section-icon,
.bdnewui_index_item-header-icon,
.bd-mobile-category-entry-icon,
.bd-mobile-category-icon,
.bd-featured-rank,
.bd-popular-rank {
  box-shadow: inset 0 0 0 1px rgba(37,99,235,.08);
}
.bd-featured-card,
.bd-latest-item,
.bd-popular-item,
.bd-mobile-category-entry,
.bd-mobile-category-item,
.bdnewui_index_category-item {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.bd-featured-card:hover,
.bd-latest-item:hover,
.bd-popular-item:hover,
.bd-mobile-category-entry:hover,
.bd-mobile-category-item:hover,
.bdnewui_index_category-item:hover {
  transform: translateY(-2px);
}
.bd-featured-card:hover,
.bdnewui_index_category-item:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 16px 42px rgba(37,99,235,.10) !important;
}
.bd-latest-item:hover,
.bd-popular-item:hover,
.bd-mobile-category-entry:hover {
  background: #f8fbff !important;
}
.bd-popular-copy .bd-popular-hint,
.bd-featured-meta,
.bd-section-eyebrow,
.bd-mobile-category-kicker {
  color: #2563eb !important;
}
.bd-popular-item .ri-arrow-right-line,
.bd-mobile-category-entry-arrow {
  transition: transform .2s ease, color .2s ease;
}
.bd-popular-item:hover .ri-arrow-right-line,
.bd-mobile-category-entry:hover .bd-mobile-category-entry-arrow {
  transform: translateX(3px);
  color: #2563eb !important;
}

/* Mobile drawer icon unification */
.bd-mobile-search-icon,
.bd-mobile-quick-icon,
.bd-mobile-nav-list a > i,
.bd-mobile-category-icon i,
.bd-mobile-category-entry-icon i,
.bdnewui_announcement .icon i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.bd-mobile-nav-list a {
  gap: 10px;
}
.bd-mobile-nav-list a > i {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  color: #2563eb;
  background: #eff6ff;
}
.bd-mobile-search-form:focus-within {
  border-color: rgba(37,99,235,.56) !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.10) !important;
}

/* Compact, app-like mobile home */
@media (max-width: 639px) {
  body > header .uk-section-hero {
    padding-top: 30px !important;
    padding-bottom: 32px !important;
  }
  .bd-hero-copy h1 {
    font-size: clamp(26px, 7vw, 32px) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.04em !important;
  }
  .bd-hero-subtitle {
    max-width: 330px;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
  }
  .bd-hero-actions {
    gap: 9px !important;
    margin-top: 14px !important;
  }
  .bd-btn {
    min-height: 38px !important;
    padding: 0 15px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
  }
  .hero-search {
    margin-top: 22px !important;
  }
  .bd-search-card {
    padding: 15px !important;
    border-radius: 18px !important;
  }
  .bd-search-card-label {
    margin-bottom: 9px !important;
    font-size: 12px !important;
  }
  #searchComplete {
    height: 52px !important;
    font-size: 14px !important;
    border-radius: 13px !important;
  }
  .bd-search-tips {
    display: none !important;
  }
  .bd-home-main {
    padding-top: 32px !important;
  }
  .bd-panel,
  .bd-mobile-category-browser,
  .bdnewui_announcement {
    border-radius: 17px !important;
  }
  .bd-section-head,
  .bd-popular-wide-head {
    margin-bottom: 14px !important;
  }
  .bd-section-title-row h2,
  .bd-mobile-category-browser-head h2 {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }
  .bd-section-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
  }
  .bd-popular-list-wide {
    gap: 0 !important;
  }
  .bd-popular-item-wide,
  .bd-latest-item,
  .bd-mobile-category-entry {
    min-height: 56px !important;
    padding: 11px 0 !important;
  }
  .bd-popular-rank {
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
  }
  .bd-popular-title,
  .bd-latest-title,
  .bd-mobile-category-entry-copy strong {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
  .bd-popular-hint,
  .bd-latest-date,
  .bd-mobile-category-entry-copy small {
    font-size: 11px !important;
  }
  .bd-mobile-nav-bar {
    background: linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  }
  .bd-mobile-quick-grid a,
  .bd-mobile-quick-grid button {
    border-radius: 16px !important;
    background: rgba(255,255,255,.84) !important;
    border: 1px solid #e6edf7 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bd-search-card,
  .bd-featured-card,
  .bd-latest-item,
  .bd-popular-item,
  .bd-mobile-category-entry,
  .bdnewui_index_category-item,
  .bd-btn,
  .bd-section-link,
  .bd-latest-footer-link,
  .bdnewui_index_view-all-btn {
    transition: none !important;
    transform: none !important;
  }
}
/* BearDocs v7.6 — mobile search form/result stabilization */
@media (max-width: 959px) {
  .bd-mobile-search-wrap {
    position: relative !important;
    z-index: 30 !important;
    overflow: visible !important;
  }
  .bd-mobile-search-form {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #bdMobileSearchResults {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    max-height: min(430px, 48vh) !important;
    margin: 8px 0 0 !important;
    padding: 5px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box !important;
    border: 1px solid #dfe6ef !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(15,23,42,.09) !important;
    z-index: 31 !important;
  }
  #bdMobileSearchResults[hidden] { display: none !important; }
}
/* BearDocs v8.1 — second-stage mobile UI refinement.
   Keeps v7.9/v7.8 search logic unchanged; focuses on mobile category cards,
   icon spacing, section rhythm, and touch polish. */
:root {
  --bd-v81-blue: #2563eb;
  --bd-v81-blue-soft: #eef6ff;
  --bd-v81-border: #e7eef8;
  --bd-v81-text: #0f172a;
  --bd-v81-muted: #64748b;
}

/* Shared micro-interactions */
.bd-mobile-category-entry,
.bd-popular-item-wide,
.bd-latest-item,
.bd-featured-card,
.bd-section-link,
.bd-latest-footer-link {
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 639px) {
  /* Stage 2: make the mobile category block feel like real app tiles, not a tight table. */
  .bd-mobile-category-browser {
    overflow: hidden !important;
    background: rgba(255, 255, 255, .96) !important;
    border-color: rgba(226, 235, 247, .95) !important;
  }

  .bd-mobile-category-browser-head {
    padding: 20px 16px 16px !important;
    align-items: flex-start !important;
  }

  .bd-mobile-category-browser-head > div {
    min-width: 0 !important;
  }

  .bd-mobile-category-kicker {
    display: inline-flex !important;
    align-items: center !important;
    height: 20px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #eff6ff !important;
    color: #2563eb !important;
    font-size: 10px !important;
    font-weight: 700 !important;
  }

  .bd-mobile-category-browser-head h2 {
    margin-top: 7px !important;
    font-size: 20px !important;
    letter-spacing: -0.03em !important;
  }

  .bd-mobile-category-browser-head > i {
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background: #f8fbff !important;
    color: #8aa0bd !important;
    box-shadow: inset 0 0 0 1px #e7eef8 !important;
  }

  .bd-mobile-category-browser-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #edf2f8 !important;
  }

  .bd-mobile-category-entry {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 12px !important;
    min-height: 74px !important;
    padding: 14px 14px 14px 16px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
  }

  .bd-mobile-category-entry:nth-child(odd) {
    border-right: 1px solid #edf2f8 !important;
  }

  .bd-mobile-category-entry:nth-child(n+3) {
    border-top: 1px solid #edf2f8 !important;
  }

  .bd-mobile-category-entry-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex: 0 0 34px !important;
    margin: 0 !important;
    justify-self: start !important;
    border-radius: 11px !important;
    background: linear-gradient(180deg, #f4f8ff 0%, #eef6ff 100%) !important;
    color: #2563eb !important;
    box-shadow: inset 0 0 0 1px #d8e7fb, 0 6px 14px rgba(37,99,235,.06) !important;
  }

  .bd-mobile-category-entry-icon i {
    font-size: 15px !important;
  }

  .bd-mobile-category-entry-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding-left: 0 !important;
  }

  .bd-mobile-category-entry-copy strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #111827 !important;
    font-size: 13.5px !important;
    line-height: 1.28 !important;
    font-weight: 760 !important;
    letter-spacing: -0.02em !important;
  }

  .bd-mobile-category-entry-copy small {
    display: block !important;
    margin-top: 5px !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  .bd-mobile-category-entry-arrow {
    display: none !important;
  }

  .bd-mobile-category-entry:active {
    background: #f7fbff !important;
  }

  /* Keep the first column icon away from the screen edge and the second column away from the divider. */
  .bd-mobile-category-entry:nth-child(odd) {
    padding-left: 16px !important;
    padding-right: 12px !important;
  }

  .bd-mobile-category-entry:nth-child(even) {
    padding-left: 18px !important;
    padding-right: 12px !important;
  }

  /* Slightly improve the vertical rhythm between homepage sections. */
  .bd-home-main {
    gap: 24px !important;
  }

  .bd-panel,
  .bd-mobile-category-browser {
    scroll-margin-top: 78px !important;
  }

  .bd-home-overview-grid {
    gap: 24px !important;
  }

  .bd-popular-item-wide,
  .bd-latest-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .bd-section-link,
  .bd-latest-footer-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
  }

  /* Float button should not visually fight with the last card. */
  .bd-gotop-mobile,
  .bd-backtop,
  .back-to-top {
    right: 14px !important;
    bottom: 18px !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 28px rgba(15,23,42,.16) !important;
  }
}

@media (min-width: 390px) and (max-width: 639px) {
  .bd-mobile-category-entry {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    column-gap: 13px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}
/* BearDocs v8.2 — mobile header/title refinement.
   Focus: prevent top logo/title clipping on small screens and slightly improve category heading spacing. */

@media (max-width: 639px) {
  html, body {
    overflow-x: hidden;
  }

  body > header .bd-navbar-shell {
    overflow: visible !important;
  }

  body > header .bd-navbar-shell > .uk-container,
  body > header .bd-topbar {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body > header .bd-navbar-shell > .uk-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body > header .bd-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  body > header .bd-topbar > .uk-navbar-left,
  body > header .bd-topbar > .uk-navbar-right,
  body > header .bd-navbar-brand-wrap,
  body > header .bd-navbar-actions {
    min-width: 0 !important;
  }

  body > header .bd-navbar-brand-wrap,
  body > header .uk-navbar-left {
    flex: 1 1 auto !important;
    overflow: hidden !important;
    gap: 0 !important;
  }

  body > header .bd-navbar-actions,
  body > header .uk-navbar-right {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    padding-left: 6px !important;
  }

  body > header .uk-navbar-item.uk-logo,
  body > header .uk-logo {
    display: flex !important;
    align-items: center !important;
    max-width: calc(100vw - 84px) !important;
    min-width: 0 !important;
    min-height: 54px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 17px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.01em !important;
  }

  body > header .uk-navbar-item.uk-logo img {
    max-width: min(100%, 180px) !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body > header .bd-mobile-nav-trigger,
  body > header .uk-navbar-toggle.bd-mobile-nav-trigger {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    flex: 0 0 40px !important;
  }

  body > header .bd-mobile-nav-trigger .uk-navbar-toggle-icon,
  body > header .bd-mobile-nav-trigger .uk-navbar-toggle-icon::before,
  body > header .bd-mobile-nav-trigger .uk-navbar-toggle-icon::after {
    margin: 0 auto !important;
  }

  /* Tiny spacing tune for the mobile category heading action icon */
  .bd-mobile-category-browser-head {
    gap: 12px !important;
  }

  .bd-mobile-category-browser-head > i {
    flex: 0 0 28px !important;
    margin-left: 6px !important;
  }
}
/* BearDocs v8.3 — homepage visual system refinement.
   Keeps existing search logic unchanged. Focus: unified mobile home cards, section headers, icons, spacing and touch polish. */

:root {
  --bd-v83-blue: #2563eb;
  --bd-v83-blue-soft: #eef6ff;
  --bd-v83-orange: #f97316;
  --bd-v83-orange-soft: #fff7ed;
  --bd-v83-purple: #7c3aed;
  --bd-v83-purple-soft: #f5f3ff;
  --bd-v83-border: #e7eef8;
  --bd-v83-text: #0f172a;
  --bd-v83-muted: #718096;
  --bd-v83-shadow: 0 14px 38px rgba(15, 23, 42, .055);
}

/* Unified home-section card language */
.bd-home-main .bd-panel,
.bd-mobile-category-browser,
.bdnewui_announcement {
  border: 1px solid var(--bd-v83-border) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: var(--bd-v83-shadow) !important;
}

.bd-section-head,
.bd-popular-wide-head,
.bd-mobile-category-browser-head {
  position: relative !important;
}

.bd-section-title-row,
.bd-popular-wide-head,
.bd-mobile-category-browser-head {
  align-items: center !important;
}

.bd-section-eyebrow,
.bd-mobile-category-kicker,
.bd-featured-meta {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
}

.bd-section-icon,
.bdnewui_index_item-header-icon,
.bd-mobile-category-entry-icon,
.bd-popular-icon,
.bd-featured-rank,
.bd-popular-rank {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

.bd-home-featured .bd-section-icon { background: var(--bd-v83-blue-soft) !important; color: var(--bd-v83-blue) !important; }
.bd-home-latest .bd-section-icon { background: var(--bd-v83-purple-soft) !important; color: var(--bd-v83-purple) !important; }
.bd-popular-wide-head .bd-section-icon,
.bdnewui_index_item-header-icon { background: var(--bd-v83-orange-soft) !important; color: var(--bd-v83-orange) !important; }
.bd-mobile-category-entry-icon { background: var(--bd-v83-blue-soft) !important; color: var(--bd-v83-blue) !important; }

.bd-section-title-row h2,
.bd-mobile-category-browser-head h2,
.bd-popular-wide-head h2 {
  color: var(--bd-v83-text) !important;
  font-weight: 820 !important;
  letter-spacing: -0.035em !important;
}

.bd-section-link,
.bd-latest-footer-link,
.bdnewui_index_view-all-btn {
  color: var(--bd-v83-blue) !important;
  font-weight: 750 !important;
}

.bd-popular-item-wide,
.bd-featured-card,
.bd-latest-item,
.bd-mobile-category-entry,
.bdnewui_index_category-item {
  -webkit-tap-highlight-color: transparent;
}

.bd-popular-item-wide:active,
.bd-latest-item:active,
.bd-mobile-category-entry:active,
.bd-featured-card:active {
  transform: scale(.992) !important;
}

@media (max-width: 639px) {
  body {
    background: linear-gradient(180deg, #f6f9ff 0%, #ffffff 38%, #f8fbff 100%) !important;
  }

  .bd-home-main {
    padding-top: 28px !important;
  }

  .bd-home-main > .uk-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  .bd-home-overview-grid,
  .bd-home-directory {
    gap: 24px !important;
  }

  .bd-home-main .bd-panel,
  .bd-mobile-category-browser,
  .bdnewui_announcement {
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  .bd-section-head,
  .bd-popular-wide-head,
  .bd-mobile-category-browser-head {
    padding: 20px 16px 15px !important;
    margin: 0 !important;
    border-bottom: 1px solid #edf2f8 !important;
  }

  .bd-section-title-row,
  .bd-popular-wide-head,
  .bd-mobile-category-browser-head {
    gap: 12px !important;
  }

  .bd-section-icon,
  .bdnewui_index_item-header-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
    box-shadow: inset 0 0 0 1px rgba(37,99,235,.08) !important;
  }

  .bd-section-icon i,
  .bdnewui_index_item-header-icon i,
  .bd-mobile-category-entry-icon i {
    font-size: 17px !important;
    line-height: 1 !important;
  }

  .bd-section-eyebrow,
  .bd-mobile-category-kicker,
  .bd-featured-meta {
    min-height: 18px !important;
    padding: 0 7px !important;
    font-size: 10px !important;
    background: #eef6ff !important;
    color: var(--bd-v83-blue) !important;
  }

  .bd-section-title-row h2,
  .bd-mobile-category-browser-head h2,
  .bd-popular-wide-head h2 {
    margin: 5px 0 0 !important;
    font-size: 20px !important;
    line-height: 1.18 !important;
  }

  .bd-section-head p,
  .bd-section-subtitle,
  .bdnewui_index_section-description {
    margin-top: 6px !important;
    color: var(--bd-v83-muted) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .bd-section-link,
  .bd-latest-footer-link {
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  /* Popular docs: cleaner list rhythm */
  .bd-popular-list-wide,
  .bd-latest-list,
  .bd-featured-grid {
    padding: 0 16px !important;
  }

  .bd-popular-item-wide,
  .bd-latest-item {
    min-height: 66px !important;
    padding: 14px 0 !important;
    border-bottom-color: #edf2f8 !important;
  }

  .bd-popular-rank,
  .bd-featured-rank {
    width: 31px !important;
    height: 31px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
  }

  .bd-popular-title,
  .bd-latest-title,
  .bd-featured-card h3 {
    font-size: 14px !important;
    line-height: 1.48 !important;
    font-weight: 760 !important;
    color: #111827 !important;
  }

  .bd-popular-arrow,
  .bd-latest-arrow,
  .bd-popular-item-wide .ri-arrow-right-line,
  .bd-latest-item .ri-arrow-right-line {
    color: #a9b7ca !important;
    font-size: 18px !important;
  }

  /* Category module: keep two columns but make spacing less cramped. */
  .bd-mobile-category-browser-head > i {
    margin-left: auto !important;
  }

  .bd-mobile-category-browser-grid {
    border-top: 0 !important;
  }

  .bd-mobile-category-entry {
    min-height: 78px !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    column-gap: 13px !important;
    padding: 15px 14px 15px 16px !important;
  }

  .bd-mobile-category-entry:nth-child(even) {
    padding-left: 20px !important;
  }

  .bd-mobile-category-entry-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
  }

  .bd-mobile-category-entry-copy strong {
    font-size: 13.5px !important;
    line-height: 1.3 !important;
  }

  .bd-mobile-category-entry-copy small {
    margin-top: 5px !important;
    font-size: 10.5px !important;
  }

  /* Featured/recommended cards align with the same system. */
  .bd-featured-grid,
  .bd-featured-curated {
    display: grid !important;
    gap: 12px !important;
  }

  .bd-featured-card {
    border-radius: 15px !important;
    border-color: #e7eef8 !important;
    box-shadow: none !important;
  }

  .bd-featured-card .bd-featured-link {
    padding: 15px !important;
  }

  .bd-featured-card p {
    color: var(--bd-v83-muted) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  .bd-inline-link {
    color: var(--bd-v83-blue) !important;
    font-size: 12px !important;
    font-weight: 760 !important;
  }

  /* Desktop directory cards are hidden on mobile; keep desktop unaffected. */
  .bd-home-directory .bdnewui_index_category-grid {
    gap: 12px !important;
  }

  /* Floating return-top button: lighter and more consistent. */
  .bd-gotop-mobile,
  .bd-backtop,
  .back-to-top {
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid #dce8f7 !important;
    color: var(--bd-v83-blue) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }
}
/* BearDocs v8.4 — desktop search state cleanup and overflow polish.
   v3.2 autocomplete is the only desktop hero search UI; the legacy v6/v7 panel is fully hidden. */

/* Hide the abandoned custom desktop results panel that could show stale “search unavailable” state. */
#bdDesktopSearchResults,
.bd-desktop-search-results {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Keep the real autoComplete dropdown as the only visible search result layer. */
body > header .autoComplete_wrapper {
  width: 100% !important;
}
body > header .autoComplete_wrapper > ul {
  z-index: 99999 !important;
  max-height: min(430px, 48vh) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}
body > header .autoComplete_wrapper > ul:empty,
body > header .autoComplete_wrapper > ul[hidden] {
  display: none !important;
}

/* Prevent the search layer and decorative hero shapes from creating horizontal scrollbars. */
html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body > header.bd-home-header,
body > header .uk-section-hero,
.bd-home-main {
  overflow-x: clip;
}

/* Desktop search: slightly cleaner result row rhythm. */
@media (min-width: 960px) {
  body > header .autoComplete_wrapper > ul {
    margin-top: 10px !important;
    border-radius: 20px !important;
    padding: 12px !important;
  }

  body > header .autoComplete_wrapper > ul > li {
    min-height: 52px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }
}

@media (max-width: 639px) {
  body > header .autoComplete_wrapper > ul {
    max-height: min(360px, 50vh) !important;
  }
}
/* BearDocs v8.6 — Knowledge Base Clean Edition
   Re-centers the theme as a tutorial/knowledge-base site instead of an App/SaaS landing page.
   Search logic remains untouched. */

:root {
  --bd-kb-text: #111827;
  --bd-kb-muted: #6b7280;
  --bd-kb-soft: #f8fafc;
  --bd-kb-line: #e5e7eb;
  --bd-kb-blue: #2563eb;
  --bd-kb-blue-soft: #eff6ff;
  --bd-kb-card: #ffffff;
  --bd-kb-shadow: 0 8px 22px rgba(15, 23, 42, .045);
}

/* 1. Header: calm documentation-style navigation */
body > header .bd-navbar-shell {
  background: rgba(255, 255, 255, .98) !important;
  border-bottom: 1px solid #edf1f5 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body > header .bd-topbar {
  min-height: 60px !important;
}

body > header .uk-navbar-item.uk-logo,
body > header .uk-logo {
  color: var(--bd-kb-text) !important;
  font-weight: 750 !important;
  letter-spacing: -0.02em !important;
}

body > header .uk-logo::before,
body > header .bd-navbar-brand-wrap::before {
  box-shadow: none !important;
}

.bd-navbar-menu > li > a {
  color: #4b5563 !important;
  font-weight: 650 !important;
  min-height: 60px !important;
  padding: 0 13px !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.bd-navbar-menu > li.uk-active > a,
.bd-navbar-menu > li > a:hover {
  color: var(--bd-kb-blue) !important;
  background: transparent !important;
}

.bd-navbar-menu > li.uk-active > a::after {
  height: 2px !important;
  border-radius: 999px !important;
  background: var(--bd-kb-blue) !important;
}

.bd-navbar-doclink {
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  background: #2563eb !important;
  border: 1px solid #2563eb !important;
  color: #fff !important;
  font-weight: 700 !important;
}

.bd-navbar-doclink:hover {
  transform: none !important;
  box-shadow: none !important;
  background: #1d4ed8 !important;
}

/* 2. Hero: tutorial search entrance, not a marketing banner */
body > header.bd-home-header,
body > header .uk-section-hero {
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%) !important;
}

body > header.bd-home-header .uk-section-hero {
  padding-top: 52px !important;
  padding-bottom: 54px !important;
}

.bd-hero-eyebrow {
  background: var(--bd-kb-blue-soft) !important;
  color: #2563eb !important;
  border: 1px solid #dbeafe !important;
  box-shadow: none !important;
}

body > header .uk-section-hero h1,
body > header.bd-inner-header .uk-section-hero h1 {
  color: var(--bd-kb-text) !important;
  font-weight: 780 !important;
  letter-spacing: -0.045em !important;
}

.bd-hero-subtitle {
  color: #6b7280 !important;
}

.bd-btn {
  border-radius: 10px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

.bd-btn:hover {
  transform: none !important;
  box-shadow: none !important;
}

.bd-btn-primary {
  background: #2563eb !important;
  border-color: #2563eb !important;
}

.bd-btn-secondary {
  background: #fff !important;
  border-color: #dbe3ef !important;
  color: #2563eb !important;
}

.bd-search-card {
  background: #fff !important;
  border: 1px solid #dbeafe !important;
  box-shadow: var(--bd-kb-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.bd-search-card:focus-within {
  transform: none !important;
  border-color: #93c5fd !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.08), var(--bd-kb-shadow) !important;
}

.bd-search-card-label {
  color: var(--bd-kb-text) !important;
  font-weight: 700 !important;
}

#searchComplete {
  border-color: #dbe3ef !important;
  box-shadow: none !important;
}

#searchComplete:focus {
  border-color: #93c5fd !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.08) !important;
}

/* 3. Homepage modules: lighter document-list style */
.bd-home-main {
  background: #f8fafc !important;
}

.bd-panel,
.bd-mobile-category-browser,
.bdnewui_announcement,
.bd-featured-card,
.bd-latest-item,
.bd-popular-item,
.bdnewui_index_category-item,
.bd-doc-archive-card {
  background: #fff !important;
  border-color: var(--bd-kb-line) !important;
  box-shadow: none !important;
}

.bd-panel:hover,
.bd-mobile-category-browser:hover,
.bd-featured-card:hover,
.bd-latest-item:hover,
.bd-popular-item:hover,
.bdnewui_index_category-item:hover,
.bd-doc-archive-card:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: #dbe3ef !important;
}

.bd-section-icon,
.bdnewui_index_item-header-icon,
.bd-mobile-category-entry-icon,
.bd-mobile-category-icon,
.bd-featured-rank,
.bd-popular-rank {
  background: #f8fafc !important;
  color: #2563eb !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
}

.bd-section-eyebrow,
.bd-mobile-category-kicker,
.bd-featured-meta,
.bd-popular-copy .bd-popular-hint {
  color: #2563eb !important;
  background: #eff6ff !important;
  border-color: #dbeafe !important;
  box-shadow: none !important;
}

.bd-section-title-row h2,
.bd-mobile-category-browser-head h2,
.bd-popular-wide-title h2,
.bdnewui_index_item-header-content h3,
.bdnewui_index_category-name,
.bd-featured-card h3,
.bd-latest-title,
.bd-popular-title {
  color: var(--bd-kb-text) !important;
}

.bd-popular-item-wide,
.bd-latest-item,
.bd-mobile-category-entry {
  border-color: #edf1f5 !important;
}

.bd-popular-item-wide:hover,
.bd-latest-item:hover,
.bd-mobile-category-entry:hover {
  background: #f9fbff !important;
}

.bd-popular-item .ri-arrow-right-line,
.bd-popular-item-wide .ri-arrow-right-line,
.bd-mobile-category-entry-arrow,
.bd-latest-item .ri-arrow-right-line {
  color: #9ca3af !important;
}

.bd-popular-item:hover .ri-arrow-right-line,
.bd-popular-item-wide:hover .ri-arrow-right-line,
.bd-mobile-category-entry:hover .bd-mobile-category-entry-arrow,
.bd-latest-item:hover .ri-arrow-right-line {
  transform: none !important;
  color: #2563eb !important;
}

/* 4. Mobile drawer: tool-like, simple, document-first */
.bd-mobile-nav-bar {
  background: #fff !important;
  box-shadow: none !important;
}

.bd-mobile-drawer-head {
  border-bottom: 1px solid #edf1f5 !important;
}

.bd-mobile-brand strong {
  color: var(--bd-kb-text) !important;
}

.bd-mobile-brand span,
.bd-mobile-section-title,
.bd-mobile-category-copy small,
.bd-mobile-quick-grid small {
  color: #6b7280 !important;
}

.bd-mobile-search-form,
.bd-mobile-quick-grid a,
.bd-mobile-quick-grid button,
.bd-mobile-nav-list a,
.bd-mobile-category-item {
  background: #fff !important;
  border-color: #e5e7eb !important;
  box-shadow: none !important;
}

.bd-mobile-quick-grid a:hover,
.bd-mobile-quick-grid button:hover,
.bd-mobile-nav-list a:hover,
.bd-mobile-category-item:hover {
  background: #f9fbff !important;
  border-color: #dbeafe !important;
}

.bd-mobile-quick-icon,
.bd-mobile-nav-list a > i,
.bd-mobile-category-icon {
  background: #eff6ff !important;
  color: #2563eb !important;
  box-shadow: none !important;
}

/* 5. Motion: documentation sites should feel stable */
.bd-navbar-doclink,
.bd-btn,
.bd-search-card,
.bd-featured-card,
.bd-latest-item,
.bd-popular-item,
.bd-mobile-category-entry,
.bdnewui_index_category-item,
.bd-section-link,
.bd-latest-footer-link,
.bdnewui_index_view-all-btn {
  transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

@media (max-width: 639px) {
  body > header .bd-topbar {
    min-height: 54px !important;
  }

  body > header.bd-home-header .uk-section-hero {
    padding-top: 28px !important;
    padding-bottom: 30px !important;
  }

  .bd-hero-copy h1 {
    font-size: 28px !important;
    line-height: 1.22 !important;
  }

  .bd-hero-subtitle {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  .bd-hero-actions {
    margin-top: 14px !important;
  }

  .hero-search {
    margin-top: 20px !important;
  }

  .bd-search-card {
    border-radius: 15px !important;
    padding: 14px !important;
  }

  .bd-home-main {
    padding-top: 24px !important;
  }

  .bd-panel,
  .bd-mobile-category-browser,
  .bdnewui_announcement {
    border-radius: 14px !important;
  }

  .bd-mobile-category-entry {
    background: #fff !important;
  }

  .bd-mobile-category-entry-icon {
    background: #f8fafc !important;
    color: #2563eb !important;
    box-shadow: none !important;
  }

  .bd-gotop-mobile,
  .bd-backtop,
  .back-to-top {
    box-shadow: none !important;
    border: 1px solid #dbe3ef !important;
    background: #fff !important;
  }
}
/* BearDocs v8.8 — Knowledge-base article reading refinement.
   Goal: calm tutorial/documentation reading, not App/SaaS marketing. */
:root {
  --bd88-text: #1f2937;
  --bd88-muted: #6b7280;
  --bd88-soft: #f8fafc;
  --bd88-line: #e5e7eb;
  --bd88-blue: #2563eb;
  --bd88-code-bg: #f6f8fb;
}

/* Article page surface: lighter, document-first */
.bd-doc-surface,
.uk-section-muted > .uk-container > .uk-background-default:has(.bd-doc-article) {
  border: 1px solid var(--bd88-line) !important;
  box-shadow: none !important;
  background: #fff !important;
}

.bd-doc-reading-container {
  max-width: 1040px !important;
  padding-top: 36px !important;
  padding-bottom: 44px !important;
}

.bd-doc-header {
  max-width: 900px !important;
  margin: 0 auto !important;
}

.bd-doc-breadcrumb-clean {
  margin-bottom: 14px !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
}

.bd-doc-breadcrumb-clean a {
  color: #64748b !important;
}

.bd-doc-breadcrumb-clean a:hover {
  color: var(--bd88-blue) !important;
}

.bd-doc-article .uk-article-title,
.bd-doc-header .uk-article-title {
  max-width: 900px !important;
  margin: 0 !important;
  color: #111827 !important;
  font-size: clamp(30px, 4vw, 42px) !important;
  line-height: 1.22 !important;
  letter-spacing: -0.035em !important;
  font-weight: 760 !important;
}

.bd-doc-header-bottom {
  margin-top: 18px !important;
  padding-bottom: 18px !important;
}

.bd-doc-meta {
  color: #94a3b8 !important;
}

.bd-doc-divider {
  max-width: 900px !important;
  margin: 0 auto 28px !important;
  border-color: var(--bd88-line) !important;
}

/* Main content: readable tutorial typography */
.bd-doc-article .uk-article-content {
  max-width: 860px !important;
  margin: 0 auto !important;
  color: var(--bd88-text) !important;
  font-size: 16.5px !important;
  line-height: 1.9 !important;
  word-break: break-word !important;
}

.bd-doc-article .uk-article-content > :first-child {
  margin-top: 0 !important;
}

.bd-doc-article .uk-article-content p {
  max-width: none !important;
  margin: 0 0 1.15em !important;
}

.bd-doc-article .uk-article-content h1,
.bd-doc-article .uk-article-content h2,
.bd-doc-article .uk-article-content h3,
.bd-doc-article .uk-article-content h4,
.bd-doc-article .uk-article-content h5,
.bd-doc-article .uk-article-content h6 {
  max-width: none !important;
  color: #111827 !important;
  font-weight: 730 !important;
  letter-spacing: -0.018em !important;
  scroll-margin-top: 86px !important;
}

.bd-doc-article .uk-article-content h2 {
  margin-top: 2.35em !important;
  margin-bottom: .8em !important;
  padding-bottom: 9px !important;
  border-bottom: 1px solid var(--bd88-line) !important;
  font-size: 1.48em !important;
  line-height: 1.35 !important;
}

.bd-doc-article .uk-article-content h3 {
  margin-top: 1.9em !important;
  margin-bottom: .6em !important;
  font-size: 1.22em !important;
  line-height: 1.45 !important;
}

.bd-doc-article .uk-article-content h4 {
  margin-top: 1.55em !important;
  margin-bottom: .45em !important;
  font-size: 1.08em !important;
}

.bd-doc-article .uk-article-content ul,
.bd-doc-article .uk-article-content ol {
  margin: 0 0 1.2em 1.3em !important;
  padding-left: .8em !important;
}

.bd-doc-article .uk-article-content li + li {
  margin-top: .28em !important;
}

.bd-doc-article .uk-article-content blockquote {
  margin: 1.45em 0 !important;
  padding: 14px 18px !important;
  border-left: 4px solid #bfdbfe !important;
  border-radius: 0 10px 10px 0 !important;
  background: #f8fbff !important;
  color: #334155 !important;
  font-size: .98em !important;
}

.bd-doc-article .uk-article-content a {
  color: #1d4ed8 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.bd-doc-article .uk-article-content img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 22px auto !important;
  border-radius: 10px !important;
  border: 1px solid #eef2f7 !important;
  box-shadow: none !important;
}

/* Code and tables: practical tutorial-first display */
.bd-doc-article .uk-article-content code:not(pre code) {
  padding: 2px 6px !important;
  border: 1px solid #e5eaf2 !important;
  border-radius: 6px !important;
  background: var(--bd88-code-bg) !important;
  color: #be123c !important;
  font-size: .9em !important;
}

.bd-doc-article .uk-article-content pre {
  max-width: 100% !important;
  margin: 1.35em 0 !important;
  padding: 15px 16px !important;
  overflow-x: auto !important;
  border: 1px solid #e5eaf2 !important;
  border-radius: 12px !important;
  background: #0f172a !important;
  box-shadow: none !important;
  line-height: 1.7 !important;
  -webkit-overflow-scrolling: touch;
}

.bd-doc-article .uk-article-content pre code {
  white-space: pre !important;
  font-size: 13px !important;
}

.bd-doc-article .uk-article-content table {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  margin: 1.3em 0 !important;
  border: 1px solid var(--bd88-line) !important;
  border-radius: 10px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff !important;
  -webkit-overflow-scrolling: touch;
}

.bd-doc-article .uk-article-content table th,
.bd-doc-article .uk-article-content table td {
  min-width: 96px !important;
  padding: 10px 12px !important;
  border-color: #eef2f7 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  vertical-align: top !important;
}

.bd-doc-article .uk-article-content table th {
  background: #f8fafc !important;
  color: #334155 !important;
  font-weight: 700 !important;
}

/* TOC and document actions: utility style */
.bd-doc-header-bottom .bd-doc-action,
.bd-doc-header-bottom #menuBtn.bd-doc-action,
.bd-doc-header-bottom #moreBtn.bd-doc-action {
  border-color: #e5e7eb !important;
  background: #fff !important;
  color: #475569 !important;
  box-shadow: none !important;
}

.bd-doc-header-bottom .bd-doc-action:hover,
.bd-doc-header-bottom #menuBtn.bd-doc-action:hover,
.bd-doc-header-bottom #moreBtn.bd-doc-action:hover {
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
  color: #1d4ed8 !important;
}

.bd-toc-drawer,
.bd-toc-sidebar {
  background: #fff !important;
  border-color: var(--bd88-line) !important;
  box-shadow: none !important;
}

.bd-toc-kicker,
.bd-toc-subtitle,
.bd-toc-foot {
  color: #94a3b8 !important;
}

.bd-toc-scroll .outline-navigator__anchor {
  border-radius: 8px !important;
  color: #475569 !important;
}

.bd-toc-scroll .outline-navigator__anchor:hover,
.bd-toc-scroll .outline-navigator_highlight.outline-navigator__anchor {
  background: #f8fafc !important;
  color: #1d4ed8 !important;
}

/* Related docs and prev/next: simple knowledge-base navigation */
.bd-related-docs {
  max-width: 860px !important;
  margin: 44px auto 0 !important;
  padding-top: 24px !important;
  border-top: 1px solid var(--bd88-line) !important;
}

.bd-related-kicker {
  color: #64748b !important;
}

.bd-related-grid {
  gap: 10px !important;
}

.bd-related-card,
.bd-smart-pager-card {
  border-color: var(--bd88-line) !important;
  background: #fff !important;
  box-shadow: none !important;
}

.bd-related-card:hover,
.bd-smart-pager-card:hover {
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
  transform: none !important;
  box-shadow: none !important;
}

.bd-related-icon {
  background: #f1f5f9 !important;
  color: #475569 !important;
}

.bd-smart-pager {
  max-width: 860px !important;
  margin: 24px auto 0 !important;
}

.bd-smart-pager-label,
.bd-smart-pager-card small {
  color: #94a3b8 !important;
}

/* Three-column layout safeguards */
.bd-doc-article,
.uk-article-content {
  min-width: 0 !important;
}

.menusxx,
.bd-toc-sidebar {
  font-size: 13px !important;
}

@media (max-width: 959px) {
  .bd-doc-reading-container {
    padding: 30px 24px 36px !important;
  }

  .bd-doc-header,
  .bd-doc-divider,
  .bd-doc-article .uk-article-content,
  .bd-related-docs,
  .bd-smart-pager {
    max-width: none !important;
  }
}

@media (max-width: 639px) {
  .uk-section-muted {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .uk-section-muted > .uk-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .bd-doc-surface,
  .uk-section-muted > .uk-container > .uk-background-default:has(.bd-doc-article) {
    border-radius: 14px !important;
  }

  .bd-doc-reading-container {
    padding: 22px 16px 28px !important;
  }

  .bd-doc-breadcrumb-clean {
    margin-bottom: 10px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  .bd-doc-article .uk-article-title,
  .bd-doc-header .uk-article-title {
    font-size: 25px !important;
    line-height: 1.3 !important;
    letter-spacing: -0.025em !important;
  }

  .bd-doc-header-bottom {
    margin-top: 13px !important;
    padding-bottom: 14px !important;
    gap: 9px !important;
  }

  .bd-doc-meta {
    font-size: 11px !important;
  }

  .bd-doc-divider {
    margin-bottom: 20px !important;
  }

  .bd-doc-article .uk-article-content {
    font-size: 15.5px !important;
    line-height: 1.85 !important;
  }

  .bd-doc-article .uk-article-content h2 {
    margin-top: 2em !important;
    font-size: 1.32em !important;
  }

  .bd-doc-article .uk-article-content h3 {
    margin-top: 1.55em !important;
    font-size: 1.13em !important;
  }

  .bd-doc-article .uk-article-content pre {
    margin-left: -2px !important;
    margin-right: -2px !important;
    padding: 13px !important;
    border-radius: 10px !important;
  }

  .bd-doc-article .uk-article-content pre code {
    font-size: 12.5px !important;
  }

  .bd-doc-article .uk-article-content table th,
  .bd-doc-article .uk-article-content table td {
    padding: 9px 10px !important;
    font-size: 13px !important;
  }

  .bd-related-docs {
    margin-top: 30px !important;
    padding-top: 20px !important;
  }

  .bd-related-head h2 {
    font-size: 18px !important;
  }

  .bd-smart-pager {
    margin-bottom: 68px !important;
  }

  .bd-mobile-reading-bar {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(15,23,42,.10) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .bd-mobile-reading-bar a,
  .bd-mobile-reading-bar button {
    min-height: 42px !important;
    color: #475569 !important;
  }
}
/* BearDocs v8.9 — archive/category/search result clean layout.
   Keeps search logic unchanged; only refines list pages for a tutorial knowledge base. */
:root {
  --bd-v89-text: #111827;
  --bd-v89-muted: #64748b;
  --bd-v89-soft: #f8fafc;
  --bd-v89-line: #e5edf6;
  --bd-v89-blue: #2563eb;
  --bd-v89-blue-soft: #eff6ff;
}

.bd-archive-page {
  background: #f8fafc !important;
  padding-top: 28px !important;
  padding-bottom: 42px !important;
}

.bd-archive-page > .uk-container {
  max-width: 1080px !important;
}

.bd-archive-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 24px 26px !important;
  margin-bottom: 20px !important;
  border: 1px solid var(--bd-v89-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.bd-archive-head-main {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.bd-archive-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  background: var(--bd-v89-blue-soft) !important;
  color: var(--bd-v89-blue) !important;
  box-shadow: inset 0 0 0 1px #dbeafe !important;
}

.bd-archive-icon i {
  font-size: 18px !important;
  line-height: 1 !important;
}

.bd-archive-head-copy {
  min-width: 0 !important;
}

.bd-archive-kicker {
  margin-bottom: 5px !important;
  color: var(--bd-v89-blue) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}

.bd-archive-head h1 {
  margin: 0 !important;
  color: var(--bd-v89-text) !important;
  font-size: 26px !important;
  line-height: 1.3 !important;
  font-weight: 760 !important;
  letter-spacing: -0.03em !important;
}

.bd-archive-head p {
  max-width: 700px !important;
  margin: 7px 0 0 !important;
  color: var(--bd-v89-muted) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

.bd-archive-subcat-trigger {
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 12px !important;
  border: 1px solid #dbe6f5 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.bd-archive-subcat-dropdown {
  border-radius: 14px !important;
  border: 1px solid var(--bd-v89-line) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.10) !important;
}

.bd-archive-subcat-dropdown a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.bd-archive-list-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 4px 0 12px !important;
  padding: 0 2px !important;
}

.bd-archive-list-head h2 {
  margin: 0 !important;
  color: var(--bd-v89-text) !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 740 !important;
}

.bd-archive-list-head span {
  display: block !important;
  margin-top: 3px !important;
  color: #94a3b8 !important;
  font-size: 13px !important;
}

.bd-archive-list-head > i {
  color: #94a3b8 !important;
  font-size: 19px !important;
}

.bd-doc-archive-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.bd-doc-archive-card,
.bdnewui_archive_card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--bd-v89-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease !important;
}

.bd-doc-archive-card:hover,
.bdnewui_archive_card:hover {
  border-color: #cbd9ec !important;
  background: #fbfdff !important;
  transform: translateY(-1px) !important;
}

.bdnewui_archive_content {
  padding: 19px 22px !important;
}

.bd-doc-archive-type {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 8px !important;
  color: var(--bd-v89-blue) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.bdnewui_archive_title {
  margin: 0 0 8px !important;
  font-size: 20px !important;
  line-height: 1.42 !important;
  font-weight: 750 !important;
}

.bdnewui_archive_title a {
  color: var(--bd-v89-text) !important;
  text-decoration: none !important;
}

.bdnewui_archive_title a:hover {
  color: var(--bd-v89-blue) !important;
}

.bdnewui_archive_excerpt {
  color: var(--bd-v89-muted) !important;
  font-size: 14px !important;
  line-height: 1.78 !important;
}

.bd-doc-archive-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 16px !important;
  margin-top: 14px !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
}

.bd-doc-archive-meta span,
.bd-doc-archive-meta a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.bd-doc-archive-read {
  margin-left: auto !important;
  color: var(--bd-v89-blue) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.bd-doc-archive-read:hover {
  text-decoration: underline !important;
}

/* Category directory rows */
.bd-category-doc-directory {
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--bd-v89-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
}

.bd-category-doc-row {
  margin: 0 !important;
  border-bottom: 1px solid #edf2f7 !important;
  background: #fff !important;
}

.bd-category-doc-row:last-of-type {
  border-bottom: 0 !important;
}

.bd-category-doc-row-link {
  display: grid !important;
  grid-template-columns: 42px 34px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px 18px !important;
  color: inherit !important;
  text-decoration: none !important;
}

.bd-category-doc-row-link:hover {
  background: #fbfdff !important;
  text-decoration: none !important;
}

.bd-category-doc-index {
  color: #a7b1c2 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
}

.bd-category-doc-file {
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
}

.bd-category-doc-row.is-priority .bd-category-doc-file {
  background: var(--bd-v89-blue-soft) !important;
  color: var(--bd-v89-blue) !important;
}

.bd-category-doc-copy {
  min-width: 0 !important;
}

.bd-category-doc-copy strong {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--bd-v89-text) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 720 !important;
}

.bd-category-doc-copy span {
  display: block !important;
  margin-top: 4px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--bd-v89-muted) !important;
  font-size: 13px !important;
}

.bd-category-priority-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  margin-left: 7px !important;
  padding: 1px 6px !important;
  border-radius: 999px !important;
  background: #fff7ed !important;
  color: #c2410c !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  vertical-align: 1px !important;
}

.bd-category-doc-side {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

.bd-category-doc-side i {
  font-size: 18px !important;
}

/* Pagination */
.bdnewui_archive_pagination,
ul.bdnewui_archive_pagination,
.page-navigator,
.pagination,
.uk-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.bdnewui_archive_pagination li,
.page-navigator li,
.pagination li,
.uk-pagination li {
  margin: 0 !important;
  padding: 0 !important;
}

.bdnewui_archive_pagination a,
.bdnewui_archive_pagination span,
.page-navigator a,
.page-navigator span,
.pagination a,
.pagination span,
.uk-pagination a,
.uk-pagination span {
  min-width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  border: 1px solid var(--bd-v89-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}

.bdnewui_archive_active span,
.page-navigator .current a,
.page-navigator .current span,
.pagination .active a,
.pagination .active span {
  border-color: #bfdbfe !important;
  background: var(--bd-v89-blue-soft) !important;
  color: var(--bd-v89-blue) !important;
}

.bdnewui_archive_pagination a:hover,
.page-navigator a:hover,
.pagination a:hover,
.uk-pagination a:hover {
  border-color: #bfdbfe !important;
  color: var(--bd-v89-blue) !important;
}

.bd-archive-empty {
  padding: 42px 24px !important;
  border: 1px solid var(--bd-v89-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  text-align: center !important;
  box-shadow: none !important;
}

.bd-archive-empty-icon {
  width: 46px !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 12px !important;
  border-radius: 14px !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
}

.bd-archive-empty h2 {
  margin: 0 0 8px !important;
  color: var(--bd-v89-text) !important;
  font-size: 20px !important;
}

.bd-archive-empty p {
  margin: 0 auto 18px !important;
  max-width: 420px !important;
  color: var(--bd-v89-muted) !important;
  line-height: 1.7 !important;
}

@media (max-width: 639px) {
  .bd-archive-page {
    padding-top: 18px !important;
    padding-bottom: 30px !important;
  }

  .bd-archive-page > .uk-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .bd-archive-head {
    align-items: flex-start !important;
    padding: 18px !important;
    margin-bottom: 16px !important;
    border-radius: 16px !important;
  }

  .bd-archive-head-main {
    gap: 12px !important;
  }

  .bd-archive-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 11px !important;
  }

  .bd-archive-head h1 {
    font-size: 22px !important;
    line-height: 1.32 !important;
  }

  .bd-archive-head p {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  .bd-archive-subcategories {
    margin-left: auto !important;
  }

  .bd-archive-subcat-trigger {
    height: 30px !important;
    padding: 0 9px !important;
    font-size: 12px !important;
  }

  .bd-archive-list-head {
    margin-bottom: 10px !important;
  }

  .bd-archive-list-head h2 {
    font-size: 16px !important;
  }

  .bd-archive-list-head span {
    font-size: 12px !important;
  }

  .bd-doc-archive-list {
    gap: 10px !important;
  }

  .bdnewui_archive_content {
    padding: 16px !important;
  }

  .bdnewui_archive_title {
    font-size: 17px !important;
    line-height: 1.42 !important;
  }

  .bdnewui_archive_excerpt {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
  }

  .bd-doc-archive-meta {
    gap: 8px 12px !important;
    margin-top: 12px !important;
  }

  .bd-doc-archive-read {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .bd-category-doc-row-link {
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 14px 13px !important;
  }

  .bd-category-doc-index {
    display: none !important;
  }

  .bd-category-doc-file {
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
  }

  .bd-category-doc-copy strong {
    font-size: 14px !important;
  }

  .bd-category-doc-copy span {
    max-width: 100% !important;
    font-size: 12px !important;
  }

  .bd-category-doc-side small {
    display: none !important;
  }

  .bdnewui_archive_pagination a,
  .bdnewui_archive_pagination span,
  .page-navigator a,
  .page-navigator span,
  .pagination a,
  .pagination span,
  .uk-pagination a,
  .uk-pagination span {
    min-width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bd-doc-archive-card,
  .bdnewui_archive_card {
    transition: none !important;
    transform: none !important;
  }
}