/* 全站左侧栏（baseof 注入）：简介区 + 公告/最新/标签；不用 aside，避免 FixIt 隐藏单独 aside */
/* 单篇文章页（posts single）不注入侧栏 */

/*
 * 主内容区宽度与左右留白：略宽于 FixIt 默认观感，更接近参考站（内容区稍宽、两侧留白适中）。
 * --site-layout-max：普通页宽；--site-layout-max-wide：data-page-style="wide"。
 */
:root {
  --site-layout-max: 1680px;
  --site-layout-max-wide: 2000px;
  /* 主内容区（含全站左栏 + 右侧）与上方 header/breadcrumb 的间距 */
  --site-main-gap-below-header: clamp(1.1rem, 2.8vw, 1.75rem);
}

/* 主题默认 main.fi-container 为 padding-inline:1rem，略减以收紧两侧 */
main.fi-container {
  padding-inline: clamp(0.6rem, 1.8vw, 0.85rem);
  padding-top: var(--site-main-gap-below-header);
  box-sizing: border-box;
}

/* 双栏整体：限制最大宽度并在视口中水平居中（不与 header 抢满宽） */
main.fi-container.site-has-global-sidebar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  gap: 1.75rem;
  width: 100%;
  max-width: var(--site-layout-max);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.wrapper[data-page-style="wide"] main.fi-container.site-has-global-sidebar {
  max-width: var(--site-layout-max-wide);
}

.wrapper[data-page-style="narrow"] main.fi-container.site-has-global-sidebar {
  max-width: 800px;
}

/* 关键：FixIt 全局 .page 使用 ~60% 宽度；有侧栏时主栏应占满剩余列宽，否则会「右侧被压扁」 */
main.fi-container.site-has-global-sidebar .site-main-column .page {
  width: 100% !important;
  max-width: none !important;
}

.site-main-column {
  flex: 1 1 0;
  min-width: 0;
  /* 主栏优先占满侧栏以外的空间，避免被 flex-basis:0 误解为过窄 */
  flex-grow: 1;
}

.site-main-column--full {
  flex: 1 1 auto;
  width: 100%;
}

/* 文章详情页：取消包裹框，使主题内 aside / article / #toc-auto 仍作为 main 的直接 flex 子元素，目录与多栏排版才能生效 */
.site-main-column.site-main-column--contents {
  display: contents;
}

/* 文章页：无合集/相关时隐藏 aside-collection，避免目录在左、右侧再出现空「侧栏」位 */
aside.aside-collection:not(:has(.details)) {
  display: none !important;
}

/* 无全站左侧栏时（含文章页）：main 内 TOC+正文 整组水平居中 */
main.fi-container:not(.site-has-global-sidebar) {
  width: 100%;
  max-width: var(--site-layout-max);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  /* 目录与文章卡片顶边对齐（避免 stretch / 基线对齐带来的视觉错位） */
  align-items: flex-start;
  align-content: flex-start;
}

.wrapper[data-page-style="wide"] main.fi-container:not(.site-has-global-sidebar) {
  max-width: var(--site-layout-max-wide);
}

.wrapper[data-page-style="narrow"] main.fi-container:not(.site-has-global-sidebar) {
  max-width: 800px;
}

/*
 * 文章单页 + 侧栏目录：主题默认 aside 为 flex:1 且 max-width:500px，目录内容窄时侧栏仍被拉满，
 * 目录块靠左，与正文之间会像「隔得很开」。目录列改为按内容收窄，正文列占满剩余宽度。
 */
main.fi-container:not(.site-has-global-sidebar) aside#toc-auto {
  flex: 0 0 18rem !important;
  width: 18rem !important;
  min-width: 18rem !important;
  max-width: 18rem !important;
  align-self: flex-start;
  margin-top: 0 !important;
}

main.fi-container:not(.site-has-global-sidebar) article.page.single {
  flex: 1 1 0;
  min-width: 0;
  width: auto !important;
  max-width: 80rem !important;
  align-self: flex-start;
  margin-top: 0 !important;
}

/* 文章单页：标题、副标题与 post-meta（作者/收录/日期/字数/阅读时间等）水平居中 */
article.page.single .header {
  text-align: center;
}

article.page.single .post-meta {
  text-align: center;
}

/* 文章页目录（TOC）：主题自适应样式（亮/暗自动跟随） */
#toc-auto,
main.fi-container:not(.site-has-global-sidebar) aside#toc-auto {
  visibility: visible;
  background: color-mix(in srgb, var(--fi-global-background-color, #fff) 96%, var(--fi-link-color, #2d96bd) 4%) !important;
  color: var(--fi-global-color, #1f2937);
  border: 1px solid color-mix(in srgb, var(--fi-global-border-color, #d1d5db) 78%, #94a3b8) !important;
  border-radius: 10px;
  /* 与 .page:not(.home) 文章卡片内边距一致，顶边与正文框视觉对齐 */
  padding: 0.85rem 1rem !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.1) !important;
  box-sizing: border-box;
  overflow: hidden;
}

#toc-auto .toc-title {
  margin: 0 0 0.55rem;
  padding: 0.05rem 0.05rem 0.25rem;
  color: var(--fi-global-color, #111827);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  border-bottom: 1px solid var(--fi-global-border-color, #e5e7eb);
}

#toc-auto .toc-title::before {
  content: "\f0c9";
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  margin-right: 0.45rem;
  position: static;
  color: var(--fi-global-secondary-color, #6b7280);
}

#toc-auto .toc-content {
  max-height: calc(100vh - 7.25rem);
  overflow-y: auto;
  padding-right: 0.15rem;
}

#toc-auto .toc-content ul {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
}

#toc-auto .toc-content ul ul {
  margin-top: 0.12rem;
  padding-left: 1rem;
  border-left: 1px solid var(--fi-global-border-color, #e5e7eb);
}

#toc-auto .toc-content li {
  margin: 0.14rem 0;
}

#toc-auto .toc-content li > a {
  display: block;
  padding: 0.3rem 0.45rem;
  border-radius: 7px;
  text-decoration: none;
  color: var(--fi-global-secondary-color, #374151);
  line-height: 1.36;
  transition: background-color 0.15s ease, color 0.15s ease;
}

#toc-auto .toc-content ul a:first-child::before {
  content: none;
}

#toc-auto .toc-content li > a:hover {
  background: color-mix(in srgb, var(--fi-link-color, #2d96bd) 10%, transparent);
  color: var(--fi-link-color, #2d96bd);
}

#toc-auto .toc-content li.has-active > a,
#toc-auto .toc-content li > a.active {
  background: color-mix(in srgb, var(--fi-link-color, #2d96bd) 18%, transparent);
  color: var(--fi-link-color, #2d96bd) !important;
  font-weight: 700;
}

#toc-auto .toc-content li.has-active > ul {
  display: block;
}

[data-theme="dark"] #toc-auto {
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28);
}

[data-theme="dark"] #toc-auto .toc-content li > a {
  color: var(--fi-global-secondary-color, #c3ccd8);
}

[data-theme="dark"] #toc-auto .toc-content li > a:hover {
  color: #f8fafc;
}

[data-theme="dark"] #toc-auto .toc-content li.has-active > a,
[data-theme="dark"] #toc-auto .toc-content li > a.active {
  color: #ecfeff !important;
}

.home-butterfly .home-profile-butterfly {
  padding-bottom: 0.75rem;
}

/* 个人简介区域 - 与 widget 样式一致 */
.home-profile-butterfly {
  background: var(--fi-global-background-color, #fff) !important;
  border: 1px solid var(--fi-global-border-color, #e8e8e8) !important;
  border-radius: 10px !important;
  padding: 1.25rem 1rem 0.85rem 1rem !important; /* 增加顶部内边距 */
  margin-bottom: 1rem !important;
}

[data-theme="dark"] .home-profile-butterfly {
  background: var(--fi-global-background-color, #1a1a1a);
  border-color: var(--fi-global-border-color, #333);
}

/* 个人简介标题 - 与 widget 标题样式一致 */
.home-profile-butterfly .home-title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.65rem;
  padding-bottom: 0.45rem;
  border-bottom: 1px solid var(--fi-global-border-color, #eee);
  text-align: center;
}

[data-theme="dark"] .home-profile-butterfly .home-title {
  border-color: var(--fi-global-border-color, #333);
}

/* 个人简介标题 */
.home-butterfly .site-global-sidebar .home-profile-butterfly .home-title,
.home-butterfly .home-sidebar-left .home-profile-butterfly .home-title {
  font-size: 1rem !important;
  font-weight: 600 !important;
  margin: 0 0 0.65rem !important;
  padding-bottom: 0.45rem !important;
  border-bottom: 1px solid var(--fi-global-border-color, #eee) !important;
  text-align: center !important;
}

[data-theme="dark"] .home-butterfly .site-global-sidebar .home-profile-butterfly .home-title,
[data-theme="dark"] .home-butterfly .home-sidebar-left .home-profile-butterfly .home-title {
  border-color: var(--fi-global-border-color, #333) !important;
}

.home-butterfly .home-sidebar-left .home-profile,
.site-global-sidebar .home-profile {
  padding-top: 0;
}

.home-butterfly .home-hero-heading,
.home-butterfly .home-title {
  font-size: clamp(0.95rem, 1.8vw, 1.15rem) !important;
  font-weight: 700;
  line-height: 1.35;
  margin: 0.4rem 0;
  padding: 0 0.25rem;
}

.home-butterfly .home-sidebar-left .home-avatar img,
.site-global-sidebar .home-avatar img {
  width: 5.5rem;
}

.home-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.65rem 1rem;
  margin: 0.5rem 0 0.15rem;
  padding: 0 0.25rem;
}

.home-stat-item {
  display: inline-flex;
  align-items: baseline;
  gap: 0.3rem;
  text-decoration: none;
  color: inherit;
  opacity: 0.92;
  transition: opacity 0.2s ease;
}

.home-stat-item:hover {
  opacity: 1;
}

.home-stat-num {
  font-weight: 700;
  font-size: 1rem;
}

.home-stat-label {
  font-size: 0.8rem;
  color: var(--fi-global-secondary-color, #666);
}

[data-theme="dark"] .home-stat-label {
  color: var(--fi-global-secondary-color, #aaa);
}

/* 首页右侧主区（文章栅格）；侧栏已在 baseof，此处不再包一层 grid */
.home-butterfly-main {
  width: 100%;
  min-width: 0;
}

/* 首页右侧内容区域 - 与左侧边栏样式一致 */
.home-butterfly-main {
  background: var(--fi-global-background-color, #fff);
  border: 1px solid var(--fi-global-border-color, #e8e8e8);
  border-radius: 10px;
  padding: 0.85rem 1rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
}

[data-theme="dark"] .home-butterfly-main {
  background: var(--fi-global-background-color, #1a1a1a);
  border-color: var(--fi-global-border-color, #333);
}

/* 其他页面内容区域 - 与左侧边栏样式一致 */
.page:not(.home) {
  background: var(--fi-global-background-color, #fff);
  border: 1px solid var(--fi-global-border-color, #e8e8e8);
  border-radius: 10px;
  padding: 0.85rem 1rem;
  margin-bottom:1rem;
  box-sizing: border-box;
}

[data-theme="dark"] .page:not(.home) {
  background: var(--fi-global-background-color, #1a1a1a);
  border-color: var(--fi-global-border-color, #333);
}

/* 归档页面标题水平居中 */
.page.archive .single-title {
  text-align: center !important;
  width: 100%;
}

.page.archive .single-title h1 {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

/* 文章内容网格 */
.home-butterfly-main .home-post-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem 1.1rem;
}

/* 文章内容卡片 */
.home-butterfly-main .summary {
  position: relative;
  padding: 0;
  margin: 0;
  border: 1px solid var(--fi-global-border-color, #e8e8e8);
  border-radius: 10px;
  overflow: hidden;
  background: var(--fi-global-background-color, #fff);
  display: flex;
  flex-direction: column;
}

[data-theme="dark"] .home-butterfly-main .summary {
  border-color: var(--fi-global-border-color, #333);
}

/* 封面图贴顶，消除主题默认的 0.6rem 上边距 */
.home .home-post-grid .summary .featured-image-preview {
  margin: 0;
}

.home-intro-content {
  margin-bottom: 1rem;
}

.home-intro-content .content {
  font-size: 0.95rem;
}

/* 左窄栏：无独立滚动条；简介区居中，仿 Butterfly 侧栏观感 */
.home-sidebar-left,
.site-global-sidebar {
  display: flex;
  flex-direction: column;
  flex: 0 0 300px;
  width: 300px;
  max-width: 100%;
  align-self: flex-start;
  text-align: center;
}

.site-global-sidebar .home-profile {
  text-align: center;
}

.site-global-sidebar .home-widget-title {
  text-align: left;
}

.site-global-sidebar .home-widget-title--with-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.45rem;
  text-align: left;
}

.site-global-sidebar .home-widget-title-icon {
  flex-shrink: 0;
  opacity: 0.88;
  font-size: 0.95em;
}

/* 卡片内列表、标签、站点信息保持左对齐便于阅读 */
.site-global-sidebar .home-widget-notice-body,
.site-global-sidebar .home-latest-list,
.site-global-sidebar .home-tag-cloud,
.site-global-sidebar .home-site-info {
  text-align: left;
}

.site-global-sidebar .links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
}

.site-global-sidebar .home-tag-cloud {
  justify-content: center;
}

.home-widget {
  background: var(--fi-global-background-color, #fff);
  border: 1px solid var(--fi-global-border-color, #e8e8e8);
  border-radius: 10px;
  padding: 0.85rem 1rem;
  margin-bottom: 1rem;
}

[data-theme="dark"] .home-widget {
  background: var(--fi-global-background-color, #1a1a1a);
  border-color: var(--fi-global-border-color, #333);
}

.home-widget-title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.65rem;
  padding-bottom: 0.45rem;
  border-bottom: 1px solid var(--fi-global-border-color, #eee);
}

.home-widget-notice-body {
  font-size: 0.9rem;
  line-height: 1.55;
}

.home-latest-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 侧栏最新文章：左方图 + 标题/日期 + 虚线分隔 */
.home-latest-item {
  margin: 0;
  border-bottom: 1px dashed var(--fi-global-border-color, #d1d5db);
}

.home-latest-item:last-child {
  border-bottom: none;
}

.home-latest-link {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.65rem 0;
  text-decoration: none;
  color: inherit;
}

.home-latest-link:hover .home-latest-title {
  color: var(--fi-link-color, #2d96bd);
}

.home-latest-link:focus-visible {
  outline: 2px solid var(--fi-link-color, #2d96bd);
  outline-offset: 2px;
  border-radius: 4px;
}

.home-latest-thumb {
  flex: 0 0 auto;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 6px;
  overflow: hidden;
  background: var(--fi-global-border-color, #eee);
  box-sizing: border-box;
}

.home-latest-thumb-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-latest-thumb--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--fi-global-border-color, #e5e7eb) 70%, var(--fi-global-background-color, #fff));
}

[data-theme="dark"] .home-latest-thumb--empty {
  background: rgba(255, 255, 255, 0.06);
}

.home-latest-thumb-icon {
  font-size: 1.1rem;
  opacity: 0.45;
}

.home-latest-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.28rem;
  padding-top: 0.05rem;
}

.home-latest-title {
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.45;
  color: var(--fi-global-color, #1f2937);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

[data-theme="dark"] .home-latest-title {
  color: var(--fi-global-color, #e5e7eb);
}

.home-latest-date {
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--fi-global-secondary-color, #6b7280);
  letter-spacing: 0.02em;
}

[data-theme="dark"] .home-latest-date {
  color: var(--fi-global-secondary-color, #9ca3af);
}

.home-tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.6rem;
}

.home-tag-item {
  font-size: 0.78rem;
  padding: 0.15rem 0.45rem;
  border-radius: 4px;
  background: var(--fi-global-border-color, #f0f0f0);
  text-decoration: none;
  color: inherit;
  line-height: 1.4;
}

[data-theme="dark"] .home-tag-item {
  background: rgba(255, 255, 255, 0.08);
}

.home-site-info {
  margin: 0;
  font-size: 0.875rem;
}

.home-site-info div {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.4rem;
}

.home-site-info dt {
  margin: 0;
  color: var(--fi-global-secondary-color, #777);
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.home-site-info dt svg,
.home-site-info dt i {
  flex-shrink: 0;
  font-size: 0.8em;
  opacity: 0.75;
}

.home-site-info dd {
  margin: 0;
  font-weight: 500;
}

.home-site-info #busuanzi_value_site_uv,
.home-site-info #busuanzi_value_site_pv {
  font-weight: 500;
}

.home-post-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem 1.1rem;
}

.home-post-grid .summary {
  position: relative;
  padding: 0;
  margin: 0;
  border: 1px solid var(--fi-global-border-color, #e8e8e8);
  border-radius: 10px;
  overflow: hidden;
  background: var(--fi-global-background-color, #fff);
  display: flex;
  flex-direction: column;
}

.home-post-grid .summary::after {
  display: none !important;
}

[data-theme="dark"] .home-post-grid .summary {
  border-color: var(--fi-global-border-color, #333);
}

.home .home-post-grid .summary .featured-image-preview {
  margin: 0;
  aspect-ratio: auto 1000 / 420;
}

.home-post-grid .summary .single-title {
  padding: 0 0.85rem;
  margin-top: 0.5rem;
}

.home-post-grid .summary .post-meta {
  padding: 0 0.85rem;
}

.home-post-grid .summary .content {
  padding: 0 0.85rem 0.75rem;
  flex: 1;
}

.home-post-grid .summary .post-footer {
  padding: 0 0.85rem 0.75rem;
  margin-top: auto;
}

@media (max-width: 960px) {
  main.fi-container.site-has-global-sidebar {
    flex-direction: column;
    flex-wrap: wrap;
  }

  .site-main-column {
    order: -1;
    width: 100%;
  }

  .site-global-sidebar,
  .home-sidebar-left {
    flex: 1 1 100%;
    width: 100%;
  }
}

@media (max-width: 520px) {
  .home-post-grid {
    grid-template-columns: 1fr;
  }
}

/* -------------------------------------------------------------------------- */
/* 归档 / 分类 / 标签：Butterfly 式竖线时间轴 + 分级圆点 + 缩略图卡片行 */
/* -------------------------------------------------------------------------- */

.site-tl-page {
  --site-tl-line: #3b82f6;
  --site-tl-year-node: #f97316;
  --site-tl-branch-node: #a855f7;
  --site-tl-post-node: #3b82f6;
  --site-tl-rail-pad: 2.85rem;
  --site-tl-line-x: 0.7rem;
  --site-tl-line-w: 3px;
  /* 竖线中心相对整栏左缘；圆点与行均相对内容左缘，用负 left 对齐到线上 */
  --site-tl-dot-x: calc(var(--site-tl-line-x) + var(--site-tl-line-w) / 2);
  --site-tl-node-shift: calc(-1 * (var(--site-tl-rail-pad) - var(--site-tl-dot-x)));
}

[data-theme="dark"] .site-tl-page {
  --site-tl-line: #60a5fa;
  --site-tl-year-node: #fb923c;
  --site-tl-branch-node: #c084fc;
  --site-tl-post-node: #60a5fa;
}

/* 覆盖 FixIt .archive 标题右对齐 */
.site-tl-page .single-title,
.site-tl-page .site-tl-page-title {
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: clamp(1.35rem, 3.5vw, 1.75rem) !important;
  font-weight: 700;
  line-height: 1.35;
  color: var(--fi-global-color, #1a1a1a);
}

[data-theme="dark"] .site-tl-page .site-tl-page-title {
  color: var(--fi-global-color, #f0f0f0);
}

/* 归档 / 具体分类·标签等 term 页：标题右上角篇数上标（与分类总览 taxonomy 一致） */
.site-tl-page .site-tl-page-title sup {
  font-weight: 600;
  opacity: 0.85;
  font-size: 0.62em;
  line-height: 0;
  margin-left: 0.18em;
  vertical-align: super;
}

.site-tl-count {
  font-weight: 600;
  opacity: 0.85;
  font-size: 0.92em;
  margin-left: 0.25rem;
}

/* 归档 / 分类项 / 标签项等：页标题独立于时间轴，不参与左侧竖线/根圆点 */
/* FixIt 对全局 header 设置了顶栏背景色；此处为内容区语义化 header，需还原为普通块级容器 */
.site-archive-page-heading,
.site-tl-page-heading {
  margin: 0 0 1.15rem;
  padding: 0;
  width: 100%;
  background: transparent !important;
  box-shadow: none !important;
  z-index: auto;
}

.site-archive-page-heading:hover,
.site-tl-page-heading:hover {
  box-shadow: none !important;
}

.site-timeline-rail--archives {
  margin-top: 0;
}

.site-timeline-rail {
  position: relative;
  padding-left: var(--site-tl-rail-pad);
  margin-top: 0.25rem;
}

.site-timeline-rail::before {
  content: "";
  position: absolute;
  left: var(--site-tl-line-x);
  top: 0.85rem;
  bottom: 0.35rem;
  width: var(--site-tl-line-w);
  border-radius: 2px;
  background: var(--site-tl-line);
  opacity: 0.92;
}

/* 归档：竖线从时间轴内容顶部起画（标题已移出 rail） */
.site-timeline-rail.site-timeline-rail--archives::before {
  top: 0.35rem;
}

.site-tl-row {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  min-height: 1.5rem;
}

.site-tl-node {
  position: absolute;
  left: var(--site-tl-node-shift);
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: 2;
  box-sizing: border-box;
  background: var(--fi-global-background-color, #fff);
}

.site-tl-node--root {
  top: 0.35rem;
  width: 1.05rem;
  height: 1.05rem;
  border: 3px solid var(--site-tl-post-node);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--site-tl-post-node) 22%, transparent);
}

.site-tl-node--branch {
  top: 0.32rem;
  width: 0.85rem;
  height: 0.85rem;
  border: 3px solid var(--site-tl-branch-node);
}

.site-tl-node--year {
  top: 0.28rem;
  width: 0.72rem;
  height: 0.72rem;
  background: var(--site-tl-year-node) !important;
  border: 2px solid var(--fi-global-background-color, #fff);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--site-tl-year-node) 35%, transparent);
}

.site-tl-node--post {
  top: 50%;
  width: 0.55rem;
  height: 0.55rem;
  transform: translate(-50%, -50%);
  border: 2px solid var(--site-tl-post-node);
}

[data-theme="dark"] .site-tl-node {
  background: var(--fi-global-background-color, #1a1a1a);
}

.site-tl-year-section {
  margin-bottom: 1.85rem;
}

.site-tl-year-row {
  margin-bottom: 0.65rem;
}

.site-tl-year-label {
  margin: 0 !important;
  padding: 0.15rem 0 0 0 !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--fi-global-color, #111) !important;
  border: none !important;
}

.site-tl-year-label--sub {
  font-size: 1.12rem !important;
  font-weight: 600 !important;
}

.site-tl-post-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-tl-post {
  position: relative;
  margin: 0 0 1rem;
  padding: 0;
  padding-left: 0.15rem;
}

.site-tl-card {
  margin: 0;
  padding: 0;
}

.site-tl-card-link {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  text-decoration: none;
  color: inherit;
  padding: 0.65rem 0.85rem;
  border-radius: 10px;
  border: 1px solid var(--fi-global-border-color, #e8e8e8);
  background: var(--fi-global-background-color, #fafafa);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.site-tl-card-link:hover {
  border-color: color-mix(in srgb, var(--fi-link-color, #2d96bd) 55%, var(--fi-global-border-color, #ccc));
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  transform: translateY(-1px);
}

[data-theme="dark"] .site-tl-card-link {
  background: color-mix(in srgb, var(--fi-global-background-color, #1a1a1a) 92%, #fff);
  border-color: var(--fi-global-border-color, #333);
}

[data-theme="dark"] .site-tl-card-link:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.site-tl-card-thumb {
  flex: 0 0 auto;
  width: 6.75rem;
  height: 4.05rem;
  border-radius: 8px;
  overflow: hidden;
  background: var(--fi-global-border-color, #eee);
}

.site-tl-card-thumb--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fi-global-secondary-color, #888);
}

.site-tl-card-placeholder-icon {
  font-size: 1.35rem;
  opacity: 0.55;
}

.site-tl-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.site-tl-card-main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.35rem;
}

.site-tl-card-meta {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.82rem;
  color: var(--fi-global-secondary-color, #6b7280);
}

.site-tl-card-cal {
  opacity: 0.85;
}

.site-tl-card-title {
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.45;
  color: var(--fi-global-color, #1f2937);
  word-break: break-word;
}

[data-theme="dark"] .site-tl-card-title {
  color: var(--fi-global-color, #e5e7eb);
}

.site-tl-card-link:hover .site-tl-card-title {
  color: var(--fi-link-color, #2d96bd);
}

/* 分类总览 */
.site-taxonomy-tree-root {
  display: block !important;
  max-width: 100%;
}

.site-taxonomy-branch {
  margin: 0 0 2.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--fi-global-border-color, #e8e8e8);
}

.site-taxonomy-branch:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.site-timeline-rail--branch {
  margin-top: 0;
}

.site-timeline-rail--branch::before {
  top: 2.25rem;
}

.site-tl-branch-head {
  margin-bottom: 1rem;
}

.site-tl-branch-title {
  margin: 0 !important;
  padding: 0.1rem 0 0 !important;
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  border: none !important;
}

.site-tl-branch-title a {
  text-decoration: none;
  color: inherit;
}

.site-tl-branch-title a:hover {
  color: var(--fi-link-color, #2d96bd);
}

@media (max-width: 520px) {
  .site-tl-page {
    --site-tl-rail-pad: 2.35rem;
  }

  .site-tl-card-link {
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
  }

  .site-tl-card-thumb {
    width: 100%;
    height: 8.5rem;
    max-height: 40vw;
  }
}

/* -------------------------------------------------------------------------- */
/* 分类总览 /categories/：嵌套树（与归档时间轴区分） */
/* -------------------------------------------------------------------------- */

.page.archive:has(.site-cat-tree) .single-title {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
  width: 100% !important;
  text-align: center !important;
  padding-bottom: 0.75rem !important;
  margin-bottom: 0.5rem !important;
}

.site-cat-tree {
  --site-cat-bullet: #60a5fa;
  --site-cat-bullet-active: #fb923c;
  --site-cat-text: var(--fi-global-color, #1a1a1a);
  --site-cat-muted: var(--fi-global-secondary-color, #6b7280);
  margin: 0.25rem 0 1.5rem;
  font-size: 0.95rem;
  line-height: 1.55;
}

[data-theme="dark"] .site-cat-tree {
  --site-cat-text: #e5e7eb;
  --site-cat-muted: #9ca3af;
}

.site-cat-tree__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-cat-tree__list--nested {
  margin: 0.35rem 0 0.85rem 0;
  padding: 0 0 0 1.65rem;
  border-left: 1px solid var(--fi-global-border-color, #e5e7eb);
}

[data-theme="dark"] .site-cat-tree__list--nested {
  border-left-color: var(--fi-global-border-color, #374151);
}

.site-cat-tree__item {
  margin: 0.15rem 0;
}

.site-cat-tree__link {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  text-decoration: none;
  color: var(--site-cat-text);
  padding: 0.28rem 0;
  border-radius: 6px;
  transition: color 0.15s ease;
}

.site-cat-tree__link:hover {
  color: var(--site-cat-bullet-active);
}

.site-cat-tree__link:hover .site-cat-tree__bullet {
  border-color: var(--site-cat-bullet-active);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--site-cat-bullet-active) 25%, transparent);
}

.site-cat-tree__bullet {
  flex: 0 0 auto;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 2.5px solid var(--site-cat-bullet);
  background: transparent;
  box-sizing: border-box;
  margin-right: 0.15rem;
}

.site-cat-tree__bullet--child {
  width: 9px;
  height: 9px;
  border-width: 2px;
  opacity: 0.95;
}

.site-cat-tree__label {
  font-weight: 600;
}

.site-cat-tree__num {
  color: var(--site-cat-muted);
  font-weight: 500;
  font-size: 0.9em;
}

.site-cat-tree__link--static {
  cursor: default;
}

.site-cat-tree__link--static:hover {
  color: var(--site-cat-text);
}

.site-cat-tree__link--static:hover .site-cat-tree__bullet {
  border-color: var(--site-cat-bullet);
  box-shadow: none;
}

/* -------------------------------------------------------------------------- */
/* /tags/ 标签总览：圆角芯片 + 篇数角标（覆盖主题 .tags .tag-item 的 scale 排版） */
/* -------------------------------------------------------------------------- */

.page.archive .tags.site-tags-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.65rem;
  margin: 1rem 0 1.35rem;
  align-items: flex-start;
  justify-content: flex-start;
}

.page.archive .tags.site-tags-cloud.tag-cloud-tags {
  justify-content: center;
}

.page.archive .tags.site-tags-cloud .tag-item.site-tag-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0.4rem 0.65rem 0.4rem 0.8rem;
  border-radius: 9999px;
  text-decoration: none;
  line-height: 1.35;
  font-weight: 600;
  font-size: 0.875rem;
  border: 1px solid var(--fi-global-border-color, #e5e7eb);
  background: color-mix(in srgb, var(--fi-global-background-color, #fff) 82%, var(--fi-link-color, #2d96bd) 18%);
  color: var(--fi-global-color, #1f2937);
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.18s ease,
    color 0.2s ease;
  transform: none;
  vertical-align: middle;
  max-width: 100%;
  box-sizing: border-box;
}

[data-theme="dark"] .page.archive .tags.site-tags-cloud .tag-item.site-tag-chip {
  background: color-mix(in srgb, var(--fi-global-background-color, #1a1a1a) 90%, var(--fi-link-color, #60a5fa) 10%);
  color: var(--fi-global-color, #e5e7eb);
  border-color: var(--fi-global-border-color, #374151);
}

.page.archive .tags.site-tags-cloud .tag-item.site-tag-chip:hover,
.page.archive .tags.site-tags-cloud .tag-item.site-tag-chip:focus-visible {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--fi-link-color, #2d96bd) 50%, var(--fi-global-border-color, #d1d5db));
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
  outline: none;
}

[data-theme="dark"] .page.archive .tags.site-tags-cloud .tag-item.site-tag-chip:hover,
[data-theme="dark"] .page.archive .tags.site-tags-cloud .tag-item.site-tag-chip:focus-visible {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4);
}

.page.archive .tags.site-tags-cloud .site-tag-chip__text {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.page.archive .tags.site-tags-cloud .site-tag-chip__count {
  flex-shrink: 0;
  min-width: 1.4rem;
  padding: 0.14rem 0.4rem;
  border-radius: 9999px;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
  background: color-mix(in srgb, var(--fi-global-border-color, #e5e7eb) 55%, var(--fi-global-background-color, #fff));
  color: var(--fi-global-secondary-color, #6b7280);
}

[data-theme="dark"] .page.archive .tags.site-tags-cloud .site-tag-chip__count {
  background: rgba(255, 255, 255, 0.1);
  color: var(--fi-global-secondary-color, #9ca3af);
}

.page.archive .tags.site-tags-cloud .tag-item.site-tag-chip:hover .site-tag-chip__count,
.page.archive .tags.site-tags-cloud .tag-item.site-tag-chip:focus-visible .site-tag-chip__count {
  background: color-mix(in srgb, var(--fi-link-color, #2d96bd) 20%, var(--fi-global-background-color, #fff));
  color: var(--fi-link-color, #1e6b82);
}

[data-theme="dark"] .page.archive .tags.site-tags-cloud .tag-item.site-tag-chip:hover .site-tag-chip__count,
[data-theme="dark"] .page.archive .tags.site-tags-cloud .tag-item.site-tag-chip:focus-visible .site-tag-chip__count {
  background: color-mix(in srgb, var(--fi-link-color, #60a5fa) 22%, transparent);
  color: var(--fi-global-color, #f1f5f9);
}

/* 标签云模式：字号随权重变化，颜色沿用主题 data-grade → --fi-tag-cloud-color */
.page.archive .tags.site-tags-cloud.tag-cloud-tags {
  gap: 0.65rem 0.8rem;
}

.page.archive .tags.site-tags-cloud.tag-cloud-tags .tag-item.site-tag-chip {
  font-size: var(--site-tag-chip-font, var(--fi-tag-cloud-font, 15px));
  color: var(--fi-tag-cloud-color, var(--fi-global-color, #1f2937));
  background: color-mix(in srgb, var(--fi-tag-cloud-color, #64748b) 12%, var(--fi-global-background-color, #fff) 88%);
  border-color: color-mix(in srgb, var(--fi-tag-cloud-color, #94a3b8) 30%, var(--fi-global-border-color, #e5e7eb));
}

[data-theme="dark"] .page.archive .tags.site-tags-cloud.tag-cloud-tags .tag-item.site-tag-chip {
  background: color-mix(in srgb, var(--fi-tag-cloud-color, #60a5fa) 10%, var(--fi-global-background-color, #1a1a1a) 90%);
  border-color: color-mix(in srgb, var(--fi-tag-cloud-color, #60a5fa) 25%, var(--fi-global-border-color, #374151));
}

.page.archive .tags.site-tags-cloud.tag-cloud-tags .site-tag-chip__count {
  font-size: 0.52em;
  min-width: 0;
  padding: 0.1em 0.42em;
}

/* -------------------------------------------------------------------------- */
/* Home HUD theme */
/* -------------------------------------------------------------------------- */

:root {
  --hud-bg: #f5f9ff;
  --hud-bg-rgb: 245, 249, 255;
  --hud-panel: rgba(255, 255, 255, 0.82);
  --hud-panel-strong: rgba(255, 255, 255, 0.94);
  --hud-panel-soft: rgba(236, 248, 255, 0.68);
  --hud-border: rgba(88, 196, 255, 0.36);
  --hud-border-strong: rgba(0, 160, 255, 0.68);
  --hud-line: rgba(26, 183, 255, 0.28);
  --hud-glow: rgba(0, 149, 255, 0.34);
  --hud-glow-strong: rgba(20, 174, 255, 0.5);
  --hud-text: #111827;
  --hud-muted: #64748b;
  --hud-faint: rgba(15, 23, 42, 0.08);
  --hud-accent: #0887d8;
  --hud-accent-2: #16d8ff;
  --hud-radius: 8px;
  --hud-header-h: 64px;
}

[data-theme="dark"] {
  --hud-bg: #020912;
  --hud-bg-rgb: 2, 9, 18;
  --hud-panel: rgba(3, 17, 32, 0.74);
  --hud-panel-strong: rgba(4, 20, 38, 0.88);
  --hud-panel-soft: rgba(8, 28, 52, 0.64);
  --hud-border: rgba(48, 168, 255, 0.46);
  --hud-border-strong: rgba(80, 190, 255, 0.92);
  --hud-line: rgba(55, 181, 255, 0.28);
  --hud-glow: rgba(0, 129, 255, 0.45);
  --hud-glow-strong: rgba(40, 190, 255, 0.7);
  --hud-text: #e9f6ff;
  --hud-muted: #a8bed4;
  --hud-faint: rgba(190, 232, 255, 0.09);
  --hud-accent: #4ebfff;
  --hud-accent-2: #11f1ff;
}

body:has(.home-butterfly) {
  background:
    radial-gradient(circle at 18% 20%, rgba(40, 174, 255, 0.13), transparent 24rem),
    radial-gradient(circle at 82% 12%, rgba(37, 99, 235, 0.1), transparent 22rem),
    linear-gradient(180deg, var(--hud-bg), color-mix(in srgb, var(--hud-bg) 88%, #ffffff 12%));
}

[data-theme="dark"] body:has(.home-butterfly) {
  background:
    radial-gradient(circle at 15% 18%, rgba(0, 148, 255, 0.16), transparent 25rem),
    radial-gradient(circle at 86% 5%, rgba(0, 88, 255, 0.13), transparent 24rem),
    linear-gradient(180deg, #01050b, var(--hud-bg) 48%, #01060d);
}

.wrapper:has(.home-butterfly) {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  color: var(--hud-text);
}

.wrapper:has(.home-butterfly)::before,
.wrapper:has(.home-butterfly)::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}

.wrapper:has(.home-butterfly)::before {
  opacity: 0.82;
  background:
    linear-gradient(90deg, transparent 0 5.6rem, var(--hud-line) 5.65rem, transparent 5.72rem) left 8.5rem top 8rem / 18rem 18rem no-repeat,
    linear-gradient(180deg, transparent 0 4.6rem, var(--hud-line) 4.65rem, transparent 4.72rem) right 6rem top 9rem / 20rem 19rem no-repeat,
    linear-gradient(135deg, transparent 0 48%, var(--hud-line) 49% 51%, transparent 52%) left -4rem bottom 2rem / 28rem 18rem no-repeat,
    linear-gradient(45deg, transparent 0 48%, var(--hud-line) 49% 51%, transparent 52%) right -3rem bottom 5rem / 24rem 18rem no-repeat;
}

.wrapper:has(.home-butterfly)::after {
  opacity: 0.72;
  background-image:
    linear-gradient(var(--hud-faint) 1px, transparent 1px),
    linear-gradient(90deg, var(--hud-faint) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, transparent 0, #000 22%, transparent 82%);
}

#header-desktop,
#header-mobile {
  background: transparent !important;
  box-shadow: none !important;
}

#header-desktop .header-wrapper,
#header-mobile .header-container {
  position: relative;
  background:
    linear-gradient(90deg, rgba(var(--hud-bg-rgb), 0.92), rgba(var(--hud-bg-rgb), 0.64)),
    linear-gradient(180deg, var(--hud-panel-strong), var(--hud-panel));
  border-bottom: 1px solid var(--hud-border);
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.08), 0 12px 38px rgba(2, 132, 199, 0.14);
  backdrop-filter: blur(16px);
}

[data-theme="dark"] #header-desktop .header-wrapper,
[data-theme="dark"] #header-mobile .header-container {
  background:
    linear-gradient(90deg, rgba(1, 7, 16, 0.94), rgba(4, 18, 34, 0.74)),
    linear-gradient(180deg, var(--hud-panel-strong), var(--hud-panel));
  box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.16), 0 0 35px rgba(0, 120, 255, 0.22);
}

#header-desktop .header-wrapper::before,
#header-desktop .header-wrapper::after,
#header-mobile .header-container::before,
#header-mobile .header-container::after {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--hud-accent-2), transparent);
  filter: drop-shadow(0 0 7px var(--hud-glow-strong));
}

#header-desktop .header-wrapper::before,
#header-mobile .header-container::before {
  left: 7%;
  width: 11rem;
}

#header-desktop .header-wrapper::after,
#header-mobile .header-container::after {
  right: 6%;
  width: 15rem;
}

#header-desktop .header-title a,
#header-mobile .header-title a {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  color: var(--hud-text) !important;
  letter-spacing: 0;
  text-transform: uppercase;
}

#header-desktop .header-title a::before,
#header-mobile .header-title a::before {
  content: "";
  width: 0.82rem;
  height: 1.1rem;
  flex: 0 0 auto;
  clip-path: polygon(44% 0, 88% 10%, 66% 50%, 96% 62%, 42% 100%, 10% 86%, 32% 48%, 0 36%);
  background: linear-gradient(160deg, #67e8f9, #128bff 50%, #1d4ed8);
  box-shadow: 0 0 12px var(--hud-glow-strong);
}

#header-desktop .menu {
  align-items: center;
  gap: 0.12rem;
}

#header-desktop .menu .menu-link,
#header-desktop .menu .theme-switch,
#header-desktop .menu .search-button,
#header-mobile .theme-switch,
#header-mobile .menu-toggle {
  color: var(--hud-text) !important;
  border-radius: 6px;
  transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

#header-desktop .menu .menu-link:hover,
#header-desktop .menu .menu-item.active .menu-link,
#header-desktop .menu .theme-switch:hover,
#header-desktop .menu .search-button:hover,
#header-mobile .theme-switch:hover,
#header-mobile .menu-toggle:hover {
  color: var(--hud-accent-2) !important;
  background: color-mix(in srgb, var(--hud-accent) 12%, transparent);
  box-shadow: inset 0 0 0 1px var(--hud-border), 0 0 16px rgba(14, 165, 233, 0.16);
}

#header-desktop .menu .delimiter {
  background: linear-gradient(180deg, transparent, var(--hud-border), transparent) !important;
  width: 1px;
  height: 1.75rem;
  margin: 0 0.7rem;
}

#header-desktop .search input,
#header-mobile .search input {
  background: var(--hud-panel-soft) !important;
  border: 1px solid var(--hud-border) !important;
  color: var(--hud-text) !important;
  border-radius: 6px !important;
  box-shadow: inset 0 0 14px rgba(14, 165, 233, 0.08);
}

main.fi-container.site-has-global-sidebar {
  max-width: 1400px;
  gap: clamp(1.4rem, 2.2vw, 2rem);
  padding-top: clamp(1.25rem, 2.5vw, 1.9rem);
}

.home-sidebar-left,
.site-global-sidebar {
  flex-basis: 300px;
  width: 300px;
}

.home-butterfly-main,
.home-profile-butterfly,
.home-widget {
  position: relative;
  overflow: hidden;
  color: var(--hud-text);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--hud-panel-strong) 86%, transparent), var(--hud-panel)),
    linear-gradient(180deg, color-mix(in srgb, var(--hud-accent) 7%, transparent), transparent);
  border: 1px solid var(--hud-border) !important;
  border-radius: var(--hud-radius) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(14, 165, 233, 0.04),
    0 14px 32px rgba(2, 132, 199, 0.09),
    0 0 24px rgba(14, 165, 233, 0.08);
  backdrop-filter: blur(14px);
}

[data-theme="dark"] .home-butterfly-main,
[data-theme="dark"] .home-profile-butterfly,
[data-theme="dark"] .home-widget {
  box-shadow:
    inset 0 0 0 1px rgba(148, 226, 255, 0.07),
    0 0 0 1px rgba(14, 165, 233, 0.08),
    0 18px 34px rgba(0, 0, 0, 0.28),
    0 0 26px rgba(14, 165, 233, 0.18);
}

.home-butterfly-main::before,
.home-widget::before,
.home-profile-butterfly::before,
.summary-home-hud::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(90deg, var(--hud-accent-2), transparent 5rem) left top / 34% 1px no-repeat,
    linear-gradient(180deg, var(--hud-accent-2), transparent 4rem) right top / 1px 40% no-repeat,
    linear-gradient(270deg, var(--hud-accent-2), transparent 5rem) right bottom / 30% 1px no-repeat,
    linear-gradient(0deg, var(--hud-accent-2), transparent 4rem) left bottom / 1px 38% no-repeat;
  opacity: 0.88;
}

.home-butterfly-main::after,
.home-widget::after,
.home-profile-butterfly::after,
.summary-home-hud::after {
  content: "";
  position: absolute;
  right: -1px;
  top: -1px;
  width: 16px;
  height: 16px;
  pointer-events: none;
  background: var(--hud-accent-2);
  clip-path: polygon(100% 0, 100% 100%, 0 0);
  filter: drop-shadow(0 0 8px var(--hud-glow-strong));
}

.home-butterfly-main {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none;
}

.home-butterfly-main::before,
.home-butterfly-main::after {
  content: none;
}

.home-profile-butterfly {
  padding: 1.05rem 1rem 0.9rem !important;
}

.home-profile-butterfly .home-avatar img {
  border: 1px solid var(--hud-border-strong);
  box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.09), 0 0 22px var(--hud-glow);
}

.home-butterfly .home-title {
  color: var(--hud-text);
  border-bottom-color: var(--hud-border) !important;
}

.home-subtitle,
.home-stat-label,
.home-latest-date,
.home-site-info dt,
.home-widget-notice-body {
  color: var(--hud-muted) !important;
}

.home-stats {
  justify-content: space-around;
  gap: 0.3rem;
}

.home-stat-item {
  flex-direction: column;
  gap: 0.1rem;
  min-width: 3.4rem;
  padding: 0.25rem 0.35rem;
  border-radius: 6px;
}

.home-stat-item:hover {
  background: color-mix(in srgb, var(--hud-accent) 10%, transparent);
  color: var(--hud-accent-2);
}

.home-stat-num {
  color: var(--hud-text);
  text-shadow: 0 0 10px var(--hud-glow);
}

.home-widget-title {
  position: relative;
  z-index: 1;
  color: var(--hud-text);
  border-bottom-color: var(--hud-border) !important;
}

.home-widget-title-icon {
  color: var(--hud-accent-2);
  filter: drop-shadow(0 0 7px var(--hud-glow));
}

.home-latest-link {
  border-radius: 6px;
  padding: 0.55rem 0.35rem;
}

.home-latest-link:hover {
  background: color-mix(in srgb, var(--hud-accent) 10%, transparent);
}

.home-latest-thumb {
  border: 1px solid var(--hud-border);
  background: var(--hud-panel-soft);
}

.home-tag-item,
.summary-hud-chip,
.home-post-grid .summary .post-tag {
  display: inline-flex;
  align-items: center;
  min-height: 1.55rem;
  padding: 0.2rem 0.55rem;
  border: 1px solid var(--hud-border);
  border-radius: 5px;
  background: color-mix(in srgb, var(--hud-accent) 9%, transparent);
  color: var(--hud-accent) !important;
  text-decoration: none;
  font-size: 0.76rem;
  line-height: 1.2;
}

.home-tag-item:hover,
.summary-hud-chip:hover,
.home-post-grid .summary .post-tag:hover {
  color: var(--hud-accent-2) !important;
  border-color: var(--hud-border-strong);
  box-shadow: 0 0 14px var(--hud-glow);
}

.home-post-grid {
  display: flex !important;
  flex-direction: column;
  gap: 1rem;
}

.home-butterfly-main .home-post-grid {
  display: flex !important;
  grid-template-columns: none !important;
}

.summary-home-hud {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(260px, 38%) minmax(0, 1fr);
  gap: clamp(1rem, 2vw, 1.35rem);
  min-height: 172px;
  padding: 0.55rem !important;
  margin: 0 !important;
  overflow: hidden;
  color: var(--hud-text);
  background:
    linear-gradient(135deg, var(--hud-panel-strong), var(--hud-panel)),
    linear-gradient(90deg, color-mix(in srgb, var(--hud-accent) 7%, transparent), transparent);
  border: 1px solid var(--hud-border) !important;
  border-radius: var(--hud-radius) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.03),
    0 14px 34px rgba(2, 132, 199, 0.11),
    0 0 26px rgba(14, 165, 233, 0.08);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.18s ease;
}

.summary-home-hud:hover {
  transform: translateY(-2px);
  border-color: var(--hud-border-strong) !important;
  box-shadow:
    inset 0 0 0 1px rgba(125, 211, 252, 0.11),
    0 18px 42px rgba(2, 132, 199, 0.16),
    0 0 30px var(--hud-glow);
}

[data-theme="dark"] .summary-home-hud {
  box-shadow:
    inset 0 0 0 1px rgba(125, 211, 252, 0.07),
    0 18px 34px rgba(0, 0, 0, 0.25),
    0 0 26px rgba(14, 165, 233, 0.18);
}

.summary-home-hud .featured-image-preview {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 160px;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--hud-border) 80%, transparent);
  border-radius: 6px;
  background:
    radial-gradient(circle at center, rgba(22, 216, 255, 0.22), transparent 48%),
    linear-gradient(135deg, rgba(14, 165, 233, 0.12), rgba(15, 23, 42, 0.02));
}

.summary-home-hud .featured-image-preview a,
.summary-home-hud .featured-image-preview picture,
.summary-home-hud .featured-image-preview img {
  display: block;
  width: 100%;
  height: 100%;
}

.summary-home-hud .featured-image-preview img {
  object-fit: cover;
  transition: transform 0.28s ease, filter 0.28s ease;
}

.summary-home-hud:hover .featured-image-preview img {
  transform: scale(1.035);
  filter: saturate(1.1) contrast(1.04);
}

.summary-home-hud .featured-image-preview::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.16), transparent 32%),
    linear-gradient(180deg, transparent 70%, rgba(var(--hud-bg-rgb), 0.3));
  z-index: 1;
}

.summary-home-hud .featured-image-preview--placeholder a {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 160px;
  color: var(--hud-accent-2);
  text-decoration: none;
}

.summary-hud-placeholder-orbit {
  position: absolute;
  width: 5.5rem;
  height: 5.5rem;
  border: 1px solid var(--hud-border-strong);
  border-radius: 50%;
  box-shadow: 0 0 22px var(--hud-glow), inset 0 0 22px rgba(14, 165, 233, 0.16);
}

.summary-hud-placeholder-orbit::before,
.summary-hud-placeholder-orbit::after {
  content: "";
  position: absolute;
  inset: 1.1rem;
  border: 1px solid var(--hud-border);
  border-radius: 50%;
}

.summary-hud-placeholder-orbit::after {
  inset: 2.2rem;
}

.summary-hud-placeholder-icon {
  position: relative;
  z-index: 1;
  font-size: 1.75rem;
  filter: drop-shadow(0 0 12px var(--hud-glow-strong));
}

.summary-hud-body {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 0.55rem 0.35rem 0.35rem 0;
}

.summary-hud-taxonomy {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
  margin: 0 0 0.55rem;
}

.summary-home-hud .single-title {
  margin: 0 0 0.45rem !important;
  padding: 0 !important;
  font-size: clamp(1.05rem, 1.6vw, 1.35rem) !important;
  line-height: 1.35;
  border: 0 !important;
}

.summary-home-hud .single-title a {
  color: var(--hud-text);
  text-decoration: none;
}

.summary-home-hud .single-title a:hover {
  color: var(--hud-accent-2);
  text-shadow: 0 0 12px var(--hud-glow);
}

.summary-home-hud .post-meta {
  margin: 0 0 0.45rem !important;
  padding: 0 !important;
  color: var(--hud-muted) !important;
  font-size: 0.78rem;
}

.summary-home-hud .content {
  flex: 1;
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--hud-muted);
  font-size: 0.88rem;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.summary-home-hud .post-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0.65rem 0 0 !important;
  padding: 0 !important;
}

.summary-home-hud .post-footer > a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--hud-accent) !important;
  font-size: 0.84rem;
  text-decoration: none;
}

.summary-home-hud .post-footer > a::after {
  content: "\f061";
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  font-size: 0.78em;
}

.summary-home-hud .post-footer > a:hover {
  color: var(--hud-accent-2) !important;
  text-shadow: 0 0 10px var(--hud-glow);
}

.summary-home-hud .post-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem;
  margin: 0;
}

.summary-home-hud .post-tags > svg,
.summary-home-hud .post-tags > i {
  display: none;
}

.home-butterfly-main .pagination,
.home-butterfly-main .paginator {
  margin-top: 1.35rem;
}

@media (max-width: 1100px) {
  main.fi-container.site-has-global-sidebar {
    max-width: 100%;
    gap: 1rem;
  }

  .home-sidebar-left,
  .site-global-sidebar {
    flex-basis: 280px;
    width: 280px;
  }
}

/* -------------------------------------------------------------------------- */
/* Home HUD final cleanup: thin generated light field                         */
/* -------------------------------------------------------------------------- */

body:has(.home-butterfly)::before {
  display: block !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  background:
    linear-gradient(90deg, rgba(48, 160, 255, 0.1) 1px, transparent 1px),
    linear-gradient(180deg, rgba(48, 160, 255, 0.085) 1px, transparent 1px),
    linear-gradient(90deg, transparent 0 4.2%, rgba(20, 184, 166, 0.24) 4.2% calc(4.2% + 1px), transparent calc(4.2% + 1px) 100%),
    linear-gradient(90deg, transparent 0 95.8%, rgba(89, 151, 255, 0.22) 95.8% calc(95.8% + 1px), transparent calc(95.8% + 1px) 100%) !important;
  background-size: 72px 72px, 72px 72px, 100% 100%, 100% 100% !important;
  background-position: center top, center top, center top, center top !important;
  background-repeat: repeat, repeat, no-repeat, no-repeat !important;
}

body:has(.home-butterfly)::after {
  display: block !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  background:
    radial-gradient(circle at var(--hud-pointer-x) var(--hud-pointer-y), rgba(24, 178, 255, 0.24), transparent 13rem),
    linear-gradient(115deg, transparent 0 calc(50% - 1px), rgba(34, 211, 238, 0.18) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)),
    linear-gradient(45deg, transparent 0 calc(50% - 1px), rgba(132, 204, 22, 0.12) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) !important;
  background-size: auto, 30rem 22rem, 28rem 22rem !important;
  background-position: center, left -4rem bottom -2rem, right -3rem top 11rem !important;
  background-repeat: no-repeat !important;
  animation: hudRailPulse 8s ease-in-out infinite !important;
}

.wrapper:has(.home-butterfly)::before {
  display: block !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  background:
    linear-gradient(90deg, transparent 0 12%, rgba(34, 211, 238, 0.18) 12% 18%, transparent 18%),
    linear-gradient(90deg, transparent 0 82%, rgba(20, 184, 166, 0.16) 82% 89%, transparent 89%),
    linear-gradient(180deg, transparent 0 16%, rgba(34, 211, 238, 0.2) 16% 42%, transparent 42%),
    linear-gradient(180deg, transparent 0 20%, rgba(124, 92, 255, 0.16) 20% 48%, transparent 48%) !important;
  background-size: 100% 2px, 100% 2px, 2px 70%, 2px 64% !important;
  background-position: center 29%, center 74%, left 4.2rem top 6rem, right 4.6rem top 9rem !important;
  background-repeat: no-repeat !important;
}

.wrapper:has(.home-butterfly)::after {
  display: block !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  opacity: 0.18 !important;
  background:
    linear-gradient(180deg, transparent 0, rgba(255, 255, 255, 0.34) 50%, transparent 100%) left 0 top -12vh / 100% 8vh no-repeat,
    linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.24), transparent) center top / 64% 1px repeat-y !important;
}

[data-theme="dark"] .wrapper:has(.home-butterfly)::after {
  opacity: 0.24 !important;
  background:
    linear-gradient(180deg, transparent 0, rgba(73, 190, 255, 0.2) 50%, transparent 100%) left 0 top -12vh / 100% 8vh no-repeat,
    linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.3), transparent) center top / 64% 1px repeat-y !important;
}

/* -------------------------------------------------------------------------- */
/* HUD shell final profile card parity: absolute last override                */
/* -------------------------------------------------------------------------- */

body.hud-shell .home-profile-butterfly {
  height: 226px !important;
  min-height: 226px !important;
  padding: 16px 18px 18px !important;
}

body.hud-shell .home-profile-butterfly .home-avatar {
  margin-bottom: 0.42rem !important;
}

body.hud-shell .home-profile-butterfly .home-avatar img {
  width: 68px !important;
  height: 68px !important;
  border: 1px solid rgba(90, 205, 255, 0.92) !important;
  box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.09), 0 0 22px rgba(40, 190, 255, 0.7) !important;
}

body.hud-shell .home-profile-butterfly .home-stats {
  margin: 0.48rem 0 0.28rem !important;
}

body.hud-shell .home-profile-butterfly .home-stat-num {
  font-size: 16px !important;
  line-height: 18.4px !important;
}

body.hud-shell .home-profile-butterfly .home-stat-label {
  font-size: 11.52px !important;
  line-height: 13.25px !important;
}

body.hud-shell .home-profile-butterfly .home-title {
  width: 100% !important;
  min-height: 8px !important;
  margin: 6.72px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 14.72px !important;
  line-height: 18.4px !important;
  text-align: center !important;
}

body.hud-shell .home-profile-butterfly .home-title:empty {
  font-size: 0 !important;
  line-height: 0 !important;
}

body.hud-shell .home-profile-butterfly .home-subtitle {
  width: 100% !important;
  min-height: 24px !important;
  margin: 8px 0 5.76px !important;
  font-size: 13.28px !important;
  line-height: 24px !important;
  text-align: center !important;
}

body.hud-shell .home-profile-butterfly .links {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  gap: 9.92px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 16px !important;
}

/* -------------------------------------------------------------------------- */
/* HUD shell final profile card parity                                        */
/* -------------------------------------------------------------------------- */

body.hud-shell .home-profile-butterfly {
  height: 226px !important;
  min-height: 226px !important;
  padding: 16px 18px 18px !important;
}

body.hud-shell .home-profile-butterfly .home-avatar {
  margin-bottom: 0.42rem !important;
}

body.hud-shell .home-profile-butterfly .home-avatar img {
  width: 68px !important;
  height: 68px !important;
  border: 1px solid rgba(90, 205, 255, 0.92) !important;
  box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.09), 0 0 22px rgba(40, 190, 255, 0.7) !important;
}

body.hud-shell .home-profile-butterfly .home-stats {
  margin: 0.48rem 0 0.28rem !important;
}

body.hud-shell .home-profile-butterfly .home-stat-num {
  font-size: 16px !important;
  line-height: 18.4px !important;
}

body.hud-shell .home-profile-butterfly .home-stat-label {
  font-size: 11.52px !important;
  line-height: 13.25px !important;
}

body.hud-shell .home-profile-butterfly .home-title {
  width: 100% !important;
  min-height: 8px !important;
  margin: 6.72px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 14.72px !important;
  line-height: 18.4px !important;
  text-align: center !important;
}

body.hud-shell .home-profile-butterfly .home-title:empty {
  font-size: 0 !important;
  line-height: 0 !important;
}

body.hud-shell .home-profile-butterfly .home-subtitle {
  width: 100% !important;
  min-height: 24px !important;
  margin: 8px 0 5.76px !important;
  font-size: 13.28px !important;
  line-height: 24px !important;
  text-align: center !important;
}

body.hud-shell .home-profile-butterfly .links {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  gap: 9.92px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 16px !important;
}

/* -------------------------------------------------------------------------- */
/* HUD shell final sidebar parity                                             */
/* -------------------------------------------------------------------------- */

body.hud-shell main.fi-container.site-has-global-sidebar {
  min-height: calc(100vh - 84px) !important;
}

body.hud-shell .home-profile-butterfly,
body.hud-shell .home-widget {
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease,
    filter 0.18s ease !important;
}

body.hud-shell .home-profile-butterfly::before,
body.hud-shell .home-widget::before {
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.18), transparent 9rem),
    linear-gradient(90deg, var(--hud-accent-2), transparent 5rem) left top / 34% 1px no-repeat,
    linear-gradient(180deg, var(--hud-accent-2), transparent 4rem) right top / 1px 40% no-repeat,
    linear-gradient(270deg, var(--hud-accent-2), transparent 5rem) right bottom / 30% 1px no-repeat,
    linear-gradient(0deg, var(--hud-accent-2), transparent 4rem) left bottom / 1px 38% no-repeat !important;
}

body.hud-shell .home-profile-butterfly:hover,
body.hud-shell .home-widget:hover {
  filter: saturate(1.08);
}

body.hud-shell .hud-card-pulse {
  animation: hudCardPulse 0.56s ease-out;
}

/* -------------------------------------------------------------------------- */
/* HUD shell final layout width sync                                          */
/* -------------------------------------------------------------------------- */

body.hud-shell {
  --hud-final-shell: 1380px;
  --hud-final-sidebar: 270px;
  --hud-final-gap: 30px;
  --hud-final-content: 1080px;
}

body.hud-shell main.fi-container.site-has-global-sidebar {
  width: var(--hud-final-shell) !important;
  max-width: var(--hud-final-shell) !important;
  gap: var(--hud-final-gap) !important;
}

body.hud-shell main.fi-container.site-has-global-sidebar .site-global-sidebar {
  flex: 0 0 var(--hud-final-sidebar) !important;
  width: var(--hud-final-sidebar) !important;
  max-width: var(--hud-final-sidebar) !important;
}

body.hud-shell main.fi-container.site-has-global-sidebar .site-main-column {
  flex: 0 0 var(--hud-final-content) !important;
  width: var(--hud-final-content) !important;
  max-width: var(--hud-final-content) !important;
}

body.hud-shell main.fi-container.site-has-global-sidebar .site-main-column > .page,
body.hud-shell main.fi-container.site-has-global-sidebar .site-main-column > .page-wrapper {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 1450px) {
  body.hud-shell {
    --hud-final-shell: calc(100vw - 48px);
    --hud-final-content: calc(var(--hud-final-shell) - var(--hud-final-sidebar) - var(--hud-final-gap));
  }
}

@media (max-width: 680px) {
  body.hud-shell {
    --hud-final-shell: 100%;
    --hud-final-content: 100%;
  }

  body.hud-shell main.fi-container.site-has-global-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    gap: 0 !important;
  }

  body.hud-shell main.fi-container.site-has-global-sidebar .site-global-sidebar,
  body.hud-shell main.fi-container.site-has-global-sidebar .site-main-column {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* -------------------------------------------------------------------------- */
/* HUD shell sidebar final sync                                               */
/* -------------------------------------------------------------------------- */

body.hud-shell .site-global-sidebar > .home-profile-butterfly,
body.hud-shell .site-global-sidebar > .home-widget {
  margin: 0 !important;
}

body.hud-shell .site-global-sidebar .home-profile-butterfly .home-title,
body.hud-shell .site-global-sidebar .home-profile-butterfly .home-subtitle,
body.hud-shell .site-global-sidebar .home-widget-title,
body.hud-shell .site-global-sidebar .home-latest-title {
  color: var(--hud-final-text) !important;
}

body.hud-shell .site-global-sidebar .home-widget-notice-body,
body.hud-shell .site-global-sidebar .home-site-info dt,
body.hud-shell .site-global-sidebar .home-latest-date {
  color: var(--hud-final-muted) !important;
}

body.hud-shell .site-global-sidebar .home-tag-item {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 1.35rem !important;
  padding: 0.16rem 0.52rem !important;
  border: 1px solid rgba(63, 160, 232, 0.16) !important;
  border-radius: 5px !important;
  background: rgba(38, 144, 224, 0.08) !important;
  color: var(--hud-final-accent) !important;
  font-size: 0.72rem !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

body.hud-shell .site-global-sidebar .home-tag-item:hover,
body.hud-shell .site-global-sidebar .home-tag-item:focus-visible {
  color: var(--hud-accent-2) !important;
  border-color: var(--hud-final-border-strong) !important;
  box-shadow: 0 0 14px var(--hud-final-glow) !important;
}

body.hud-shell .site-global-sidebar .home-profile-butterfly .links {
  display: flex !important;
  justify-content: center !important;
  gap: 0.62rem !important;
  margin-top: auto !important;
  line-height: 1 !important;
}

/* -------------------------------------------------------------------------- */
/* HUD shell sidebar authority: keep shared pages identical to home           */
/* -------------------------------------------------------------------------- */

body.hud-shell main.fi-container.site-has-global-sidebar .site-global-sidebar {
  gap: 18px !important;
}

body.hud-shell .home-profile-butterfly,
body.hud-shell .home-widget {
  box-sizing: border-box !important;
  background:
    linear-gradient(135deg, rgba(4, 19, 36, 0.9), rgba(2, 12, 24, 0.82)),
    linear-gradient(180deg, rgba(52, 170, 255, 0.08), transparent) !important;
  border: 1px solid rgba(70, 180, 255, 0.72) !important;
  border-radius: 8px !important;
  box-shadow:
    0 0 0 1px rgba(88, 191, 255, 0.2),
    0 0 22px rgba(29, 139, 255, 0.42),
    inset 0 0 24px rgba(29, 139, 255, 0.11) !important;
  backdrop-filter: blur(14px);
}

html:not([data-theme="dark"]) body.hud-shell .home-profile-butterfly,
html:not([data-theme="dark"]) body.hud-shell .home-widget {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(236, 248, 255, 0.82)),
    linear-gradient(180deg, rgba(52, 170, 255, 0.08), transparent) !important;
  border-color: rgba(58, 166, 235, 0.58) !important;
  box-shadow:
    0 0 0 1px rgba(88, 191, 255, 0.1),
    0 0 20px rgba(40, 160, 255, 0.18),
    inset 0 0 18px rgba(42, 151, 232, 0.055) !important;
}

body.hud-shell .home-profile-butterfly {
  height: 226px !important;
  min-height: 226px !important;
  padding: 16px 18px 18px !important;
}

body.hud-shell .home-profile-butterfly .home-avatar {
  margin-bottom: 0.42rem !important;
}

body.hud-shell .home-profile-butterfly .home-avatar img {
  width: 68px !important;
  height: 68px !important;
  border: 1px solid rgba(90, 205, 255, 0.92) !important;
  box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.09), 0 0 22px rgba(40, 190, 255, 0.7) !important;
}

body.hud-shell .home-profile-butterfly .home-stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0 !important;
  margin: 0.48rem 0 0.28rem !important;
  padding: 0 !important;
}

body.hud-shell .home-profile-butterfly .home-stat-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  width: 52px !important;
  min-width: 52px !important;
  min-height: 42px !important;
  padding: 4px 0 !important;
  border-radius: 5px !important;
  gap: 2px !important;
  text-align: center !important;
  line-height: 1.15 !important;
}

body.hud-shell .home-profile-butterfly .home-stat-item:hover {
  background: rgba(52, 156, 238, 0.16) !important;
}

body.hud-shell .home-profile-butterfly .home-stat-num,
body.hud-shell .home-profile-butterfly .home-stat-label {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

body.hud-shell .home-profile-butterfly .home-stat-num {
  color: var(--hud-text) !important;
  text-shadow: 0 0 10px var(--hud-glow);
}

body.hud-shell .home-profile-butterfly .home-title {
  margin: 0.42rem 0 0 !important;
  color: var(--hud-text) !important;
  border-bottom: 0 !important;
  font-size: 0.92rem !important;
  line-height: 1.25 !important;
}

body.hud-shell .home-profile-butterfly .home-subtitle {
  margin: 0.5rem 0 0.36rem !important;
  min-height: 1.2rem !important;
  color: var(--hud-muted) !important;
  font-size: 0.83rem !important;
}

body.hud-shell .home-widget {
  padding: 15px 17px 16px !important;
}

body.hud-shell .home-widget-title {
  margin-bottom: 0.82rem !important;
  padding-bottom: 0.42rem !important;
  color: var(--hud-final-text) !important;
  border-bottom-color: var(--hud-border) !important;
  font-size: 0.92rem !important;
  line-height: 1.25 !important;
}

body.hud-shell .home-widget-title-icon {
  color: var(--hud-accent-2) !important;
  filter: drop-shadow(0 0 7px var(--hud-glow));
}

body.hud-shell .home-widget-notice-body,
body.hud-shell .home-site-info dt,
body.hud-shell .home-latest-date {
  color: var(--hud-muted) !important;
}

body.hud-shell .home-widget-notice-body {
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
}

body.hud-shell .home-latest-link {
  gap: 0.55rem !important;
  padding: 0.42rem 0.2rem !important;
  border-radius: 6px !important;
}

body.hud-shell .home-latest-link:hover {
  background: rgba(47, 171, 255, 0.14) !important;
}

body.hud-shell .home-latest-thumb {
  width: 3rem !important;
  height: 3rem !important;
  border: 1px solid var(--hud-border) !important;
  background: var(--hud-panel-soft) !important;
}

body.hud-shell .home-latest-title {
  color: var(--hud-final-text) !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
}

body.hud-shell .home-latest-date {
  font-size: 0.68rem !important;
}

body.hud-shell .home-tag-cloud {
  gap: 0.36rem 0.42rem !important;
}

body.hud-shell .home-tag-item {
  min-height: 1.35rem !important;
  padding: 0.16rem 0.52rem !important;
  border: 1px solid rgba(63, 160, 232, 0.16) !important;
  border-radius: 5px !important;
  background: rgba(38, 144, 224, 0.08) !important;
  color: var(--hud-final-accent) !important;
  font-size: 0.72rem !important;
  line-height: 1.2 !important;
}

body.hud-shell .home-tag-item:hover,
body.hud-shell .home-tag-item:focus-visible {
  color: var(--hud-accent-2) !important;
  border-color: var(--hud-final-border-strong) !important;
  box-shadow: 0 0 14px var(--hud-final-glow) !important;
}

body.hud-shell .home-site-info {
  font-size: 0.78rem !important;
}

body.hud-shell .home-site-info div {
  margin-bottom: 0.32rem !important;
}

body.hud-shell main.fi-container.site-has-global-sidebar .site-global-sidebar::-webkit-scrollbar {
  width: 6px;
}

body.hud-shell main.fi-container.site-has-global-sidebar .site-global-sidebar::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(69, 189, 255, 0.34);
}

@media (max-width: 680px) {
  body.hud-shell main.fi-container.site-has-global-sidebar .site-global-sidebar {
    gap: 14px !important;
  }
}

/* -------------------------------------------------------------------------- */
/* HUD shell shared pages: archives, tags, categories, bookmarks              */
/* -------------------------------------------------------------------------- */

html:has(body.hud-shell),
body.hud-shell {
  --hud-pointer-x: 50vw;
  --hud-pointer-y: 38vh;
  --hud-card-x: 50%;
  --hud-card-y: 50%;
  min-height: 100% !important;
  background:
    radial-gradient(circle at var(--hud-pointer-x) var(--hud-pointer-y), rgba(0, 174, 255, 0.24), transparent 16rem),
    radial-gradient(circle at 12% 16%, rgba(20, 184, 166, 0.2), transparent 22rem),
    radial-gradient(circle at 84% 12%, rgba(124, 92, 255, 0.13), transparent 24rem),
    radial-gradient(circle at 78% 82%, rgba(34, 197, 94, 0.1), transparent 20rem),
    linear-gradient(135deg, #f8fcff 0%, #ecf8ff 38%, #f5fbff 68%, #edf7ff 100%) !important;
  background-attachment: fixed, fixed, fixed, fixed, fixed !important;
  background-size: auto, auto, auto, auto, auto !important;
  animation: hudAmbientDrift 24s ease-in-out infinite alternate;
}

html[data-theme="dark"]:has(body.hud-shell),
[data-theme="dark"] body.hud-shell,
body.hud-shell[data-theme="dark"] {
  background:
    radial-gradient(circle at var(--hud-pointer-x) var(--hud-pointer-y), rgba(35, 190, 255, 0.26), transparent 17rem),
    radial-gradient(circle at 12% 18%, rgba(0, 214, 201, 0.16), transparent 24rem),
    radial-gradient(circle at 86% 10%, rgba(107, 76, 255, 0.18), transparent 25rem),
    radial-gradient(circle at 76% 86%, rgba(25, 126, 105, 0.12), transparent 22rem),
    linear-gradient(135deg, #020710 0%, #041324 46%, #020913 100%) !important;
  background-attachment: fixed, fixed, fixed, fixed, fixed !important;
  background-size: auto, auto, auto, auto, auto !important;
}

body.hud-shell::before,
body.hud-shell::after {
  content: "";
  position: fixed;
  inset: 60px 0 0;
  width: auto !important;
  height: auto !important;
  pointer-events: none;
  z-index: 0;
}

body.hud-shell::before {
  opacity: 0.72 !important;
  background:
    linear-gradient(90deg, rgba(48, 160, 255, 0.1) 1px, transparent 1px),
    linear-gradient(180deg, rgba(48, 160, 255, 0.085) 1px, transparent 1px),
    linear-gradient(90deg, transparent 0 4.2%, rgba(20, 184, 166, 0.24) 4.2% calc(4.2% + 1px), transparent calc(4.2% + 1px) 100%),
    linear-gradient(90deg, transparent 0 95.8%, rgba(89, 151, 255, 0.22) 95.8% calc(95.8% + 1px), transparent calc(95.8% + 1px) 100%) !important;
  background-size: 72px 72px, 72px 72px, 100% 100%, 100% 100% !important;
  background-position: center top, center top, center top, center top !important;
  background-repeat: repeat, repeat, no-repeat, no-repeat !important;
  animation: hudGridFlow 18s linear infinite;
}

[data-theme="dark"] body.hud-shell::before,
body.hud-shell[data-theme="dark"]::before {
  opacity: 0.86 !important;
  filter: drop-shadow(0 0 10px rgba(31, 176, 255, 0.28)) !important;
}

body.hud-shell::after {
  opacity: 0.78 !important;
  background:
    radial-gradient(circle at var(--hud-pointer-x) var(--hud-pointer-y), rgba(24, 178, 255, 0.24), transparent 13rem),
    linear-gradient(115deg, transparent 0 calc(50% - 1px), rgba(34, 211, 238, 0.18) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)),
    linear-gradient(45deg, transparent 0 calc(50% - 1px), rgba(132, 204, 22, 0.12) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) !important;
  background-size: auto, 30rem 22rem, 28rem 22rem !important;
  background-position: center, left -4rem bottom -2rem, right -3rem top 11rem !important;
  background-repeat: no-repeat !important;
  animation: hudRailPulse 8s ease-in-out infinite !important;
}

[data-theme="dark"] body.hud-shell::after,
body.hud-shell[data-theme="dark"]::after {
  opacity: 0.95 !important;
  mix-blend-mode: screen;
}

body.hud-shell #header-desktop,
body.hud-shell #header-mobile,
body.hud-shell .wrapper,
body.hud-shell .footer {
  position: relative;
  z-index: 1;
}

body.hud-shell .wrapper {
  overflow: visible !important;
}

body.hud-shell .wrapper.hud-shell-wrapper {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
}

body.hud-shell .wrapper.hud-shell-wrapper::before,
body.hud-shell .wrapper.hud-shell-wrapper::after {
  content: "";
  position: fixed;
  inset: 60px 0 0;
  width: auto !important;
  height: auto !important;
  pointer-events: none;
  z-index: -1;
}

body.hud-shell .wrapper.hud-shell-wrapper::before {
  opacity: 0.66 !important;
  background:
    linear-gradient(90deg, transparent 0 12%, rgba(34, 211, 238, 0.18) 12% 18%, transparent 18%),
    linear-gradient(90deg, transparent 0 82%, rgba(20, 184, 166, 0.16) 82% 89%, transparent 89%),
    linear-gradient(180deg, transparent 0 16%, rgba(34, 211, 238, 0.2) 16% 42%, transparent 42%),
    linear-gradient(180deg, transparent 0 20%, rgba(124, 92, 255, 0.16) 20% 48%, transparent 48%) !important;
  background-size: 100% 2px, 100% 2px, 2px 70%, 2px 64% !important;
  background-position: center 29%, center 74%, left 4.2rem top 6rem, right 4.6rem top 9rem !important;
  background-repeat: no-repeat !important;
  animation: hudRailPulse 8s ease-in-out infinite;
}

body.hud-shell .wrapper.hud-shell-wrapper::after {
  opacity: 0.18 !important;
  background:
    linear-gradient(180deg, transparent 0, rgba(255, 255, 255, 0.34) 50%, transparent 100%) left 0 top -12vh / 100% 8vh no-repeat,
    linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.24), transparent) center top / 64% 1px repeat-y !important;
  animation: hudVerticalScan 9s ease-in-out infinite;
}

[data-theme="dark"] body.hud-shell .wrapper.hud-shell-wrapper::after,
body.hud-shell[data-theme="dark"] .wrapper.hud-shell-wrapper::after {
  opacity: 0.24 !important;
  background:
    linear-gradient(180deg, transparent 0, rgba(73, 190, 255, 0.2) 50%, transparent 100%) left 0 top -12vh / 100% 8vh no-repeat,
    linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.3), transparent) center top / 64% 1px repeat-y !important;
}

body.hud-shell main.fi-container.site-has-global-sidebar {
  margin-top: clamp(64px, 7vh, 88px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.hud-shell main.fi-container.site-has-global-sidebar .site-main-column {
  padding-bottom: clamp(56px, 9vh, 110px) !important;
  box-sizing: content-box !important;
}

body.hud-shell main.fi-container.site-has-global-sidebar .site-global-sidebar {
  position: sticky !important;
  top: 84px !important;
  align-self: flex-start !important;
  max-height: calc(100vh - 100px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding-right: 2px !important;
  scrollbar-width: thin;
}

body.hud-shell main.fi-container:not(.site-has-global-sidebar):has(article.page.single) {
  padding-top: clamp(64px, 7vh, 88px) !important;
}

@media (max-width: 680px) {
  html:has(body.hud-shell),
  body.hud-shell,
  html[data-theme="dark"]:has(body.hud-shell),
  [data-theme="dark"] body.hud-shell {
    background-position: center 58px, center top, center top, center top, center top !important;
    background-size: auto, auto, auto, 72px 72px, 72px 72px !important;
  }

  body.hud-shell main.fi-container.site-has-global-sidebar {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.hud-shell main.fi-container.site-has-global-sidebar .site-main-column {
    padding-bottom: clamp(44px, 10vh, 84px) !important;
  }

  body.hud-shell main.fi-container.site-has-global-sidebar .site-global-sidebar {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  body.hud-shell main.fi-container:not(.site-has-global-sidebar):has(article.page.single) {
    padding-top: var(--site-main-gap-below-header) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:has(body.hud-shell),
  body.hud-shell,
  body.hud-shell::before,
  body.hud-shell::after,
  body.hud-shell .wrapper.hud-shell-wrapper::before,
  body.hud-shell .wrapper.hud-shell-wrapper::after {
    animation: none !important;
  }
}

.hud-flow-canvas {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  opacity: 0.72;
  mix-blend-mode: multiply;
}

[data-theme="dark"] .hud-flow-canvas {
  opacity: 0.9;
  mix-blend-mode: screen;
}

body.hud-flow-ready #header-desktop,
body.hud-flow-ready #header-mobile,
body.hud-flow-ready .wrapper,
body.hud-flow-ready .footer {
  position: relative;
  z-index: 1;
}

.wrapper:has(.home-butterfly) .summary-home-hud,
.wrapper:has(.home-butterfly) .home-profile-butterfly,
.wrapper:has(.home-butterfly) .home-widget {
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease,
    filter 0.18s ease !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud:hover,
.wrapper:has(.home-butterfly) .home-profile-butterfly:hover,
.wrapper:has(.home-butterfly) .home-widget:hover {
  filter: saturate(1.08);
}

.wrapper:has(.home-butterfly) .hud-card-pulse {
  animation: hudCardPulse 0.56s ease-out;
}

@keyframes hudCardPulse {
  0% {
    box-shadow:
      0 0 0 1px rgba(88, 191, 255, 0.24),
      0 0 0 0 rgba(34, 211, 238, 0.38),
      0 0 22px rgba(40, 160, 255, 0.24),
      inset 0 0 24px rgba(34, 211, 238, 0.1) !important;
  }
  100% {
    box-shadow:
      0 0 0 1px rgba(88, 191, 255, 0.1),
      0 0 0 22px rgba(34, 211, 238, 0),
      0 0 20px rgba(40, 160, 255, 0.18),
      inset 0 0 18px rgba(42, 151, 232, 0.055) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hud-flow-canvas {
    display: none !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Home HUD final visual tuning 14: generated ambient background              */
/* -------------------------------------------------------------------------- */

:root {
  --hud-pointer-x: 50vw;
  --hud-pointer-y: 38vh;
  --hud-card-x: 50%;
  --hud-card-y: 50%;
}

html:has(.home-butterfly),
body:has(.home-butterfly) {
  background:
    radial-gradient(circle at var(--hud-pointer-x) var(--hud-pointer-y), rgba(0, 174, 255, 0.24), transparent 16rem),
    radial-gradient(circle at 12% 16%, rgba(20, 184, 166, 0.2), transparent 22rem),
    radial-gradient(circle at 84% 12%, rgba(124, 92, 255, 0.13), transparent 24rem),
    radial-gradient(circle at 78% 82%, rgba(34, 197, 94, 0.1), transparent 20rem),
    linear-gradient(135deg, #f8fcff 0%, #ecf8ff 38%, #f5fbff 68%, #edf7ff 100%) !important;
  background-attachment: fixed, fixed, fixed, fixed, fixed !important;
  background-size: auto, auto, auto, auto, auto !important;
  animation: hudAmbientDrift 24s ease-in-out infinite alternate;
}

html[data-theme="dark"]:has(.home-butterfly),
[data-theme="dark"] body:has(.home-butterfly) {
  background:
    radial-gradient(circle at var(--hud-pointer-x) var(--hud-pointer-y), rgba(35, 190, 255, 0.26), transparent 17rem),
    radial-gradient(circle at 12% 18%, rgba(0, 214, 201, 0.16), transparent 24rem),
    radial-gradient(circle at 86% 10%, rgba(107, 76, 255, 0.18), transparent 25rem),
    radial-gradient(circle at 76% 86%, rgba(25, 126, 105, 0.12), transparent 22rem),
    linear-gradient(135deg, #020710 0%, #041324 46%, #020913 100%) !important;
  background-attachment: fixed, fixed, fixed, fixed, fixed !important;
  background-size: auto, auto, auto, auto, auto !important;
}

body:has(.home-butterfly)::before {
  display: block !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  opacity: 0.72 !important;
  background:
    linear-gradient(90deg, rgba(48, 160, 255, 0.1) 1px, transparent 1px),
    linear-gradient(180deg, rgba(48, 160, 255, 0.085) 1px, transparent 1px),
    linear-gradient(90deg, transparent 0 9%, rgba(20, 184, 166, 0.28) 9% calc(9% + 1px), transparent calc(9% + 1px) 100%),
    linear-gradient(90deg, transparent 0 calc(100% - 9%), rgba(89, 151, 255, 0.26) calc(100% - 9%) calc(100% - 9% + 1px), transparent calc(100% - 9% + 1px)),
    linear-gradient(135deg, transparent 0 47%, rgba(55, 189, 248, 0.22) 47.2% 47.8%, transparent 48%),
    linear-gradient(45deg, transparent 0 52%, rgba(129, 140, 248, 0.16) 52.2% 52.8%, transparent 53%);
  background-size:
    72px 72px,
    72px 72px,
    360px 100%,
    390px 100%,
    380px 260px,
    420px 280px;
  background-position:
    center top,
    center top,
    left top,
    right top,
    left bottom,
    right 90px top 90px;
  background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  filter: none !important;
  mask-image: linear-gradient(90deg, #000 0 18%, transparent 34% 66%, #000 82% 100%);
  animation: hudGridFlow 18s linear infinite;
}

[data-theme="dark"] body:has(.home-butterfly)::before {
  opacity: 0.86 !important;
  filter: drop-shadow(0 0 10px rgba(31, 176, 255, 0.28)) !important;
}

body:has(.home-butterfly)::after {
  display: block !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  opacity: 0.78 !important;
  background:
    radial-gradient(circle at var(--hud-pointer-x) var(--hud-pointer-y), rgba(24, 178, 255, 0.26), transparent 13rem),
    linear-gradient(110deg, transparent 0 34%, rgba(34, 211, 238, 0.22) 35%, transparent 37%),
    linear-gradient(70deg, transparent 0 58%, rgba(132, 204, 22, 0.12) 59%, transparent 61%),
    linear-gradient(90deg, transparent 0 10%, rgba(59, 130, 246, 0.28) 10% 18%, transparent 18% 58%, rgba(20, 184, 166, 0.2) 58% 72%, transparent 72%);
  background-size: auto, 56rem 100%, 44rem 100%, 100% 1px;
  background-position: center, -58rem 0, 100vw 0, center 22px;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat-y;
  mix-blend-mode: normal;
  animation: hudSweep 10s ease-in-out infinite;
}

[data-theme="dark"] body:has(.home-butterfly)::after {
  opacity: 0.95 !important;
  mix-blend-mode: screen;
}

.wrapper:has(.home-butterfly)::before {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: 0.66 !important;
  background:
    linear-gradient(135deg, transparent 0 48%, rgba(35, 188, 255, 0.22) 48.2% 48.8%, transparent 49%),
    linear-gradient(45deg, transparent 0 52%, rgba(124, 92, 255, 0.18) 52.2% 52.8%, transparent 53%),
    linear-gradient(90deg, transparent 0 36%, rgba(34, 211, 238, 0.22) 36% calc(36% + 2px), transparent calc(36% + 2px)),
    linear-gradient(180deg, transparent 0 18%, rgba(20, 184, 166, 0.18) 18% calc(18% + 2px), transparent calc(18% + 2px)),
    linear-gradient(90deg, transparent 0 12%, rgba(34, 211, 238, 0.18) 12% 18%, transparent 18%),
    linear-gradient(90deg, transparent 0 82%, rgba(20, 184, 166, 0.16) 82% 89%, transparent 89%);
  background-size: 34rem 22rem, 34rem 24rem, 28rem 18rem, 18rem 28rem, 100% 2px, 100% 2px;
  background-position: left -6rem bottom -2rem, right -4rem top 12rem, left 4rem top 5rem, right 7rem top 7rem, center 29%, center 74%;
  background-repeat: no-repeat;
  animation: hudRailPulse 8s ease-in-out infinite;
}

.wrapper:has(.home-butterfly)::after {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: 0.34 !important;
  background:
    linear-gradient(180deg, transparent 0, rgba(255, 255, 255, 0.42) 50%, transparent 100%) left 0 top -35vh / 100% 26vh no-repeat,
    linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.24), transparent) center top / 64% 1px repeat-y;
  animation: hudVerticalScan 9s ease-in-out infinite;
}

[data-theme="dark"] .wrapper:has(.home-butterfly)::after {
  opacity: 0.42 !important;
  background:
    linear-gradient(180deg, transparent 0, rgba(73, 190, 255, 0.2) 50%, transparent 100%) left 0 top -35vh / 100% 26vh no-repeat,
    linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.3), transparent) center top / 64% 1px repeat-y;
}

.wrapper:has(.home-butterfly) article.summary-home-hud::before,
.wrapper:has(.home-butterfly) .home-profile-butterfly::before,
.wrapper:has(.home-butterfly) .home-widget::before {
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.18), transparent 9rem),
    linear-gradient(90deg, var(--hud-accent-2), transparent 5rem) left top / 34% 1px no-repeat,
    linear-gradient(180deg, var(--hud-accent-2), transparent 4rem) right top / 1px 40% no-repeat,
    linear-gradient(270deg, var(--hud-accent-2), transparent 5rem) right bottom / 30% 1px no-repeat,
    linear-gradient(0deg, var(--hud-accent-2), transparent 4rem) left bottom / 1px 38% no-repeat !important;
}

.wrapper:has(.home-butterfly) article.summary-home-hud:hover,
.wrapper:has(.home-butterfly) .home-profile-butterfly:hover,
.wrapper:has(.home-butterfly) .home-widget:hover {
  border-color: rgba(66, 208, 255, 0.78) !important;
}

@keyframes hudAmbientDrift {
  0% {
    background-position: center, 12% 16%, 84% 12%, 78% 82%, center;
  }
  100% {
    background-position: center, 15% 22%, 80% 18%, 72% 78%, center;
  }
}

@keyframes hudGridFlow {
  0% {
    background-position: center top, center top, left top, right top, left bottom, right 90px top 90px;
  }
  100% {
    background-position: center 72px, center 72px, left 42px top, right -42px top, left 28px bottom, right 118px top 118px;
  }
}

@keyframes hudSweep {
  0%, 100% {
    background-position: center, -58rem 0, 100vw 0, center 22px;
  }
  48% {
    background-position: center, 112vw 0, -44rem 0, center 22px;
  }
}

@keyframes hudRailPulse {
  0%, 100% {
    opacity: 0.46;
    filter: saturate(1);
  }
  50% {
    opacity: 0.82;
    filter: saturate(1.18);
  }
}

@keyframes hudVerticalScan {
  0% {
    background-position: left 0 top -35vh, center top;
  }
  58%, 100% {
    background-position: left 0 top 115vh, center top;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:has(.home-butterfly),
  body:has(.home-butterfly),
  body:has(.home-butterfly)::before,
  body:has(.home-butterfly)::after,
  .wrapper:has(.home-butterfly)::before,
  .wrapper:has(.home-butterfly)::after {
    animation: none !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Home HUD final cleanup: thin generated light field                         */
/* -------------------------------------------------------------------------- */

body:has(.home-butterfly)::before {
  display: block !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  background:
    linear-gradient(90deg, rgba(48, 160, 255, 0.1) 1px, transparent 1px),
    linear-gradient(180deg, rgba(48, 160, 255, 0.085) 1px, transparent 1px),
    linear-gradient(90deg, transparent 0 4.2%, rgba(20, 184, 166, 0.24) 4.2% calc(4.2% + 1px), transparent calc(4.2% + 1px) 100%),
    linear-gradient(90deg, transparent 0 95.8%, rgba(89, 151, 255, 0.22) 95.8% calc(95.8% + 1px), transparent calc(95.8% + 1px) 100%) !important;
  background-size: 72px 72px, 72px 72px, 100% 100%, 100% 100% !important;
  background-position: center top, center top, center top, center top !important;
  background-repeat: repeat, repeat, no-repeat, no-repeat !important;
}

body:has(.home-butterfly)::after {
  display: block !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  background:
    radial-gradient(circle at var(--hud-pointer-x) var(--hud-pointer-y), rgba(24, 178, 255, 0.24), transparent 13rem),
    linear-gradient(115deg, transparent 0 calc(50% - 1px), rgba(34, 211, 238, 0.18) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)),
    linear-gradient(45deg, transparent 0 calc(50% - 1px), rgba(132, 204, 22, 0.12) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) !important;
  background-size: auto, 30rem 22rem, 28rem 22rem !important;
  background-position: center, left -4rem bottom -2rem, right -3rem top 11rem !important;
  background-repeat: no-repeat !important;
  animation: hudRailPulse 8s ease-in-out infinite !important;
}

.wrapper:has(.home-butterfly)::before {
  display: block !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  background:
    linear-gradient(90deg, transparent 0 12%, rgba(34, 211, 238, 0.18) 12% 18%, transparent 18%),
    linear-gradient(90deg, transparent 0 82%, rgba(20, 184, 166, 0.16) 82% 89%, transparent 89%),
    linear-gradient(180deg, transparent 0 16%, rgba(34, 211, 238, 0.2) 16% 42%, transparent 42%),
    linear-gradient(180deg, transparent 0 20%, rgba(124, 92, 255, 0.16) 20% 48%, transparent 48%) !important;
  background-size: 100% 2px, 100% 2px, 2px 70%, 2px 64% !important;
  background-position: center 29%, center 74%, left 4.2rem top 6rem, right 4.6rem top 9rem !important;
  background-repeat: no-repeat !important;
}

.wrapper:has(.home-butterfly)::after {
  display: block !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  opacity: 0.18 !important;
  background:
    linear-gradient(180deg, transparent 0, rgba(255, 255, 255, 0.34) 50%, transparent 100%) left 0 top -12vh / 100% 8vh no-repeat,
    linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.24), transparent) center top / 64% 1px repeat-y !important;
}

[data-theme="dark"] .wrapper:has(.home-butterfly)::after {
  opacity: 0.24 !important;
  background:
    linear-gradient(180deg, transparent 0, rgba(73, 190, 255, 0.2) 50%, transparent 100%) left 0 top -12vh / 100% 8vh no-repeat,
    linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.3), transparent) center top / 64% 1px repeat-y !important;
}

@media (max-width: 680px) {
  body:has(.home-butterfly)::before {
    mask-image: linear-gradient(180deg, #000, rgba(0, 0, 0, 0.45));
    background-size: 58px 58px, 58px 58px, 220px 100%, 240px 100%, 260px 180px, 280px 200px;
  }

  .wrapper:has(.home-butterfly)::before,
  .wrapper:has(.home-butterfly)::after {
    opacity: 0.28 !important;
  }
}

@media (max-width: 960px) {
  main.fi-container.site-has-global-sidebar {
    flex-direction: column;
  }

  .site-main-column {
    order: -1;
  }

  .site-global-sidebar,
  .home-sidebar-left {
    width: 100%;
    flex-basis: auto;
  }

  .site-global-sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .site-global-sidebar .home-profile,
  .site-global-sidebar .home-widget {
    margin-bottom: 0 !important;
  }

  .summary-home-hud {
    grid-template-columns: minmax(220px, 34%) minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  #header-desktop .header-wrapper::after,
  #header-mobile .header-container::after {
    width: 8rem;
  }

  .site-global-sidebar {
    display: flex;
  }

  .summary-home-hud {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }

  .summary-home-hud .featured-image-preview {
    aspect-ratio: 16 / 9;
    min-height: 0;
  }

  .summary-hud-body {
    padding: 0.15rem 0.15rem 0.2rem;
  }

  .summary-home-hud .post-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .summary-home-hud .post-tags {
    justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  main.fi-container {
    padding-inline: 0.65rem;
  }

  .home-profile-butterfly,
  .home-widget,
  .summary-home-hud {
    border-radius: 7px !important;
  }

  .home-stats {
    justify-content: center;
  }

  .summary-home-hud .single-title {
    font-size: 1.05rem !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Home HUD calibration v2 */
/* -------------------------------------------------------------------------- */

:root {
  --hud-v2-shell: 1240px;
  --hud-v2-sidebar: 270px;
  --hud-v2-gap: 30px;
  --hud-v2-content: 940px;
  --hud-v2-card-h: 214px;
  --hud-v2-image-w: 300px;
  --hud-v2-card-pad: 10px;
  --hud-v2-radius: 9px;
}

body:has(.home-butterfly) {
  background:
    radial-gradient(circle at 52% 12%, rgba(255, 255, 255, 0.88), transparent 34rem),
    radial-gradient(circle at 24% 30%, rgba(14, 165, 233, 0.08), transparent 28rem),
    linear-gradient(180deg, #f8fbff 0%, #f2f8ff 58%, #f7fbff 100%) !important;
}

[data-theme="dark"] body:has(.home-butterfly) {
  background:
    radial-gradient(circle at 52% 12%, rgba(22, 78, 132, 0.18), transparent 34rem),
    radial-gradient(circle at 22% 26%, rgba(14, 165, 233, 0.12), transparent 28rem),
    linear-gradient(180deg, #010712 0%, #020b17 54%, #01050c 100%) !important;
}

.wrapper:has(.home-butterfly)::before {
  opacity: 0.78;
  background:
    linear-gradient(90deg, transparent 0 7.4rem, rgba(66, 153, 225, 0.22) 7.44rem, transparent 7.5rem) left 3.3rem top 7.3rem / 18rem 28rem no-repeat,
    linear-gradient(180deg, transparent 0 5.9rem, rgba(66, 153, 225, 0.18) 5.94rem, transparent 6rem) left 4.3rem top 8.5rem / 16rem 22rem no-repeat,
    linear-gradient(135deg, transparent 0 48.5%, rgba(56, 189, 248, 0.28) 49.2% 50.8%, transparent 51.5%) left -2rem bottom -1rem / 19rem 17rem no-repeat,
    linear-gradient(45deg, transparent 0 48.5%, rgba(56, 189, 248, 0.26) 49.2% 50.8%, transparent 51.5%) right -1rem bottom 0 / 18rem 18rem no-repeat,
    linear-gradient(135deg, transparent 0 48.5%, rgba(66, 153, 225, 0.18) 49.4% 50.6%, transparent 51.5%) right 2rem top 10rem / 20rem 21rem no-repeat;
}

[data-theme="dark"] .wrapper:has(.home-butterfly)::before {
  background:
    linear-gradient(90deg, transparent 0 7.4rem, rgba(56, 189, 248, 0.16) 7.44rem, transparent 7.5rem) left 3.3rem top 7.3rem / 18rem 28rem no-repeat,
    linear-gradient(180deg, transparent 0 5.9rem, rgba(56, 189, 248, 0.14) 5.94rem, transparent 6rem) left 4.3rem top 8.5rem / 16rem 22rem no-repeat,
    linear-gradient(135deg, transparent 0 48.5%, rgba(56, 189, 248, 0.38) 49.2% 50.8%, transparent 51.5%) left -2rem bottom -1rem / 19rem 17rem no-repeat,
    linear-gradient(45deg, transparent 0 48.5%, rgba(56, 189, 248, 0.34) 49.2% 50.8%, transparent 51.5%) right -1rem bottom 0 / 18rem 18rem no-repeat,
    linear-gradient(135deg, transparent 0 48.5%, rgba(56, 189, 248, 0.18) 49.4% 50.6%, transparent 51.5%) right 2rem top 10rem / 20rem 21rem no-repeat;
}

.wrapper:has(.home-butterfly)::after {
  opacity: 0.32;
  background-image:
    linear-gradient(rgba(96, 165, 250, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(96, 165, 250, 0.12) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(90deg, transparent, #000 9%, #000 72%, transparent);
}

[data-theme="dark"] .wrapper:has(.home-butterfly)::after {
  opacity: 0.22;
}

#header-desktop .header-wrapper,
#header-mobile .header-container {
  min-height: 60px;
  padding-inline: clamp(1.25rem, 3.2vw, 3.5rem) !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.22);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(249, 252, 255, 0.7)) !important;
  box-shadow: 0 10px 32px rgba(37, 99, 235, 0.08), inset 0 -1px 0 rgba(56, 189, 248, 0.2) !important;
}

[data-theme="dark"] #header-desktop .header-wrapper,
[data-theme="dark"] #header-mobile .header-container {
  background:
    linear-gradient(180deg, rgba(1, 9, 20, 0.9), rgba(2, 14, 30, 0.72)) !important;
  border-bottom-color: rgba(56, 189, 248, 0.34);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.28), inset 0 -1px 0 rgba(56, 189, 248, 0.28) !important;
}

#header-desktop .header-wrapper::before {
  left: 28%;
  bottom: 0;
  width: 21rem;
  height: 1px;
  background:
    linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.7), transparent),
    linear-gradient(135deg, transparent 0 47%, rgba(56, 189, 248, 0.7) 48% 52%, transparent 53%);
  background-size: 100% 1px, 4rem 1.25rem;
  background-position: left bottom, left -1.15rem bottom;
  background-repeat: no-repeat;
}

#header-desktop .header-wrapper::after {
  right: clamp(8rem, 17vw, 22rem);
  bottom: 0;
  width: 18rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.7), transparent);
}

#header-desktop .header-title .header-title-text,
#header-mobile .header-title .header-title-text {
  font-size: 1.04rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

#header-desktop nav {
  margin-left: auto;
  min-height: 60px;
  display: flex;
  align-items: center;
}

#header-desktop .menu {
  min-height: 36px;
  padding: 0.2rem 0.35rem;
  border: 1px solid rgba(147, 197, 253, 0.24);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.46), rgba(239, 248, 255, 0.34));
  clip-path: polygon(1.4rem 0, 100% 0, calc(100% - 1.1rem) 100%, 0 100%);
  box-shadow: 0 8px 22px rgba(37, 99, 235, 0.06);
}

[data-theme="dark"] #header-desktop .menu {
  background: linear-gradient(180deg, rgba(8, 28, 52, 0.56), rgba(6, 23, 44, 0.36));
  border-color: rgba(56, 189, 248, 0.25);
}

#header-desktop .menu .menu-link,
#header-desktop .menu .theme-switch,
#header-desktop .menu .search-button {
  min-height: 28px;
  padding: 0.22rem 0.48rem;
  font-size: 0.84rem;
}

#header-desktop .menu .menu-item.active .menu-link {
  color: #0284c7 !important;
  background: rgba(56, 189, 248, 0.16);
}

#header-desktop .search input {
  height: 30px !important;
  min-width: 0;
}

main.fi-container.site-has-global-sidebar {
  width: var(--hud-v2-shell) !important;
  max-width: calc(100vw - 2rem) !important;
  padding-inline: 0 !important;
  padding-top: 22px !important;
  gap: var(--hud-v2-gap) !important;
  justify-content: flex-start !important;
}

main.fi-container.site-has-global-sidebar .site-global-sidebar {
  flex: 0 0 var(--hud-v2-sidebar) !important;
  width: var(--hud-v2-sidebar) !important;
  max-width: var(--hud-v2-sidebar) !important;
}

main.fi-container.site-has-global-sidebar .site-main-column {
  flex: 0 0 var(--hud-v2-content) !important;
  width: var(--hud-v2-content) !important;
  max-width: var(--hud-v2-content) !important;
}

.home-profile-butterfly,
.home-widget {
  border-radius: var(--hud-v2-radius) !important;
  border-color: rgba(56, 189, 248, 0.28) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(248, 252, 255, 0.72)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.72) inset,
    0 12px 24px rgba(37, 99, 235, 0.06),
    0 0 16px rgba(56, 189, 248, 0.08) !important;
}

[data-theme="dark"] .home-profile-butterfly,
[data-theme="dark"] .home-widget {
  background:
    linear-gradient(135deg, rgba(6, 23, 44, 0.82), rgba(4, 17, 34, 0.68)) !important;
  border-color: rgba(56, 189, 248, 0.42) !important;
  box-shadow:
    0 0 0 1px rgba(125, 211, 252, 0.07) inset,
    0 16px 28px rgba(0, 0, 0, 0.22),
    0 0 18px rgba(56, 189, 248, 0.16) !important;
}

.home-profile-butterfly {
  min-height: 214px;
  margin-bottom: 12px !important;
  padding: 14px 18px 16px !important;
}

.home-widget {
  margin-bottom: 12px !important;
  padding: 13px 16px 14px !important;
}

.home-profile-butterfly .home-avatar img {
  width: 72px !important;
  height: 72px !important;
}

.home-stats {
  margin: 0.65rem 0 0.35rem !important;
}

.home-stat-num {
  font-size: 1rem;
}

.home-stat-label {
  font-size: 0.72rem;
}

.home-subtitle {
  margin-top: 0.75rem !important;
  font-size: 0.86rem !important;
}

.site-global-sidebar .links {
  margin-top: 0.55rem;
}

.home-widget-title {
  margin-bottom: 0.7rem !important;
  padding-bottom: 0.55rem !important;
  font-size: 0.96rem !important;
}

.home-latest-thumb {
  width: 3.4rem;
  height: 3.4rem;
}

.home-latest-title {
  font-size: 0.78rem;
}

.home-tag-cloud {
  gap: 0.48rem 0.52rem;
}

.home-tag-item {
  min-height: 1.45rem;
  padding: 0.18rem 0.5rem;
  background: rgba(14, 165, 233, 0.08);
  border-color: rgba(59, 130, 246, 0.16);
  color: #2577b8 !important;
}

.home-site-info {
  font-size: 0.82rem !important;
}

.home-site-info div {
  margin-bottom: 0.46rem;
}

.home-post-grid {
  width: var(--hud-v2-content);
  gap: 14px !important;
}

.summary-home-hud {
  width: var(--hud-v2-content) !important;
  height: var(--hud-v2-card-h) !important;
  min-height: var(--hud-v2-card-h) !important;
  grid-template-columns: var(--hud-v2-image-w) minmax(0, 1fr) !important;
  gap: 22px !important;
  padding: var(--hud-v2-card-pad) !important;
  border-radius: var(--hud-v2-radius) !important;
  border-color: rgba(56, 189, 248, 0.32) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(249, 252, 255, 0.78)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.78) inset,
    0 13px 24px rgba(37, 99, 235, 0.07),
    0 0 16px rgba(56, 189, 248, 0.12) !important;
}

[data-theme="dark"] .summary-home-hud {
  background:
    linear-gradient(135deg, rgba(5, 20, 38, 0.88), rgba(4, 17, 32, 0.76)) !important;
  border-color: rgba(56, 189, 248, 0.48) !important;
  box-shadow:
    0 0 0 1px rgba(125, 211, 252, 0.08) inset,
    0 16px 28px rgba(0, 0, 0, 0.24),
    0 0 20px rgba(56, 189, 248, 0.2) !important;
}

.summary-home-hud:hover {
  transform: translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.8) inset,
    0 15px 28px rgba(37, 99, 235, 0.1),
    0 0 22px rgba(56, 189, 248, 0.22) !important;
}

.summary-home-hud::before {
  background:
    linear-gradient(90deg, rgba(56, 189, 248, 0.65), transparent 5.5rem) left top / 24% 1px no-repeat,
    linear-gradient(270deg, rgba(56, 189, 248, 0.42), transparent 5.5rem) right bottom / 22% 1px no-repeat,
    linear-gradient(180deg, rgba(56, 189, 248, 0.45), transparent 4rem) right top / 1px 38% no-repeat;
  opacity: 0.8;
}

.summary-home-hud::after {
  width: 12px;
  height: 12px;
  opacity: 0.86;
}

.summary-home-hud .featured-image-preview {
  width: var(--hud-v2-image-w) !important;
  height: calc(var(--hud-v2-card-h) - (var(--hud-v2-card-pad) * 2)) !important;
  min-height: 0 !important;
  border-radius: 6px !important;
  border-color: rgba(56, 189, 248, 0.24);
}

.summary-home-hud .featured-image-preview a {
  min-height: 0 !important;
}

.summary-home-hud .featured-image-preview--placeholder {
  background:
    radial-gradient(circle at 50% 50%, rgba(56, 189, 248, 0.2), transparent 42%),
    linear-gradient(135deg, rgba(226, 245, 255, 0.9), rgba(246, 251, 255, 0.6)) !important;
}

[data-theme="dark"] .summary-home-hud .featured-image-preview--placeholder {
  background:
    radial-gradient(circle at 50% 50%, rgba(56, 189, 248, 0.24), transparent 42%),
    linear-gradient(135deg, rgba(8, 35, 62, 0.9), rgba(4, 18, 34, 0.7)) !important;
}

.summary-hud-body {
  height: 100%;
  padding: 11px 4px 7px 0 !important;
}

.summary-hud-taxonomy {
  gap: 0.45rem;
  margin-bottom: 0.56rem;
  max-height: 1.55rem;
  overflow: hidden;
}

.summary-hud-chip {
  min-height: 1.35rem;
  padding: 0.16rem 0.52rem;
  border-radius: 5px;
  border-color: rgba(59, 130, 246, 0.14);
  background: rgba(37, 99, 235, 0.06);
  color: #2577b8 !important;
  font-size: 0.72rem;
}

[data-theme="dark"] .summary-hud-chip {
  background: rgba(56, 189, 248, 0.12);
  color: #8bdcff !important;
  border-color: rgba(56, 189, 248, 0.24);
}

.summary-home-hud .single-title {
  margin-bottom: 0.44rem !important;
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  line-height: 1.32 !important;
}

.summary-home-hud .post-meta {
  margin-bottom: 0.38rem !important;
  font-size: 0.76rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.summary-home-hud .post-meta .avatar {
  width: 14px;
  height: 14px;
}

.summary-home-hud .content {
  max-height: 3.9rem;
  font-size: 0.82rem;
  line-height: 1.6;
  -webkit-line-clamp: 2;
}

.summary-home-hud .post-footer {
  margin-top: auto !important;
  align-items: flex-end;
}

.summary-home-hud .summary-hud-readmore {
  font-size: 0.8rem !important;
  color: #0284c7 !important;
}

.summary-home-hud .post-tags {
  display: none !important;
}

.summary-hud-corner-meta {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.85rem;
  color: #64748b;
  font-size: 0.76rem;
  line-height: 1;
  white-space: nowrap;
}

[data-theme="dark"] .summary-hud-corner-meta {
  color: #a8bed4;
}

.summary-hud-corner-item {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
}

.summary-hud-corner-item svg,
.summary-hud-corner-item i {
  width: 0.85em;
  color: currentColor;
  opacity: 0.86;
}

@media (max-width: 1320px) {
  :root {
    --hud-v2-shell: calc(100vw - 48px);
    --hud-v2-sidebar: 260px;
    --hud-v2-gap: 24px;
    --hud-v2-content: calc(var(--hud-v2-shell) - var(--hud-v2-sidebar) - var(--hud-v2-gap));
    --hud-v2-image-w: min(300px, 34%);
  }
}

@media (max-width: 1060px) {
  main.fi-container.site-has-global-sidebar {
    width: calc(100vw - 32px) !important;
  }

  main.fi-container.site-has-global-sidebar .site-main-column {
    flex: 1 1 auto !important;
    width: calc(100vw - 32px - var(--hud-v2-sidebar) - var(--hud-v2-gap)) !important;
  }

  .home-post-grid,
  .summary-home-hud {
    width: 100% !important;
  }

  .summary-home-hud {
    grid-template-columns: minmax(240px, 34%) minmax(0, 1fr) !important;
  }

  .summary-home-hud .featured-image-preview {
    width: 100% !important;
  }
}

@media (max-width: 900px) {
  main.fi-container.site-has-global-sidebar {
    width: min(720px, calc(100vw - 28px)) !important;
    max-width: min(720px, calc(100vw - 28px)) !important;
    flex-direction: column;
  }

  main.fi-container.site-has-global-sidebar .site-main-column,
  main.fi-container.site-has-global-sidebar .site-global-sidebar {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .site-global-sidebar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .summary-home-hud {
    height: auto !important;
    min-height: 210px !important;
    grid-template-columns: minmax(230px, 36%) minmax(0, 1fr) !important;
  }
}

@media (max-width: 680px) {
  .site-global-sidebar {
    display: flex !important;
  }

  .summary-home-hud {
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .summary-home-hud .featured-image-preview {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  .summary-hud-body {
    padding: 0.2rem 0.2rem 0.1rem !important;
  }

  .summary-home-hud .post-meta {
    white-space: normal;
  }

  .summary-hud-corner-meta {
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
  }
}

/* -------------------------------------------------------------------------- */
/* Generated HUD image assets */
/* -------------------------------------------------------------------------- */

body:has(.home-butterfly) {
  background:
    radial-gradient(circle at 18% 20%, rgba(40, 174, 255, 0.12), transparent 24rem),
    linear-gradient(180deg, rgba(248, 251, 255, 0.92), rgba(236, 248, 255, 0.96)) !important;
}

[data-theme="dark"] body:has(.home-butterfly) {
  background:
    radial-gradient(circle at 18% 20%, rgba(0, 148, 255, 0.16), transparent 25rem),
    linear-gradient(180deg, rgba(1, 8, 18, 0.98), rgba(1, 5, 12, 0.98)) !important;
}

.wrapper:has(.home-butterfly)::before {
  opacity: 0 !important;
}

.wrapper:has(.home-butterfly)::after {
  opacity: 0 !important;
}

[data-theme="dark"] .wrapper:has(.home-butterfly)::before,
[data-theme="dark"] .wrapper:has(.home-butterfly)::after {
  opacity: 0 !important;
}

.summary-home-hud .featured-image-preview--placeholder {
  background:
    linear-gradient(90deg, rgba(3, 10, 24, 0.2), rgba(3, 10, 24, 0)),
    url("/images/hud-post-placeholder.png") center center / cover no-repeat !important;
}

.summary-home-hud .featured-image-preview--placeholder .summary-hud-placeholder-orbit,
.summary-home-hud .featured-image-preview--placeholder .summary-hud-placeholder-icon {
  display: none;
}

@media (max-width: 680px) {
  body:has(.home-butterfly),
  [data-theme="dark"] body:has(.home-butterfly) {
    background-attachment: scroll !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Home HUD final authority: one effective homepage layout layer               */
/* -------------------------------------------------------------------------- */

:root {
  --hud-final-shell: 1240px;
  --hud-final-sidebar: 270px;
  --hud-final-gap: 30px;
  --hud-final-content: 940px;
  --hud-final-card-h: 214px;
  --hud-final-cover-w: 300px;
  --hud-final-pad: 10px;
  --hud-final-radius: 9px;
  --hud-final-bg: #f5faff;
  --hud-final-panel: rgba(255, 255, 255, 0.74);
  --hud-final-panel-strong: rgba(255, 255, 255, 0.86);
  --hud-final-border: rgba(55, 186, 255, 0.32);
  --hud-final-border-strong: rgba(48, 176, 255, 0.5);
  --hud-final-text: #102033;
  --hud-final-muted: #68788d;
  --hud-final-accent: #1188d8;
  --hud-final-glow: rgba(43, 183, 255, 0.16);
}

[data-theme="dark"] {
  --hud-final-bg: #020814;
  --hud-final-panel: rgba(3, 16, 32, 0.78);
  --hud-final-panel-strong: rgba(4, 19, 38, 0.9);
  --hud-final-border: rgba(50, 169, 255, 0.52);
  --hud-final-border-strong: rgba(74, 190, 255, 0.8);
  --hud-final-text: #e8f5ff;
  --hud-final-muted: #a7b9ce;
  --hud-final-accent: #45bdff;
  --hud-final-glow: rgba(42, 174, 255, 0.3);
}

body:has(.home-butterfly) {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.78), transparent 38rem),
    linear-gradient(90deg, rgba(82, 166, 230, 0.06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(82, 166, 230, 0.055) 1px, transparent 1px),
    var(--hud-final-bg) !important;
  background-size: auto, 96px 96px, 96px 96px, auto !important;
  color: var(--hud-final-text);
}

[data-theme="dark"] body:has(.home-butterfly) {
  background:
    radial-gradient(circle at 50% 0%, rgba(17, 79, 142, 0.2), transparent 40rem),
    linear-gradient(90deg, rgba(46, 126, 230, 0.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(46, 126, 230, 0.07) 1px, transparent 1px),
    var(--hud-final-bg) !important;
  background-size: auto, 96px 96px, 96px 96px, auto !important;
}

.wrapper:has(.home-butterfly) {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  overflow-x: hidden;
}

.wrapper:has(.home-butterfly)::before,
.wrapper:has(.home-butterfly)::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none;
  z-index: -1 !important;
}

.wrapper:has(.home-butterfly)::before {
  opacity: 0.34 !important;
  background:
    linear-gradient(90deg, transparent 0 4.2rem, rgba(30, 158, 220, 0.34) 4.25rem, transparent 4.32rem) left 1.4rem top 6.2rem / 15rem 42rem no-repeat,
    linear-gradient(180deg, transparent 0 5rem, rgba(30, 158, 220, 0.26) 5.04rem, transparent 5.1rem) left 4.3rem top 5.6rem / 20rem 24rem no-repeat,
    linear-gradient(135deg, transparent 0 48%, rgba(30, 158, 220, 0.34) 49% 51%, transparent 52%) left -2rem bottom 0 / 18rem 15rem no-repeat,
    linear-gradient(45deg, transparent 0 48%, rgba(30, 158, 220, 0.24) 49% 51%, transparent 52%) right -2rem bottom 2rem / 20rem 16rem no-repeat,
    linear-gradient(135deg, transparent 0 48%, rgba(30, 158, 220, 0.2) 49% 51%, transparent 52%) right 3rem top 11rem / 18rem 16rem no-repeat;
}

[data-theme="dark"] .wrapper:has(.home-butterfly)::before {
  opacity: 0.44 !important;
}

.wrapper:has(.home-butterfly)::after {
  opacity: 0 !important;
}

#header-desktop .header-wrapper,
#header-mobile .header-container {
  min-height: 60px !important;
  padding-inline: 1.25rem !important;
  border-bottom: 1px solid rgba(58, 181, 255, 0.24) !important;
  background: rgba(248, 252, 255, 0.74) !important;
  box-shadow: 0 8px 24px rgba(40, 110, 190, 0.08), inset 0 -1px 0 rgba(77, 201, 255, 0.2) !important;
  backdrop-filter: blur(16px);
}

[data-theme="dark"] #header-desktop .header-wrapper,
[data-theme="dark"] #header-mobile .header-container {
  background: rgba(1, 9, 20, 0.84) !important;
  border-bottom-color: rgba(58, 181, 255, 0.34) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28), inset 0 -1px 0 rgba(77, 201, 255, 0.28) !important;
}

#header-desktop .header-title a,
#header-mobile .header-title a {
  color: var(--hud-final-text) !important;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

#header-desktop .menu {
  min-height: 36px !important;
  padding: 0.2rem 0.35rem !important;
  border: 1px solid rgba(89, 174, 240, 0.2) !important;
  background: rgba(255, 255, 255, 0.38) !important;
  clip-path: polygon(1.35rem 0, 100% 0, calc(100% - 1rem) 100%, 0 100%);
}

[data-theme="dark"] #header-desktop .menu {
  background: rgba(5, 24, 48, 0.52) !important;
  border-color: rgba(89, 174, 240, 0.28) !important;
}

#header-desktop .menu .menu-link,
#header-desktop .menu .theme-switch,
#header-desktop .menu .search-button {
  min-height: 28px !important;
  padding: 0.2rem 0.48rem !important;
  color: var(--hud-final-text) !important;
  font-size: 0.84rem !important;
}

#header-desktop .menu .menu-item.active .menu-link {
  color: var(--hud-final-accent) !important;
  background: rgba(47, 171, 255, 0.14) !important;
}

.wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar {
  display: flex !important;
  width: var(--hud-final-shell) !important;
  max-width: calc(100vw - 2rem) !important;
  margin-inline: auto !important;
  padding: 22px 0 0 !important;
  gap: var(--hud-final-gap) !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

.wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar .site-global-sidebar {
  flex: 0 0 var(--hud-final-sidebar) !important;
  width: var(--hud-final-sidebar) !important;
  max-width: var(--hud-final-sidebar) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar .site-main-column {
  flex: 0 0 var(--hud-final-content) !important;
  width: var(--hud-final-content) !important;
  max-width: var(--hud-final-content) !important;
  min-width: 0 !important;
}

.wrapper:has(.home-butterfly) .home-butterfly-main {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.wrapper:has(.home-butterfly) .home-post-grid {
  display: flex !important;
  flex-direction: column !important;
  width: var(--hud-final-content) !important;
  gap: 14px !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly,
.wrapper:has(.home-butterfly) .home-widget,
.wrapper:has(.home-butterfly) .summary-home-hud {
  position: relative;
  overflow: hidden !important;
  border: 1px solid var(--hud-final-border) !important;
  border-radius: var(--hud-final-radius) !important;
  background: linear-gradient(135deg, var(--hud-final-panel-strong), var(--hud-final-panel)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.5) inset,
    0 12px 28px rgba(32, 86, 140, 0.08),
    0 0 18px var(--hud-final-glow) !important;
  color: var(--hud-final-text) !important;
  backdrop-filter: blur(16px);
}

[data-theme="dark"] .wrapper:has(.home-butterfly) .home-profile-butterfly,
[data-theme="dark"] .wrapper:has(.home-butterfly) .home-widget,
[data-theme="dark"] .wrapper:has(.home-butterfly) .summary-home-hud {
  box-shadow:
    0 0 0 1px rgba(119, 216, 255, 0.08) inset,
    0 14px 32px rgba(0, 0, 0, 0.28),
    0 0 22px var(--hud-final-glow) !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 226px !important;
  min-height: 226px !important;
  margin: 0 !important;
  padding: 16px 18px 18px !important;
}

.wrapper:has(.home-butterfly) .home-widget {
  margin: 0 !important;
  padding: 13px 16px 14px !important;
}

.wrapper:has(.home-butterfly) .home-widget-title {
  margin: 0 0 0.7rem !important;
  padding-bottom: 0.55rem !important;
  border-bottom: 1px solid rgba(72, 182, 246, 0.24) !important;
  color: var(--hud-final-text) !important;
  font-size: 0.96rem !important;
}

.wrapper:has(.home-butterfly) .home-widget-title-icon {
  color: var(--hud-final-accent) !important;
}

.wrapper:has(.home-butterfly) .home-subtitle,
.wrapper:has(.home-butterfly) .home-stat-label,
.wrapper:has(.home-butterfly) .home-widget-notice-body,
.wrapper:has(.home-butterfly) .home-site-info dt,
.wrapper:has(.home-butterfly) .home-latest-date {
  color: var(--hud-final-muted) !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-avatar img {
  width: 70px !important;
  height: 70px !important;
  border: 1px solid var(--hud-final-border-strong) !important;
  box-shadow: 0 0 16px var(--hud-final-glow) !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-avatar {
  line-height: 0 !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-stats {
  width: 100% !important;
  margin: 0.56rem 0 0.34rem !important;
  justify-content: space-around !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-stat-item {
  min-width: 3.2rem !important;
  padding: 0 !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-stat-num {
  font-size: 0.98rem !important;
  line-height: 1.15 !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-stat-label {
  font-size: 0.7rem !important;
  line-height: 1.25 !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-title {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 0.45rem !important;
  border-bottom: 1px solid rgba(72, 182, 246, 0.2) !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-subtitle {
  width: 100% !important;
  min-height: 1.35rem !important;
  margin: 0.58rem 0 0.48rem !important;
  color: var(--hud-final-text) !important;
  font-size: 0.84rem !important;
  line-height: 1.35 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .links {
  display: flex !important;
  justify-content: center !important;
  gap: 0.62rem !important;
  margin-top: auto !important;
  line-height: 1 !important;
}

.wrapper:has(.home-butterfly) .home-tag-item,
.wrapper:has(.home-butterfly) .summary-hud-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 1.35rem !important;
  padding: 0.16rem 0.52rem !important;
  border: 1px solid rgba(63, 160, 232, 0.16) !important;
  border-radius: 5px !important;
  background: rgba(38, 144, 224, 0.08) !important;
  color: var(--hud-final-accent) !important;
  font-size: 0.72rem !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

.wrapper:has(.home-butterfly) article.summary-home-hud {
  display: grid !important;
  grid-template-columns: var(--hud-final-cover-w) minmax(0, 1fr) !important;
  width: var(--hud-final-content) !important;
  height: var(--hud-final-card-h) !important;
  min-height: var(--hud-final-card-h) !important;
  margin: 0 !important;
  padding: var(--hud-final-pad) !important;
  gap: 22px !important;
}

.wrapper:has(.home-butterfly) article.summary-home-hud::before {
  content: "" !important;
  position: absolute !important;
  top: 8px !important;
  right: 16px !important;
  width: 84px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(39, 201, 255, 0.72)) !important;
  pointer-events: none !important;
}

.wrapper:has(.home-butterfly) article.summary-home-hud::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 12px !important;
  height: 12px !important;
  background: #28d8ff !important;
  clip-path: polygon(100% 0, 100% 100%, 0 0) !important;
  pointer-events: none !important;
}

.wrapper:has(.home-butterfly) article.summary-home-hud > .featured-image-preview {
  width: var(--hud-final-cover-w) !important;
  height: calc(var(--hud-final-card-h) - (var(--hud-final-pad) * 2)) !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(66, 172, 234, 0.2) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: rgba(26, 133, 210, 0.08) !important;
}

.wrapper:has(.home-butterfly) article.summary-home-hud > .featured-image-preview a,
.wrapper:has(.home-butterfly) article.summary-home-hud > .featured-image-preview picture,
.wrapper:has(.home-butterfly) article.summary-home-hud > .featured-image-preview img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.wrapper:has(.home-butterfly) article.summary-home-hud > .featured-image-preview img {
  object-fit: cover !important;
}

.wrapper:has(.home-butterfly) .summary-hud-body {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 11px 4px 7px 0 !important;
}

.wrapper:has(.home-butterfly) .summary-hud-taxonomy {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
  max-height: 1.55rem !important;
  margin: 0 0 0.56rem !important;
  overflow: hidden !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .single-title {
  margin: 0 0 0.44rem !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--hud-final-text) !important;
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  line-height: 1.32 !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .single-title a {
  color: inherit !important;
  text-decoration: none !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .post-meta {
  margin: 0 0 0.38rem !important;
  padding: 0 !important;
  color: var(--hud-final-muted) !important;
  font-size: 0.76rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .post-meta .avatar {
  width: 14px !important;
  height: 14px !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .content {
  flex: 1 1 auto !important;
  max-height: 3.9rem !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--hud-final-muted) !important;
  font-size: 0.82rem !important;
  line-height: 1.6 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .post-footer {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  margin: auto 0 0 !important;
  padding: 0 !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .summary-hud-readmore {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  color: var(--hud-final-accent) !important;
  font-size: 0.8rem !important;
  text-decoration: none !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .post-tags {
  display: none !important;
}

.wrapper:has(.home-butterfly) .summary-hud-corner-meta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.85rem !important;
  margin-left: auto !important;
  color: var(--hud-final-muted) !important;
  font-size: 0.76rem !important;
  white-space: nowrap !important;
}

.wrapper:has(.home-butterfly) .fixed-buttons {
  display: none !important;
}

@media (max-width: 1320px) {
  :root {
    --hud-final-shell: calc(100vw - 48px);
    --hud-final-sidebar: 260px;
    --hud-final-gap: 24px;
    --hud-final-content: calc(var(--hud-final-shell) - var(--hud-final-sidebar) - var(--hud-final-gap));
    --hud-final-cover-w: min(300px, 34%);
  }
}

@media (max-width: 900px) {
  .wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar {
    width: min(720px, calc(100vw - 28px)) !important;
    max-width: min(720px, calc(100vw - 28px)) !important;
    flex-direction: column !important;
  }

  .wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar .site-main-column,
  .wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar .site-global-sidebar {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .wrapper:has(.home-butterfly) .home-post-grid,
  .wrapper:has(.home-butterfly) article.summary-home-hud {
    width: 100% !important;
  }

  .wrapper:has(.home-butterfly) article.summary-home-hud {
    height: auto !important;
    min-height: 210px !important;
    grid-template-columns: minmax(230px, 36%) minmax(0, 1fr) !important;
  }

  .wrapper:has(.home-butterfly) article.summary-home-hud > .featured-image-preview {
    width: 100% !important;
  }
}

@media (max-width: 680px) {
  .wrapper:has(.home-butterfly)::before {
    opacity: 0.16 !important;
  }

  .wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar {
    width: min(100%, calc(100vw - 24px)) !important;
  }

  .wrapper:has(.home-butterfly) article.summary-home-hud {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  .wrapper:has(.home-butterfly) article.summary-home-hud > .featured-image-preview {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }

  .wrapper:has(.home-butterfly) .summary-hud-body {
    padding: 0.2rem 0.2rem 0.1rem !important;
  }

  .wrapper:has(.home-butterfly) .summary-home-hud .post-meta {
    white-space: normal !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Home HUD final visual tuning: closer reference surface and glow             */
/* -------------------------------------------------------------------------- */

body:has(.home-butterfly) {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.82), transparent 36rem),
    linear-gradient(90deg, rgba(82, 166, 230, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(82, 166, 230, 0.032) 1px, transparent 1px),
    #f7fbff !important;
  background-size: auto, 96px 96px, 96px 96px, auto !important;
}

[data-theme="dark"] body:has(.home-butterfly) {
  background:
    radial-gradient(circle at 50% 0%, rgba(17, 79, 142, 0.16), transparent 38rem),
    linear-gradient(90deg, rgba(46, 126, 230, 0.055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(46, 126, 230, 0.05) 1px, transparent 1px),
    #020914 !important;
  background-size: auto, 96px 96px, 96px 96px, auto !important;
}

.wrapper:has(.home-butterfly)::before {
  opacity: 0.28 !important;
  background:
    linear-gradient(90deg, transparent 0 3.4rem, rgba(45, 176, 236, 0.32) 3.46rem, transparent 3.54rem) left 2rem top 6.4rem / 15rem 31rem no-repeat,
    linear-gradient(180deg, transparent 0 4.4rem, rgba(45, 176, 236, 0.24) 4.46rem, transparent 4.54rem) left 4rem top 6rem / 18rem 21rem no-repeat,
    linear-gradient(135deg, transparent 0 48%, rgba(45, 176, 236, 0.28) 49% 51%, transparent 52%) left -1.5rem bottom 0 / 17rem 14rem no-repeat,
    linear-gradient(45deg, transparent 0 48%, rgba(45, 176, 236, 0.18) 49% 51%, transparent 52%) right -2rem bottom 2.2rem / 19rem 15rem no-repeat,
    linear-gradient(135deg, transparent 0 48%, rgba(45, 176, 236, 0.16) 49% 51%, transparent 52%) right 4rem top 12rem / 18rem 15rem no-repeat,
    radial-gradient(circle at 11rem 13rem, rgba(35, 203, 255, 0.36) 0 2px, transparent 3px),
    radial-gradient(circle at calc(100% - 12rem) 16rem, rgba(35, 203, 255, 0.18) 0 2px, transparent 3px);
}

[data-theme="dark"] .wrapper:has(.home-butterfly)::before {
  opacity: 0.38 !important;
}

#header-desktop .header-wrapper::before,
#header-mobile .header-container::before {
  content: "" !important;
  position: absolute !important;
  left: 28% !important;
  bottom: -1px !important;
  width: 20rem !important;
  height: 1px !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, transparent, rgba(42, 193, 255, 0.68), transparent),
    linear-gradient(135deg, transparent 0 47%, rgba(42, 193, 255, 0.68) 48% 52%, transparent 53%) !important;
  background-size: 100% 1px, 4rem 1.15rem !important;
  background-position: left bottom, left -1.05rem bottom !important;
  background-repeat: no-repeat !important;
}

#header-desktop .header-wrapper::after,
#header-mobile .header-container::after {
  content: "" !important;
  position: absolute !important;
  right: clamp(8rem, 17vw, 22rem) !important;
  bottom: -1px !important;
  width: 18rem !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(42, 193, 255, 0.66), transparent) !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly,
.wrapper:has(.home-butterfly) .home-widget,
.wrapper:has(.home-butterfly) .summary-home-hud {
  border-color: rgba(55, 186, 255, 0.38) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.58) inset,
    0 12px 30px rgba(32, 86, 140, 0.07),
    0 0 20px rgba(43, 183, 255, 0.17) !important;
}

[data-theme="dark"] .wrapper:has(.home-butterfly) .home-profile-butterfly,
[data-theme="dark"] .wrapper:has(.home-butterfly) .home-widget,
[data-theme="dark"] .wrapper:has(.home-butterfly) .summary-home-hud {
  border-color: rgba(64, 184, 255, 0.62) !important;
  box-shadow:
    0 0 0 1px rgba(119, 216, 255, 0.1) inset,
    0 14px 34px rgba(0, 0, 0, 0.28),
    0 0 26px rgba(42, 174, 255, 0.34) !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(249, 253, 255, 0.75)) !important;
}

[data-theme="dark"] .wrapper:has(.home-butterfly) .summary-home-hud {
  background:
    linear-gradient(135deg, rgba(3, 17, 35, 0.94), rgba(3, 15, 29, 0.8)) !important;
}

/* -------------------------------------------------------------------------- */
/* Home HUD final visual tuning 2: nav capsule and edge circuitry             */
/* -------------------------------------------------------------------------- */

.wrapper:has(.home-butterfly)::before {
  background:
    linear-gradient(90deg, transparent 0 3.4rem, rgba(45, 176, 236, 0.34) 3.46rem, transparent 3.54rem) left 2rem top 6.4rem / 15rem 31rem no-repeat,
    linear-gradient(180deg, transparent 0 4.4rem, rgba(45, 176, 236, 0.24) 4.46rem, transparent 4.54rem) left 4rem top 6rem / 18rem 21rem no-repeat,
    linear-gradient(90deg, transparent 0 5rem, rgba(45, 176, 236, 0.22) 5.06rem, transparent 5.14rem) left 4.5rem top 13.4rem / 15rem 12rem no-repeat,
    linear-gradient(135deg, transparent 0 48%, rgba(45, 176, 236, 0.28) 49% 51%, transparent 52%) left -1.5rem bottom 0 / 17rem 14rem no-repeat,
    linear-gradient(45deg, transparent 0 48%, rgba(45, 176, 236, 0.18) 49% 51%, transparent 52%) right -2rem bottom 2.2rem / 19rem 15rem no-repeat,
    linear-gradient(135deg, transparent 0 48%, rgba(45, 176, 236, 0.16) 49% 51%, transparent 52%) right 4rem top 12rem / 18rem 15rem no-repeat,
    linear-gradient(180deg, transparent 0 4rem, rgba(45, 176, 236, 0.16) 4.06rem, transparent 4.14rem) right 3.6rem top 8.2rem / 16rem 22rem no-repeat,
    radial-gradient(circle at 11rem 13rem, rgba(35, 203, 255, 0.36) 0 2px, transparent 3px),
    radial-gradient(circle at 7.8rem 22rem, rgba(35, 203, 255, 0.2) 0 2px, transparent 3px),
    radial-gradient(circle at calc(100% - 12rem) 16rem, rgba(35, 203, 255, 0.18) 0 2px, transparent 3px),
    radial-gradient(circle at calc(100% - 8rem) 30rem, rgba(35, 203, 255, 0.14) 0 2px, transparent 3px) !important;
}

#header-desktop nav {
  position: relative !important;
  min-height: 60px !important;
  display: flex !important;
  align-items: center !important;
}

#header-desktop nav::before {
  content: "" !important;
  position: absolute !important;
  left: -5.4rem !important;
  right: -0.35rem !important;
  top: 0.62rem !important;
  bottom: 0.48rem !important;
  border: 1px solid rgba(68, 177, 245, 0.22) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(236, 248, 255, 0.18)) !important;
  clip-path: polygon(1.3rem 0, 100% 0, calc(100% - 0.8rem) 100%, 0 100%) !important;
  pointer-events: none !important;
}

[data-theme="dark"] #header-desktop nav::before {
  border-color: rgba(78, 184, 255, 0.3) !important;
  background: linear-gradient(180deg, rgba(9, 34, 65, 0.55), rgba(5, 22, 45, 0.28)) !important;
}

#header-desktop .menu {
  position: relative !important;
  z-index: 1 !important;
  min-height: 34px !important;
  padding: 0.18rem 0.42rem 0.18rem 0.72rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
}

#header-desktop .menu .menu-link,
#header-desktop .menu .theme-switch,
#header-desktop .menu .search-button {
  border-radius: 5px !important;
}

#header-desktop .menu .menu-link:hover,
#header-desktop .menu .theme-switch:hover,
#header-desktop .menu .search-button:hover {
  background: rgba(47, 171, 255, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(55, 186, 255, 0.2) !important;
}

[data-theme="dark"] #header-desktop .menu .menu-link:hover,
[data-theme="dark"] #header-desktop .menu .theme-switch:hover,
[data-theme="dark"] #header-desktop .menu .search-button:hover {
  background: rgba(47, 171, 255, 0.17) !important;
  box-shadow: inset 0 0 0 1px rgba(95, 205, 255, 0.28) !important;
}

/* -------------------------------------------------------------------------- */
/* Home HUD final visual tuning 3: sidebar density                            */
/* -------------------------------------------------------------------------- */

.wrapper:has(.home-butterfly) .home-profile-butterfly,
.wrapper:has(.home-butterfly) .home-widget {
  box-sizing: border-box !important;
}

.wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar .site-global-sidebar {
  gap: 10px !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly {
  height: 226px !important;
  min-height: 226px !important;
  padding: 16px 18px 18px !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-avatar img {
  width: 68px !important;
  height: 68px !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-stats {
  margin: 0.48rem 0 0.28rem !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-subtitle {
  margin: 0.5rem 0 0.36rem !important;
  min-height: 1.2rem !important;
  font-size: 0.83rem !important;
}

.wrapper:has(.home-butterfly) .home-widget {
  padding: 10px 15px 11px !important;
}

.wrapper:has(.home-butterfly) .home-widget-title {
  margin-bottom: 0.5rem !important;
  padding-bottom: 0.42rem !important;
  font-size: 0.92rem !important;
  line-height: 1.25 !important;
}

.wrapper:has(.home-butterfly) .home-widget-notice-body {
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
}

.wrapper:has(.home-butterfly) .home-latest-link {
  gap: 0.55rem !important;
  padding: 0.42rem 0.2rem !important;
}

.wrapper:has(.home-butterfly) .home-latest-thumb {
  width: 3rem !important;
  height: 3rem !important;
}

.wrapper:has(.home-butterfly) .home-latest-title {
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
}

.wrapper:has(.home-butterfly) .home-latest-date {
  font-size: 0.68rem !important;
}

.wrapper:has(.home-butterfly) .home-tag-cloud {
  gap: 0.36rem 0.42rem !important;
}

.wrapper:has(.home-butterfly) .home-tag-item {
  min-height: 1.25rem !important;
  padding: 0.12rem 0.45rem !important;
  font-size: 0.68rem !important;
}

.wrapper:has(.home-butterfly) .home-site-info {
  font-size: 0.78rem !important;
}

.wrapper:has(.home-butterfly) .home-site-info div {
  margin-bottom: 0.32rem !important;
}

/* -------------------------------------------------------------------------- */
/* Home HUD final visual tuning 4: post card density                          */
/* -------------------------------------------------------------------------- */

.wrapper:has(.home-butterfly) article.summary-home-hud {
  box-sizing: border-box !important;
  height: 214px !important;
  min-height: 214px !important;
}

.wrapper:has(.home-butterfly) article.summary-home-hud > .featured-image-preview {
  height: calc(214px - (var(--hud-final-pad) * 2)) !important;
}

.wrapper:has(.home-butterfly) .summary-hud-body {
  padding: 8px 4px 8px 0 !important;
}

.wrapper:has(.home-butterfly) .summary-hud-taxonomy {
  margin-bottom: 0.48rem !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .single-title {
  margin-bottom: 0.34rem !important;
  font-size: 1.15rem !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .post-meta {
  margin-bottom: 0.32rem !important;
  font-size: 0.74rem !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .content {
  max-height: 3.35rem !important;
  font-size: 0.79rem !important;
  line-height: 1.48 !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .post-footer {
  min-height: 1.15rem !important;
  line-height: 1.15 !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .summary-hud-readmore,
.wrapper:has(.home-butterfly) .summary-hud-corner-meta {
  font-size: 0.76rem !important;
  line-height: 1.15 !important;
}

/* -------------------------------------------------------------------------- */
/* Home HUD final visual tuning 5: mobile safety override                     */
/* -------------------------------------------------------------------------- */

@media (max-width: 680px) {
  .wrapper:has(.home-butterfly) article.summary-home-hud {
    display: grid !important;
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px !important;
    gap: 0.85rem !important;
    overflow: visible !important;
  }

  .wrapper:has(.home-butterfly) article.summary-home-hud > .featured-image-preview {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
  }

  .wrapper:has(.home-butterfly) .summary-hud-body {
    height: auto !important;
    padding: 0.1rem 0.15rem 0.2rem !important;
  }

  .wrapper:has(.home-butterfly) .summary-hud-taxonomy {
    margin-bottom: 0.45rem !important;
  }

  .wrapper:has(.home-butterfly) .summary-home-hud .single-title {
    font-size: 1.05rem !important;
  }

  .wrapper:has(.home-butterfly) .summary-home-hud .content {
    max-height: none !important;
    -webkit-line-clamp: 3 !important;
  }

  .wrapper:has(.home-butterfly) .summary-home-hud .post-footer {
    margin-top: 0.75rem !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 0.45rem 0.8rem !important;
  }

  .wrapper:has(.home-butterfly) .summary-home-hud .summary-hud-readmore {
    flex: 0 0 auto !important;
  }

  .wrapper:has(.home-butterfly) .summary-hud-corner-meta {
    justify-content: flex-start !important;
    gap: 0.65rem !important;
    margin-left: 0 !important;
    white-space: normal !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Home HUD final visual tuning 6: desktop edge circuitry and glow polish      */
/* -------------------------------------------------------------------------- */

body:has(.home-butterfly)::before,
body:has(.home-butterfly)::after {
  content: "";
  position: fixed;
  z-index: 0;
  pointer-events: none;
}

body:has(.home-butterfly)::before {
  inset: 60px 0 0;
  opacity: 0.72;
  background:
    linear-gradient(90deg, transparent 0 22px, rgba(64, 176, 246, 0.22) 22px 23px, transparent 23px 100%),
    linear-gradient(90deg, transparent 0 54px, rgba(64, 176, 246, 0.14) 54px 55px, transparent 55px 100%),
    linear-gradient(135deg, transparent 0 44%, rgba(64, 176, 246, 0.16) 44% 45%, transparent 45% 100%),
    linear-gradient(90deg, transparent 0 calc(100% - 23px), rgba(64, 176, 246, 0.22) calc(100% - 23px) calc(100% - 22px), transparent calc(100% - 22px)),
    linear-gradient(90deg, transparent 0 calc(100% - 55px), rgba(64, 176, 246, 0.14) calc(100% - 55px) calc(100% - 54px), transparent calc(100% - 54px)),
    linear-gradient(45deg, transparent 0 55%, rgba(64, 176, 246, 0.16) 55% 56%, transparent 56% 100%);
  background-size:
    190px 680px,
    250px 520px,
    240px 260px,
    190px 680px,
    250px 520px,
    240px 260px;
  background-position:
    left top,
    left 8rem top 11rem,
    left bottom,
    right top,
    right 8rem top 11rem,
    right bottom;
  background-repeat: no-repeat;
}

[data-theme="dark"] body:has(.home-butterfly)::before {
  opacity: 0.86;
  filter: drop-shadow(0 0 8px rgba(0, 148, 255, 0.36));
}

body:has(.home-butterfly)::after {
  left: 0;
  right: 0;
  top: 60px;
  height: 74px;
  opacity: 0.7;
  background:
    linear-gradient(90deg, transparent 0 5%, rgba(64, 176, 246, 0.25) 5% 18%, transparent 18% 27%, rgba(64, 176, 246, 0.2) 27% 44%, transparent 44% 58%, rgba(64, 176, 246, 0.2) 58% 76%, transparent 76%),
    linear-gradient(135deg, transparent 0 42%, rgba(21, 198, 255, 0.34) 42% 47%, transparent 47%),
    linear-gradient(90deg, transparent 0 9%, rgba(21, 198, 255, 0.36) 9% 12%, transparent 12%);
  background-size: 100% 1px, 72px 32px, 160px 8px;
  background-position: center top, 29% 2px, 5.5% 7px;
  background-repeat: no-repeat;
}

[data-theme="dark"] body:has(.home-butterfly)::after {
  opacity: 0.95;
  filter: drop-shadow(0 0 10px rgba(0, 148, 255, 0.48));
}

body:has(.home-butterfly) #header-desktop,
body:has(.home-butterfly) #header-mobile,
body:has(.home-butterfly) .wrapper,
body:has(.home-butterfly) .footer {
  position: relative;
  z-index: 1;
}

#header-desktop .header-title a,
#header-mobile .header-title a {
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.045em !important;
}

#header-desktop .header-title a::before,
#header-mobile .header-title a::before {
  filter: drop-shadow(0 0 8px rgba(28, 154, 255, 0.48));
}

.wrapper:has(.home-butterfly) article.summary-home-hud,
.wrapper:has(.home-butterfly) .home-profile-butterfly,
.wrapper:has(.home-butterfly) .home-widget {
  box-shadow:
    0 0 0 1px rgba(88, 191, 255, 0.1),
    0 0 20px rgba(40, 160, 255, 0.18),
    inset 0 0 18px rgba(42, 151, 232, 0.055) !important;
}

[data-theme="dark"] .wrapper:has(.home-butterfly) article.summary-home-hud,
[data-theme="dark"] .wrapper:has(.home-butterfly) .home-profile-butterfly,
[data-theme="dark"] .wrapper:has(.home-butterfly) .home-widget {
  box-shadow:
    0 0 0 1px rgba(88, 191, 255, 0.2),
    0 0 22px rgba(29, 139, 255, 0.42),
    inset 0 0 24px rgba(29, 139, 255, 0.11) !important;
}

/* -------------------------------------------------------------------------- */
/* Home HUD final visual tuning 7: generated background image replacement     */
/* -------------------------------------------------------------------------- */

html:has(.home-butterfly),
body:has(.home-butterfly) {
  min-height: 100vh !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(64, 176, 246, 0.16), transparent 24rem),
    radial-gradient(circle at 84% 16%, rgba(124, 92, 255, 0.1), transparent 23rem),
    #f6fbff !important;
}

html[data-theme="dark"]:has(.home-butterfly),
[data-theme="dark"] body:has(.home-butterfly) {
  background:
    radial-gradient(circle at 16% 18%, rgba(0, 148, 255, 0.16), transparent 25rem),
    radial-gradient(circle at 84% 16%, rgba(124, 92, 255, 0.15), transparent 24rem),
    #020912 !important;
}

body:has(.home-butterfly) main.fi-container.site-has-global-sidebar {
  padding-top: clamp(120px, 14vh, 170px) !important;
}

.wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar {
  margin-top: clamp(95px, 11vh, 140px) !important;
  padding-top: 0 !important;
}

body:has(.home-butterfly) .wrapper {
  min-height: calc(100vh - 60px) !important;
  background: transparent !important;
}

body:has(.home-butterfly)::before,
body:has(.home-butterfly)::after {
  display: none !important;
}

@media (max-width: 680px) {
  html:has(.home-butterfly),
  body:has(.home-butterfly),
  html[data-theme="dark"]:has(.home-butterfly),
  [data-theme="dark"] body:has(.home-butterfly) {
    background-attachment: scroll !important;
    background-position: center 58px !important;
    background-size: 100% calc(100vh - 58px) !important;
  }

  body:has(.home-butterfly) main.fi-container.site-has-global-sidebar {
    padding-top: 24px !important;
  }

  .wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar {
    margin-top: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Home HUD final visual tuning 8: roomier article cards                      */
/* -------------------------------------------------------------------------- */

body:has(.home-butterfly) {
  --hud-final-shell: 1380px;
  --hud-final-content: 1080px;
  --hud-final-card-h: 252px;
  --hud-final-cover-w: 350px;
  --hud-final-pad: 14px;
}

.wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar {
  width: var(--hud-final-shell) !important;
}

.wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar .site-main-column,
.wrapper:has(.home-butterfly) .home-post-grid,
.wrapper:has(.home-butterfly) article.summary-home-hud {
  width: var(--hud-final-content) !important;
  max-width: var(--hud-final-content) !important;
}

.wrapper:has(.home-butterfly) article.summary-home-hud {
  grid-template-columns: var(--hud-final-cover-w) minmax(0, 1fr) !important;
  height: var(--hud-final-card-h) !important;
  min-height: var(--hud-final-card-h) !important;
  padding: var(--hud-final-pad) !important;
  gap: 26px !important;
}

.wrapper:has(.home-butterfly) article.summary-home-hud > .featured-image-preview {
  width: var(--hud-final-cover-w) !important;
  height: calc(var(--hud-final-card-h) - (var(--hud-final-pad) * 2)) !important;
}

.wrapper:has(.home-butterfly) .summary-hud-body {
  height: calc(var(--hud-final-card-h) - (var(--hud-final-pad) * 2)) !important;
  padding: 9px 8px 9px 0 !important;
}

.wrapper:has(.home-butterfly) .summary-hud-taxonomy {
  margin-bottom: 0.58rem !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .single-title {
  margin-bottom: 0.46rem !important;
  font-size: 1.22rem !important;
  line-height: 1.28 !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .post-meta {
  margin-bottom: 0.5rem !important;
  font-size: 0.78rem !important;
  line-height: 1.35 !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .content {
  max-height: none !important;
  font-size: 0.84rem !important;
  line-height: 1.58 !important;
  -webkit-line-clamp: 2 !important;
}

.wrapper:has(.home-butterfly) .summary-home-hud .post-footer {
  min-height: 1.4rem !important;
  align-items: center !important;
  margin-top: auto !important;
}

@media (max-width: 1320px) {
  body:has(.home-butterfly) {
    --hud-final-shell: calc(100vw - 48px);
    --hud-final-content: calc(var(--hud-final-shell) - var(--hud-final-sidebar) - var(--hud-final-gap));
    --hud-final-cover-w: min(340px, 35%);
  }
}

@media (max-width: 680px) {
  body:has(.home-butterfly) {
    --hud-final-content: 100%;
    --hud-final-cover-w: 100%;
    --hud-final-card-h: auto;
  }
}

/* -------------------------------------------------------------------------- */
/* Home HUD final visual tuning 9: sidebar breathing room                     */
/* -------------------------------------------------------------------------- */

.wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar .site-global-sidebar {
  gap: 18px !important;
}

.wrapper:has(.home-butterfly) .home-widget {
  padding: 15px 17px 16px !important;
}

.wrapper:has(.home-butterfly) .home-widget-title {
  margin-bottom: 0.82rem !important;
}

@media (max-width: 680px) {
  .wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar .site-global-sidebar {
    gap: 14px !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Home HUD final visual tuning 10: profile stats alignment                   */
/* -------------------------------------------------------------------------- */

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0 !important;
  padding: 0 !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-stat-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  width: 52px !important;
  min-width: 52px !important;
  min-height: 42px !important;
  padding: 4px 0 !important;
  border-radius: 5px !important;
  gap: 2px !important;
  text-align: center !important;
  line-height: 1.15 !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-stat-item:hover {
  background: rgba(52, 156, 238, 0.16) !important;
}

.wrapper:has(.home-butterfly) .home-profile-butterfly .home-stat-num,
.wrapper:has(.home-butterfly) .home-profile-butterfly .home-stat-label {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

/* -------------------------------------------------------------------------- */
/* Home HUD final visual tuning 11: header search/action alignment            */
/* -------------------------------------------------------------------------- */

#header-desktop:not(.open) .menu .menu-item.search {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#header-desktop .menu .menu-item.search,
#header-desktop .menu .menu-item.theme-switch {
  margin-left: 7px !important;
}

/* -------------------------------------------------------------------------- */
/* Home HUD final visual tuning 12: article tag chip clipping fix             */
/* -------------------------------------------------------------------------- */

.wrapper:has(.home-butterfly) .summary-hud-taxonomy {
  min-height: 26px !important;
  overflow: visible !important;
}

.wrapper:has(.home-butterfly) .summary-hud-chip {
  min-height: 24px !important;
  padding: 3px 10px 4px !important;
  line-height: 16px !important;
  box-sizing: border-box !important;
}

#header-desktop:not(.open) .menu .menu-item.search input {
  display: none !important;
}

#header-desktop .menu .search-button,
#header-desktop .menu .theme-switch {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

#header-desktop:not(.open) .menu .search-clear,
#header-desktop:not(.open) .menu .search-loading {
  display: none !important;
}

#header-desktop .menu .search-button:hover,
#header-desktop .menu .theme-switch:hover {
  background: rgba(47, 171, 255, 0.14) !important;
  box-shadow: none !important;
}

#header-desktop.open .menu .menu-item.search {
  position: relative !important;
  z-index: 1300 !important;
  width: auto !important;
  min-width: 0 !important;
  height: var(--fi-header-height) !important;
  min-height: 0 !important;
  margin-left: 7px !important;
  padding: 0 0.5rem !important;
}

#header-desktop.open .menu .menu-item.search input {
  display: inline-block !important;
  width: 24rem !important;
  height: 2.5rem !important;
  padding: 0 2rem !important;
  color: var(--fi-global-font-color) !important;
  background-color: var(--fi-search-background-color) !important;
  pointer-events: auto !important;
}

#header-desktop.open .menu .menu-item.search .search-button {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 1.25rem !important;
  min-width: 1.25rem !important;
  height: 1.25rem !important;
  min-height: 1.25rem !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

#header-desktop.open .menu .menu-item.search .search-toggle {
  left: 1rem !important;
  right: auto !important;
}

#header-desktop.open .menu .menu-item.search .search-clear,
#header-desktop.open .menu .menu-item.search .search-loading {
  left: auto !important;
  right: 1rem !important;
}

body.blur #header-desktop.open,
body.blur #header-desktop.open .header-wrapper,
body.blur #header-desktop.open .menu,
body.blur #header-desktop.open .menu .menu-item.search {
  z-index: 1300 !important;
}

body.blur .search-dropdown.desktop {
  z-index: 1300 !important;
}

body.blur:has(#header-desktop.open) #mask {
  top: 60px !important;
  height: calc(100% - 60px) !important;
  z-index: 1100 !important;
}

body.blur:has(#header-desktop.open) #header-desktop.open,
body.blur:has(#header-desktop.open) #header-desktop.open .header-wrapper,
body.blur:has(#header-desktop.open) #header-desktop.open .menu,
body.blur:has(#header-desktop.open) #header-desktop.open .menu .menu-item.search {
  z-index: 1200 !important;
}

body.blur:has(#header-desktop.open) .search-dropdown.desktop {
  z-index: 1201 !important;
}

/* -------------------------------------------------------------------------- */
/* Home HUD final visual tuning 13: long-scroll header/sidebar behavior       */
/* -------------------------------------------------------------------------- */

html:has(.home-butterfly),
body:has(.home-butterfly) {
  min-height: 100% !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(64, 176, 246, 0.17), transparent 24rem),
    radial-gradient(circle at 86% 14%, rgba(124, 92, 255, 0.1), transparent 24rem),
    linear-gradient(180deg, #f6fbff 0, #f6fbff calc(100vh + 120px), #eef7ff calc(100vh + 120px)),
    linear-gradient(90deg, rgba(64, 176, 246, 0.055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(64, 176, 246, 0.045) 1px, transparent 1px),
    #eef7ff !important;
  background-size:
    auto,
    auto,
    auto,
    96px 96px,
    96px 96px !important;
  background-attachment: scroll, scroll, scroll, scroll, scroll !important;
}

html[data-theme="dark"]:has(.home-butterfly),
[data-theme="dark"] body:has(.home-butterfly) {
  background:
    radial-gradient(circle at 18% 18%, rgba(0, 148, 255, 0.18), transparent 25rem),
    radial-gradient(circle at 86% 14%, rgba(124, 92, 255, 0.16), transparent 24rem),
    linear-gradient(180deg, #020912 0, #020912 calc(100vh + 120px), #020713 calc(100vh + 120px)),
    linear-gradient(90deg, rgba(46, 126, 230, 0.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(46, 126, 230, 0.07) 1px, transparent 1px),
    #020713 !important;
  background-size:
    auto,
    auto,
    auto,
    96px 96px,
    96px 96px !important;
  background-attachment: scroll, scroll, scroll, scroll, scroll !important;
}

#header-desktop {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  height: 60px !important;
}

#header-desktop .header-wrapper {
  height: 60px !important;
  min-height: 60px !important;
}

.wrapper:has(.home-butterfly) {
  overflow: visible !important;
}

.wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar {
  margin-top: clamp(64px, 7vh, 88px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar .site-main-column {
  padding-bottom: clamp(56px, 9vh, 110px) !important;
  box-sizing: content-box !important;
}

.wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar .site-global-sidebar {
  position: sticky !important;
  top: 84px !important;
  align-self: flex-start !important;
  max-height: calc(100vh - 100px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin;
  padding-right: 2px !important;
}

.wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar .site-global-sidebar::-webkit-scrollbar {
  width: 6px;
}

.wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar .site-global-sidebar::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(69, 189, 255, 0.34);
}

@media (max-width: 680px) {
  html:has(.home-butterfly),
  body:has(.home-butterfly),
  html[data-theme="dark"]:has(.home-butterfly),
  [data-theme="dark"] body:has(.home-butterfly) {
    background-position: center 58px, center top, center top, center top, center top !important;
    background-size: auto, auto, auto, 72px 72px, 72px 72px !important;
  }

  #header-desktop {
    height: auto !important;
  }

  .wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar .site-main-column {
    padding-bottom: clamp(44px, 10vh, 84px) !important;
  }

  .wrapper:has(.home-butterfly) main.fi-container.site-has-global-sidebar .site-global-sidebar {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Home HUD final authority: code-generated background and interactions       */
/* -------------------------------------------------------------------------- */

html:has(.home-butterfly),
body:has(.home-butterfly) {
  --hud-pointer-x: 50vw;
  --hud-pointer-y: 38vh;
  --hud-card-x: 50%;
  --hud-card-y: 50%;
  background:
    radial-gradient(circle at var(--hud-pointer-x) var(--hud-pointer-y), rgba(0, 174, 255, 0.24), transparent 16rem),
    radial-gradient(circle at 12% 16%, rgba(20, 184, 166, 0.2), transparent 22rem),
    radial-gradient(circle at 84% 12%, rgba(124, 92, 255, 0.13), transparent 24rem),
    radial-gradient(circle at 78% 82%, rgba(34, 197, 94, 0.1), transparent 20rem),
    linear-gradient(135deg, #f8fcff 0%, #ecf8ff 38%, #f5fbff 68%, #edf7ff 100%) !important;
  background-attachment: fixed, fixed, fixed, fixed, fixed !important;
  background-size: auto, auto, auto, auto, auto !important;
  animation: hudAmbientDrift 24s ease-in-out infinite alternate;
}

html[data-theme="dark"]:has(.home-butterfly),
[data-theme="dark"] body:has(.home-butterfly) {
  background:
    radial-gradient(circle at var(--hud-pointer-x) var(--hud-pointer-y), rgba(35, 190, 255, 0.26), transparent 17rem),
    radial-gradient(circle at 12% 18%, rgba(0, 214, 201, 0.16), transparent 24rem),
    radial-gradient(circle at 86% 10%, rgba(107, 76, 255, 0.18), transparent 25rem),
    radial-gradient(circle at 76% 86%, rgba(25, 126, 105, 0.12), transparent 22rem),
    linear-gradient(135deg, #020710 0%, #041324 46%, #020913 100%) !important;
  background-attachment: fixed, fixed, fixed, fixed, fixed !important;
  background-size: auto, auto, auto, auto, auto !important;
}

body:has(.home-butterfly)::before {
  display: block !important;
  inset: 60px 0 0 !important;
  opacity: 0.72 !important;
  background:
    linear-gradient(90deg, rgba(48, 160, 255, 0.1) 1px, transparent 1px),
    linear-gradient(180deg, rgba(48, 160, 255, 0.085) 1px, transparent 1px),
    linear-gradient(90deg, transparent 0 9%, rgba(20, 184, 166, 0.28) 9% calc(9% + 1px), transparent calc(9% + 1px) 100%),
    linear-gradient(90deg, transparent 0 calc(100% - 9%), rgba(89, 151, 255, 0.26) calc(100% - 9%) calc(100% - 9% + 1px), transparent calc(100% - 9% + 1px)),
    linear-gradient(135deg, transparent 0 47%, rgba(55, 189, 248, 0.22) 47.2% 47.8%, transparent 48%),
    linear-gradient(45deg, transparent 0 52%, rgba(129, 140, 248, 0.16) 52.2% 52.8%, transparent 53%);
  background-size: 72px 72px, 72px 72px, 360px 100%, 390px 100%, 380px 260px, 420px 280px;
  background-position: center top, center top, left top, right top, left bottom, right 90px top 90px;
  background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  filter: none !important;
  mask-image: linear-gradient(90deg, #000 0 18%, transparent 34% 66%, #000 82% 100%);
  animation: hudGridFlow 18s linear infinite;
}

[data-theme="dark"] body:has(.home-butterfly)::before {
  opacity: 0.86 !important;
  filter: drop-shadow(0 0 10px rgba(31, 176, 255, 0.28)) !important;
}

body:has(.home-butterfly)::after {
  display: block !important;
  inset: 0 !important;
  opacity: 0.78 !important;
  background:
    radial-gradient(circle at var(--hud-pointer-x) var(--hud-pointer-y), rgba(24, 178, 255, 0.26), transparent 13rem),
    linear-gradient(110deg, transparent 0 34%, rgba(34, 211, 238, 0.22) 35%, transparent 37%),
    linear-gradient(70deg, transparent 0 58%, rgba(132, 204, 22, 0.12) 59%, transparent 61%),
    linear-gradient(90deg, transparent 0 10%, rgba(59, 130, 246, 0.28) 10% 18%, transparent 18% 58%, rgba(20, 184, 166, 0.2) 58% 72%, transparent 72%);
  background-size: auto, 56rem 100%, 44rem 100%, 100% 1px;
  background-position: center, -58rem 0, 100vw 0, center 22px;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat-y;
  mix-blend-mode: normal;
  animation: hudSweep 10s ease-in-out infinite;
}

[data-theme="dark"] body:has(.home-butterfly)::after {
  opacity: 0.95 !important;
  mix-blend-mode: screen;
}

.wrapper:has(.home-butterfly)::before {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 60px 0 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: 0.66 !important;
  background:
    conic-gradient(from 90deg at 10% 24%, transparent 0 23%, rgba(35, 188, 255, 0.26) 24% 25%, transparent 26%),
    conic-gradient(from 270deg at 90% 34%, transparent 0 23%, rgba(124, 92, 255, 0.22) 24% 25%, transparent 26%),
    linear-gradient(90deg, transparent 0 12%, rgba(34, 211, 238, 0.18) 12% 18%, transparent 18%),
    linear-gradient(90deg, transparent 0 82%, rgba(20, 184, 166, 0.16) 82% 89%, transparent 89%);
  background-size: 42rem 32rem, 44rem 34rem, 100% 2px, 100% 2px;
  background-position: left 6rem top 5rem, right 4rem top 7rem, center 29%, center 74%;
  background-repeat: no-repeat;
  animation: hudRailPulse 8s ease-in-out infinite;
}

.wrapper:has(.home-butterfly)::after {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 60px 0 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: 0.34 !important;
  background:
    linear-gradient(180deg, transparent 0, rgba(255, 255, 255, 0.42) 50%, transparent 100%) left 0 top -35vh / 100% 26vh no-repeat,
    linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.24), transparent) center top / 64% 1px repeat-y;
  animation: hudVerticalScan 9s ease-in-out infinite;
}

[data-theme="dark"] .wrapper:has(.home-butterfly)::after {
  opacity: 0.42 !important;
  background:
    linear-gradient(180deg, transparent 0, rgba(73, 190, 255, 0.2) 50%, transparent 100%) left 0 top -35vh / 100% 26vh no-repeat,
    linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.3), transparent) center top / 64% 1px repeat-y;
}

.wrapper:has(.home-butterfly) article.summary-home-hud::before,
.wrapper:has(.home-butterfly) .home-profile-butterfly::before,
.wrapper:has(.home-butterfly) .home-widget::before {
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.18), transparent 9rem),
    linear-gradient(90deg, var(--hud-accent-2), transparent 5rem) left top / 34% 1px no-repeat,
    linear-gradient(180deg, var(--hud-accent-2), transparent 4rem) right top / 1px 40% no-repeat,
    linear-gradient(270deg, var(--hud-accent-2), transparent 5rem) right bottom / 30% 1px no-repeat,
    linear-gradient(0deg, var(--hud-accent-2), transparent 4rem) left bottom / 1px 38% no-repeat !important;
}

@media (prefers-reduced-motion: reduce) {
  html:has(.home-butterfly),
  body:has(.home-butterfly),
  body:has(.home-butterfly)::before,
  body:has(.home-butterfly)::after,
  .wrapper:has(.home-butterfly)::before,
  .wrapper:has(.home-butterfly)::after {
    animation: none !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Home HUD final cleanup: thin generated light field                         */
/* -------------------------------------------------------------------------- */

body:has(.home-butterfly)::before {
  display: block !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  background:
    linear-gradient(90deg, rgba(48, 160, 255, 0.1) 1px, transparent 1px),
    linear-gradient(180deg, rgba(48, 160, 255, 0.085) 1px, transparent 1px),
    linear-gradient(90deg, transparent 0 4.2%, rgba(20, 184, 166, 0.24) 4.2% calc(4.2% + 1px), transparent calc(4.2% + 1px) 100%),
    linear-gradient(90deg, transparent 0 95.8%, rgba(89, 151, 255, 0.22) 95.8% calc(95.8% + 1px), transparent calc(95.8% + 1px) 100%) !important;
  background-size: 72px 72px, 72px 72px, 100% 100%, 100% 100% !important;
  background-position: center top, center top, center top, center top !important;
  background-repeat: repeat, repeat, no-repeat, no-repeat !important;
}

body:has(.home-butterfly)::after {
  display: block !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  background:
    radial-gradient(circle at var(--hud-pointer-x) var(--hud-pointer-y), rgba(24, 178, 255, 0.24), transparent 13rem),
    linear-gradient(115deg, transparent 0 calc(50% - 1px), rgba(34, 211, 238, 0.18) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)),
    linear-gradient(45deg, transparent 0 calc(50% - 1px), rgba(132, 204, 22, 0.12) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) !important;
  background-size: auto, 30rem 22rem, 28rem 22rem !important;
  background-position: center, left -4rem bottom -2rem, right -3rem top 11rem !important;
  background-repeat: no-repeat !important;
  animation: hudRailPulse 8s ease-in-out infinite !important;
}

.wrapper:has(.home-butterfly)::before {
  display: block !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  background:
    linear-gradient(90deg, transparent 0 12%, rgba(34, 211, 238, 0.18) 12% 18%, transparent 18%),
    linear-gradient(90deg, transparent 0 82%, rgba(20, 184, 166, 0.16) 82% 89%, transparent 89%),
    linear-gradient(180deg, transparent 0 16%, rgba(34, 211, 238, 0.2) 16% 42%, transparent 42%),
    linear-gradient(180deg, transparent 0 20%, rgba(124, 92, 255, 0.16) 20% 48%, transparent 48%) !important;
  background-size: 100% 2px, 100% 2px, 2px 70%, 2px 64% !important;
  background-position: center 29%, center 74%, left 4.2rem top 6rem, right 4.6rem top 9rem !important;
  background-repeat: no-repeat !important;
}

.wrapper:has(.home-butterfly)::after {
  display: block !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  opacity: 0.18 !important;
  background:
    linear-gradient(180deg, transparent 0, rgba(255, 255, 255, 0.34) 50%, transparent 100%) left 0 top -12vh / 100% 8vh no-repeat,
    linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.24), transparent) center top / 64% 1px repeat-y !important;
}

[data-theme="dark"] .wrapper:has(.home-butterfly)::after {
  opacity: 0.24 !important;
  background:
    linear-gradient(180deg, transparent 0, rgba(73, 190, 255, 0.2) 50%, transparent 100%) left 0 top -12vh / 100% 8vh no-repeat,
    linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.3), transparent) center top / 64% 1px repeat-y !important;
}
/* -------------------------------------------------------------------------- */
/* HUD shell final profile card parity: absolute last override                */
/* -------------------------------------------------------------------------- */

body.hud-shell .home-profile-butterfly {
  height: 226px !important;
  min-height: 226px !important;
  padding: 16px 18px 18px !important;
}

body.hud-shell .home-profile-butterfly .home-avatar {
  margin-bottom: 0.42rem !important;
}

body.hud-shell .home-profile-butterfly .home-avatar img {
  width: 68px !important;
  height: 68px !important;
  border: 1px solid rgba(90, 205, 255, 0.92) !important;
  box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.09), 0 0 22px rgba(40, 190, 255, 0.7) !important;
}

body.hud-shell .home-profile-butterfly .home-stats {
  margin: 0.48rem 0 0.28rem !important;
}

body.hud-shell .home-profile-butterfly .home-stat-num {
  font-size: 16px !important;
  line-height: 18.4px !important;
}

body.hud-shell .home-profile-butterfly .home-stat-label {
  font-size: 11.52px !important;
  line-height: 13.25px !important;
}

body.hud-shell .home-profile-butterfly .home-title {
  width: 100% !important;
  min-height: 8px !important;
  margin: 6.72px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 14.72px !important;
  line-height: 18.4px !important;
  text-align: center !important;
}

body.hud-shell .home-profile-butterfly .home-title:empty {
  font-size: 0 !important;
  line-height: 0 !important;
}

body.hud-shell .home-profile-butterfly .home-subtitle {
  width: 100% !important;
  min-height: 24px !important;
  margin: 8px 0 5.76px !important;
  font-size: 13.28px !important;
  line-height: 24px !important;
  text-align: center !important;
}

body.hud-shell .home-profile-butterfly .links {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  gap: 9.92px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 16px !important;
}
/* -------------------------------------------------------------------------- */
/* HUD shell final profile card parity: high specificity lock                 */
/* -------------------------------------------------------------------------- */

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar .home-profile-butterfly {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 238px !important;
  min-height: 238px !important;
  padding: 16px 18px 28px !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar .home-profile-butterfly .home-avatar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  width: 70px !important;
  height: 70px !important;
  margin-bottom: 0.42rem !important;
  line-height: 0 !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar .home-profile-butterfly .home-avatar img {
  width: 68px !important;
  height: 68px !important;
  border: 1px solid rgba(90, 205, 255, 0.92) !important;
  box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.09), 0 0 22px rgba(40, 190, 255, 0.7) !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar .home-profile-butterfly .home-stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0.48rem 0 0.28rem !important;
  padding: 0 !important;
  justify-content: initial !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar .home-profile-butterfly .home-stat-item {
  width: auto !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  text-align: center !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar .home-profile-butterfly .home-stat-num {
  font-size: 16px !important;
  line-height: 18.4px !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar .home-profile-butterfly .home-stat-label {
  font-size: 11.52px !important;
  line-height: 13.25px !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar .home-profile-butterfly .home-title {
  width: 100% !important;
  min-height: 8px !important;
  margin: 6.72px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(88, 196, 255, 0.28) !important;
  font-size: 14.72px !important;
  line-height: 18.4px !important;
  text-align: center !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar .home-profile-butterfly .home-title:empty {
  font-size: 0 !important;
  line-height: 0 !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar .home-profile-butterfly .home-subtitle {
  width: 100% !important;
  min-height: 24px !important;
  margin: 8px 0 5.76px !important;
  font-size: 13.28px !important;
  line-height: 24px !important;
  text-align: center !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar .home-profile-butterfly .links {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  gap: 9.92px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 16px !important;
}

body.hud-shell::after,
body:has(.home-butterfly)::after {
  inset: 0 !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar > .home-widget {
  padding: 13px 16px var(--hud-widget-bottom-pad, 14px) !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar > .home-widget-notice {
  --hud-widget-bottom-pad: 14px;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar > .home-widget-latest,
body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar > .home-widget-tags,
body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar > .home-widget-meta {
  --hud-widget-bottom-pad: 28px;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar .home-widget-latest .home-latest-bottom-space {
  display: block !important;
  height: 18px !important;
}

/* -------------------------------------------------------------------------- */
/* HUD shared content pages                                                   */
/* -------------------------------------------------------------------------- */

body.hud-shell {
  --hud-page-panel: rgba(255, 255, 255, 0.82);
  --hud-page-panel-strong: rgba(255, 255, 255, 0.92);
  --hud-page-border: rgba(58, 178, 255, 0.46);
  --hud-page-border-strong: rgba(52, 210, 255, 0.78);
  --hud-page-text: #102033;
  --hud-page-muted: #65778b;
  --hud-page-accent: #158bd6;
  --hud-page-accent-2: #18c7ff;
  --hud-page-soft: rgba(38, 144, 224, 0.1);
  --hud-page-line: rgba(54, 180, 255, 0.22);
  --hud-page-glow: rgba(38, 174, 255, 0.2);
}

[data-theme="dark"] body.hud-shell,
body.hud-shell[data-theme="dark"] {
  --hud-page-panel: rgba(3, 16, 31, 0.78);
  --hud-page-panel-strong: rgba(4, 20, 39, 0.92);
  --hud-page-border: rgba(70, 183, 255, 0.62);
  --hud-page-border-strong: rgba(90, 215, 255, 0.9);
  --hud-page-text: #e8f5ff;
  --hud-page-muted: #a7b9ce;
  --hud-page-accent: #45bdff;
  --hud-page-accent-2: #15e5ff;
  --hud-page-soft: rgba(50, 160, 235, 0.13);
  --hud-page-line: rgba(74, 194, 255, 0.28);
  --hud-page-glow: rgba(42, 174, 255, 0.34);
}

body.hud-shell .site-main-column > .page:not(.home),
body.hud-shell .site-main-column > .page-wrapper,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) article.page.single,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) .aside-collection,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) #toc-auto {
  position: relative !important;
  overflow: hidden !important;
  color: var(--hud-page-text) !important;
  border: 1px solid var(--hud-page-border) !important;
  border-radius: 9px !important;
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.12), transparent 12rem),
    linear-gradient(135deg, var(--hud-page-panel-strong), var(--hud-page-panel)) !important;
  box-shadow:
    0 0 0 1px rgba(88, 191, 255, 0.14),
    0 0 24px var(--hud-page-glow),
    inset 0 0 24px rgba(42, 151, 232, 0.08) !important;
  backdrop-filter: blur(16px);
}

body.hud-shell .site-main-column > .page:not(.home),
body.hud-shell .site-main-column > .page-wrapper,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) article.page.single {
  padding: clamp(1.15rem, 2vw, 1.55rem) !important;
  box-sizing: border-box !important;
}

body.hud-shell .site-main-column > .page:not(.home)::before,
body.hud-shell .site-main-column > .page-wrapper::before,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) article.page.single::before,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) .aside-collection::before,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) #toc-auto::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(90deg, var(--hud-page-accent-2), transparent 6rem) left top / 38% 1px no-repeat,
    linear-gradient(180deg, var(--hud-page-accent-2), transparent 5rem) right top / 1px 42% no-repeat,
    linear-gradient(270deg, var(--hud-page-accent-2), transparent 6rem) right bottom / 34% 1px no-repeat,
    linear-gradient(0deg, var(--hud-page-accent-2), transparent 5rem) left bottom / 1px 38% no-repeat !important;
  opacity: 0.86 !important;
}

body.hud-shell .site-main-column > .page:not(.home)::after,
body.hud-shell .site-main-column > .page-wrapper::after,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) article.page.single::after,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) .aside-collection::after,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) #toc-auto::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 14px !important;
  height: 14px !important;
  pointer-events: none !important;
  background: var(--hud-page-accent-2) !important;
  clip-path: polygon(100% 0, 100% 100%, 0 0) !important;
  filter: drop-shadow(0 0 8px var(--hud-page-accent-2)) !important;
}

body.hud-shell .site-main-column > .page:not(.home):hover,
body.hud-shell .site-main-column > .page-wrapper:hover,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) article.page.single:hover {
  border-color: var(--hud-page-border-strong) !important;
  box-shadow:
    0 0 0 1px rgba(88, 191, 255, 0.2),
    0 0 30px var(--hud-page-glow),
    inset 0 0 28px rgba(42, 151, 232, 0.11) !important;
}

body.hud-shell .site-main-column > .page:not(.home) a,
body.hud-shell .site-main-column > .page-wrapper a,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) article.page.single a {
  color: var(--hud-page-accent) !important;
}

body.hud-shell .site-main-column > .page:not(.home) a:hover,
body.hud-shell .site-main-column > .page-wrapper a:hover,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) article.page.single a:hover {
  color: var(--hud-page-accent-2) !important;
  text-shadow: 0 0 10px var(--hud-page-glow);
}

body.hud-shell .site-tl-page .single-title,
body.hud-shell .site-tl-page .site-tl-page-title,
body.hud-shell .page-title,
body.hud-shell article.page.single .single-title {
  color: var(--hud-page-text) !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 16px rgba(42, 190, 255, 0.18);
}

body.hud-shell article.page.single .header,
body.hud-shell article.page.single .post-meta {
  position: relative !important;
  z-index: 1 !important;
  text-align: center !important;
}

body.hud-shell article.page.single .single-title {
  text-align: center !important;
  margin: 0 0 0.7rem !important;
  padding: 0 !important;
  border: 0 !important;
}

body.hud-shell article.page.single .post-meta {
  color: var(--hud-page-muted) !important;
  margin-bottom: 1.1rem !important;
}

body.hud-shell article.page.single .featured-image {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  border: 1px solid var(--hud-page-line) !important;
  border-radius: 7px !important;
  box-shadow: 0 0 22px rgba(42, 174, 255, 0.14) !important;
}

body.hud-shell article.page.single .content {
  position: relative !important;
  z-index: 1 !important;
  color: var(--hud-page-muted) !important;
}

body.hud-shell article.page.single .content h1,
body.hud-shell article.page.single .content h2,
body.hud-shell article.page.single .content h3,
body.hud-shell article.page.single .content h4 {
  color: var(--hud-page-text) !important;
  border-bottom-color: var(--hud-page-line) !important;
}

body.hud-shell article.page.single .content h2 {
  padding-top: 0.35rem !important;
}

body.hud-shell article.page.single .content blockquote,
body.hud-shell article.page.single .content table,
body.hud-shell article.page.single .content pre {
  border-color: var(--hud-page-line) !important;
  background: rgba(38, 144, 224, 0.08) !important;
}

body.hud-shell main.fi-container:not(.site-has-global-sidebar) .aside-collection,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) #toc-auto {
  padding: 0.85rem 0.95rem !important;
  color: var(--hud-page-muted) !important;
}

body.hud-shell main.fi-container:not(.site-has-global-sidebar) #toc-auto .toc-title,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) .aside-collection .collection-title,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) .aside-collection .related-title {
  color: var(--hud-page-text) !important;
  border-bottom-color: var(--hud-page-line) !important;
}

body.hud-shell .site-tl-page {
  --site-tl-line: var(--hud-page-accent);
  --site-tl-year-node: var(--hud-page-accent-2);
  --site-tl-branch-node: #8b7cff;
  --site-tl-post-node: var(--hud-page-accent);
}

body.hud-shell .site-archive-page-heading,
body.hud-shell .site-tl-page-heading,
body.hud-shell .bookmark-page-head {
  position: relative !important;
  z-index: 1 !important;
  padding-bottom: 0.9rem !important;
  margin-bottom: 1.2rem !important;
  border-bottom: 1px solid var(--hud-page-line) !important;
}

body.hud-shell .site-tl-year-label,
body.hud-shell .site-tl-branch-title {
  color: var(--hud-page-text) !important;
  text-shadow: 0 0 12px rgba(42, 190, 255, 0.14);
}

body.hud-shell .site-timeline-rail::before {
  background: linear-gradient(180deg, transparent, var(--hud-page-accent-2), var(--hud-page-accent), transparent) !important;
  box-shadow: 0 0 14px var(--hud-page-glow) !important;
}

body.hud-shell .site-tl-node {
  background: var(--hud-page-panel-strong) !important;
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.14), 0 0 12px var(--hud-page-glow) !important;
}

body.hud-shell .site-tl-card-link {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--hud-page-line) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.12), transparent 9rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.58), var(--hud-page-soft)) !important;
  color: var(--hud-page-text) !important;
  box-shadow: inset 0 0 18px rgba(42, 151, 232, 0.055) !important;
}

[data-theme="dark"] body.hud-shell .site-tl-card-link,
body.hud-shell[data-theme="dark"] .site-tl-card-link {
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.14), transparent 9rem),
    linear-gradient(135deg, rgba(4, 20, 39, 0.8), rgba(4, 14, 28, 0.7)) !important;
}

body.hud-shell .site-tl-card-link:hover {
  border-color: var(--hud-page-border-strong) !important;
  box-shadow: 0 0 20px var(--hud-page-glow), inset 0 0 22px rgba(42, 151, 232, 0.1) !important;
  transform: translateY(-2px) !important;
}

body.hud-shell .site-tl-card-thumb {
  border: 1px solid var(--hud-page-line) !important;
  background:
    radial-gradient(circle at center, rgba(24, 199, 255, 0.16), transparent 58%),
    rgba(38, 144, 224, 0.08) !important;
}

body.hud-shell .site-tl-card-title {
  color: var(--hud-page-text) !important;
}

body.hud-shell .site-tl-card-meta,
body.hud-shell .site-tl-count,
body.hud-shell .bookmark-count {
  color: var(--hud-page-muted) !important;
}

body.hud-shell .site-cat-tree {
  position: relative !important;
  z-index: 1 !important;
  --site-cat-bullet: var(--hud-page-accent);
  --site-cat-bullet-active: var(--hud-page-accent-2);
  --site-cat-text: var(--hud-page-text);
  --site-cat-muted: var(--hud-page-muted);
}

body.hud-shell .site-cat-tree__list--nested {
  border-left-color: var(--hud-page-line) !important;
}

body.hud-shell .site-cat-tree__link {
  padding: 0.38rem 0.55rem !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
}

body.hud-shell .site-cat-tree__link:hover {
  border-color: var(--hud-page-line) !important;
  background: var(--hud-page-soft) !important;
  box-shadow: 0 0 14px var(--hud-page-glow) !important;
}

body.hud-shell .page.archive .tags.site-tags-cloud {
  position: relative !important;
  z-index: 1 !important;
  gap: 0.7rem !important;
}

body.hud-shell .page.archive .tags.site-tags-cloud .tag-item.site-tag-chip,
body.hud-shell .bookmark-tab {
  border: 1px solid var(--hud-page-line) !important;
  border-radius: 6px !important;
  background: var(--hud-page-soft) !important;
  color: var(--hud-page-accent) !important;
  box-shadow: inset 0 0 14px rgba(42, 151, 232, 0.06) !important;
}

body.hud-shell .page.archive .tags.site-tags-cloud .tag-item.site-tag-chip:hover,
body.hud-shell .bookmark-tab:hover,
body.hud-shell .bookmark-tab.active {
  border-color: var(--hud-page-border-strong) !important;
  color: var(--hud-page-accent-2) !important;
  background: rgba(42, 177, 255, 0.16) !important;
  box-shadow: 0 0 16px var(--hud-page-glow), inset 0 0 16px rgba(42, 151, 232, 0.1) !important;
  transform: translateY(-2px) !important;
}

body.hud-shell .page.archive .tags.site-tags-cloud .site-tag-chip__count {
  background: rgba(42, 177, 255, 0.14) !important;
  color: var(--hud-page-muted) !important;
}

body.hud-shell .page-wrapper {
  padding-block: clamp(1.15rem, 2vw, 1.55rem) !important;
}

body.hud-shell .bookmark-page-head,
body.hud-shell .bookmark-board-inner {
  padding-inline: 0 !important;
}

body.hud-shell .bookmark-page-head .page-title {
  text-align: left !important;
}

body.hud-shell .bookmark-tabs {
  border-bottom-color: var(--hud-page-line) !important;
}

body.hud-shell .bookmark-group {
  position: relative !important;
  z-index: 1 !important;
  gap: 0.9rem !important;
}

body.hud-shell .bookmark-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--hud-page-line) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.12), transparent 8rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.62), var(--hud-page-soft)) !important;
  color: var(--hud-page-text) !important;
  box-shadow: inset 0 0 18px rgba(42, 151, 232, 0.06) !important;
}

[data-theme="dark"] body.hud-shell .bookmark-card,
body.hud-shell[data-theme="dark"] .bookmark-card {
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.13), transparent 8rem),
    linear-gradient(135deg, rgba(4, 20, 39, 0.82), rgba(4, 14, 28, 0.72)) !important;
}

body.hud-shell .bookmark-card::after {
  background: linear-gradient(90deg, var(--hud-page-accent), var(--hud-page-accent-2)) !important;
}

body.hud-shell .bookmark-card:hover {
  border-color: var(--hud-page-border-strong) !important;
  box-shadow: 0 0 18px var(--hud-page-glow), inset 0 0 20px rgba(42, 151, 232, 0.1) !important;
  transform: translateY(-3px) !important;
}

body.hud-shell .bookmark-title {
  color: var(--hud-page-text) !important;
}

body.hud-shell .bookmark-desc {
  color: var(--hud-page-muted) !important;
}

body.hud-shell .page.archive > .single-title {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  margin: 0 0 1.15rem !important;
  padding: 0 0 0.9rem !important;
  border-bottom: 1px solid var(--hud-page-line) !important;
  color: var(--hud-page-text) !important;
  text-align: center !important;
}

body.hud-shell .page.archive > .single-title sup,
body.hud-shell .site-tl-page .site-tl-page-title sup {
  color: var(--hud-page-accent-2) !important;
  text-shadow: 0 0 12px var(--hud-page-glow);
}

body.hud-shell .site-timeline-rail > .group-title {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 0 0.85rem !important;
  padding: 0.15rem 0 0.4rem !important;
  border-bottom: 1px solid var(--hud-page-line) !important;
  color: var(--hud-page-text) !important;
  font-size: 1rem !important;
}

body.hud-shell .site-timeline-rail > .archive-item {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 0 1rem !important;
  padding: 0.68rem 0.85rem !important;
  border: 1px solid var(--hud-page-line) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.1), transparent 8rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.56), var(--hud-page-soft)) !important;
  box-shadow: inset 0 0 16px rgba(42, 151, 232, 0.05) !important;
}

[data-theme="dark"] body.hud-shell .site-timeline-rail > .archive-item,
body.hud-shell[data-theme="dark"] .site-timeline-rail > .archive-item {
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.12), transparent 8rem),
    linear-gradient(135deg, rgba(4, 20, 39, 0.76), rgba(4, 14, 28, 0.68)) !important;
}

body.hud-shell .site-timeline-rail > .archive-item:hover {
  border-color: var(--hud-page-border-strong) !important;
  box-shadow: 0 0 16px var(--hud-page-glow), inset 0 0 18px rgba(42, 151, 232, 0.09) !important;
  transform: translateY(-2px);
}

body.hud-shell .site-timeline-rail > .archive-item .archive-item-link {
  color: var(--hud-page-text) !important;
}

body.hud-shell .site-timeline-rail > .archive-item .archive-item-date {
  color: var(--hud-page-muted) !important;
}

@media (max-width: 900px) {
  body.hud-shell .site-main-column > .page:not(.home),
  body.hud-shell .site-main-column > .page-wrapper,
  body.hud-shell main.fi-container:not(.site-has-global-sidebar) article.page.single {
    padding: 1rem !important;
  }

  body.hud-shell .site-tl-card-link {
    gap: 0.75rem !important;
  }
}

@media (max-width: 680px) {
  body.hud-shell .site-main-column > .page:not(.home),
  body.hud-shell .site-main-column > .page-wrapper,
  body.hud-shell main.fi-container:not(.site-has-global-sidebar) article.page.single {
    border-radius: 8px !important;
  }

  body.hud-shell .site-tl-card-link {
    flex-direction: column !important;
  }
}

/* Non-home HUD pages should not inherit the broad ambient glows from the
   home scene; the moving canvas glow stays in charge of pointer feedback. */
html:has(body.hud-shell):not(:has(.page.home)),
body.hud-shell:not(:has(.page.home)) {
  background:
    linear-gradient(90deg, rgba(78, 166, 230, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(78, 166, 230, 0.035) 1px, transparent 1px),
    linear-gradient(135deg, #f8fcff 0%, #eef8ff 48%, #f6fbff 100%) !important;
  background-attachment: fixed, fixed, fixed !important;
  background-size: 96px 96px, 96px 96px, auto !important;
  background-position: center top, center top, center !important;
  animation: none !important;
}

html[data-theme="dark"]:has(body.hud-shell):not(:has(.page.home)),
[data-theme="dark"] body.hud-shell:not(:has(.page.home)),
body.hud-shell[data-theme="dark"]:not(:has(.page.home)) {
  background:
    linear-gradient(90deg, rgba(78, 166, 230, 0.085) 1px, transparent 1px),
    linear-gradient(180deg, rgba(78, 166, 230, 0.07) 1px, transparent 1px),
    linear-gradient(135deg, #020710 0%, #041324 46%, #020913 100%) !important;
  background-attachment: fixed, fixed, fixed !important;
  background-size: 96px 96px, 96px 96px, auto !important;
  background-position: center top, center top, center !important;
}

body.hud-shell:not(:has(.page.home))::after {
  background:
    linear-gradient(115deg, transparent 0 calc(50% - 1px), rgba(34, 211, 238, 0.18) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)),
    linear-gradient(45deg, transparent 0 calc(50% - 1px), rgba(132, 204, 22, 0.12) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) !important;
  background-size: 30rem 22rem, 28rem 22rem !important;
  background-position: left -4rem bottom -2rem, right -3rem top 11rem !important;
  background-repeat: no-repeat !important;
  opacity: 0.78 !important;
}

[data-theme="dark"] body.hud-shell:not(:has(.page.home))::after,
body.hud-shell[data-theme="dark"]:not(:has(.page.home))::after {
  opacity: 0.78 !important;
  mix-blend-mode: screen;
}

/* Non-home glow boundary: only sidebar/content cards and the canvas pointer may glow. */
html:has(body.hud-shell):not(:has(.page.home)),
body.hud-shell:not(:has(.page.home)),
html[data-theme="dark"]:has(body.hud-shell):not(:has(.page.home)),
[data-theme="dark"] body.hud-shell:not(:has(.page.home)),
body.hud-shell[data-theme="dark"]:not(:has(.page.home)) {
  background-image:
    linear-gradient(90deg, rgba(78, 166, 230, 0.055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(78, 166, 230, 0.045) 1px, transparent 1px) !important;
  background-size: 96px 96px, 96px 96px !important;
  background-attachment: fixed, fixed !important;
  background-position: center top, center top !important;
  animation: none !important;
}

html:not([data-theme="dark"]):has(body.hud-shell):not(:has(.page.home)),
html:not([data-theme="dark"]) body.hud-shell:not(:has(.page.home)) {
  background-color: #f8fcff !important;
}

html[data-theme="dark"]:has(body.hud-shell):not(:has(.page.home)),
[data-theme="dark"] body.hud-shell:not(:has(.page.home)),
body.hud-shell[data-theme="dark"]:not(:has(.page.home)) {
  background:
    linear-gradient(90deg, rgba(78, 166, 230, 0.075) 1px, transparent 1px),
    linear-gradient(180deg, rgba(78, 166, 230, 0.06) 1px, transparent 1px),
    linear-gradient(135deg, #06121f 0%, #08223a 48%, #061425 100%) !important;
  background-size: 96px 96px, 96px 96px, auto !important;
  background-attachment: fixed, fixed, fixed !important;
  background-position: center top, center top, center !important;
}

body.hud-shell:not(:has(.page.home))::after,
body.hud-shell:not(:has(.page.home)) .wrapper.hud-shell-wrapper::before,
body.hud-shell:not(:has(.page.home)) .wrapper.hud-shell-wrapper::after {
  display: none !important;
  content: none !important;
  background: none !important;
  animation: none !important;
}

body.hud-shell:not(:has(.page.home))::before {
  filter: none !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar > .home-profile-butterfly,
body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar > .home-widget {
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.035), transparent 2.2rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(236, 248, 255, 0.58)) !important;
  box-shadow:
    0 0 0 1px rgba(88, 191, 255, 0.12),
    0 0 5px rgba(38, 174, 255, 0.08),
    inset 0 0 7px rgba(42, 151, 232, 0.04) !important;
}

[data-theme="dark"] body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar > .home-profile-butterfly,
[data-theme="dark"] body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar > .home-widget,
body.hud-shell[data-theme="dark"] .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar > .home-profile-butterfly,
body.hud-shell[data-theme="dark"] .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar > .home-widget {
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.04), transparent 2.2rem),
    linear-gradient(135deg, rgba(4, 20, 39, 0.82), rgba(4, 14, 28, 0.7)) !important;
  box-shadow:
    0 0 0 1px rgba(88, 191, 255, 0.16),
    0 0 6px rgba(42, 174, 255, 0.1),
    inset 0 0 8px rgba(42, 151, 232, 0.05) !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar .home-profile-butterfly .home-avatar img {
  box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.09), 0 0 22px rgba(40, 190, 255, 0.7) !important;
}

body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar > .home-profile-butterfly::before,
body.hud-shell .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar > .home-widget::before {
  background:
    linear-gradient(90deg, var(--hud-accent-2), transparent 3.2rem) left top / 28% 1px no-repeat,
    linear-gradient(180deg, var(--hud-accent-2), transparent 2.8rem) right top / 1px 34% no-repeat,
    linear-gradient(270deg, var(--hud-accent-2), transparent 3.2rem) right bottom / 24% 1px no-repeat,
    linear-gradient(0deg, var(--hud-accent-2), transparent 2.8rem) left bottom / 1px 32% no-repeat !important;
  opacity: 0.64 !important;
}

body.hud-shell .site-main-column > .page:not(.home),
body.hud-shell .site-main-column > .page-wrapper,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) article.page.single,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) .aside-collection,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) #toc-auto {
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.04), transparent 3rem),
    linear-gradient(135deg, var(--hud-page-panel-strong), var(--hud-page-panel)) !important;
  box-shadow:
    0 0 0 1px rgba(88, 191, 255, 0.11),
    0 0 10px rgba(38, 174, 255, 0.1),
    inset 0 0 12px rgba(42, 151, 232, 0.055) !important;
}

[data-theme="dark"] body.hud-shell .site-main-column > .page:not(.home),
[data-theme="dark"] body.hud-shell .site-main-column > .page-wrapper,
[data-theme="dark"] body.hud-shell main.fi-container:not(.site-has-global-sidebar) article.page.single,
[data-theme="dark"] body.hud-shell main.fi-container:not(.site-has-global-sidebar) .aside-collection,
[data-theme="dark"] body.hud-shell main.fi-container:not(.site-has-global-sidebar) #toc-auto,
body.hud-shell[data-theme="dark"] .site-main-column > .page:not(.home),
body.hud-shell[data-theme="dark"] .site-main-column > .page-wrapper,
body.hud-shell[data-theme="dark"] main.fi-container:not(.site-has-global-sidebar) article.page.single,
body.hud-shell[data-theme="dark"] main.fi-container:not(.site-has-global-sidebar) .aside-collection,
body.hud-shell[data-theme="dark"] main.fi-container:not(.site-has-global-sidebar) #toc-auto {
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.05), transparent 3rem),
    linear-gradient(135deg, var(--hud-page-panel-strong), var(--hud-page-panel)) !important;
  box-shadow:
    0 0 0 1px rgba(88, 191, 255, 0.14),
    0 0 12px rgba(42, 174, 255, 0.14),
    inset 0 0 14px rgba(42, 151, 232, 0.065) !important;
}

body.hud-shell .site-main-column > .page:not(.home):hover,
body.hud-shell .site-main-column > .page-wrapper:hover,
body.hud-shell main.fi-container:not(.site-has-global-sidebar) article.page.single:hover {
  box-shadow:
    0 0 0 1px rgba(88, 191, 255, 0.16),
    0 0 14px rgba(42, 174, 255, 0.14),
    inset 0 0 14px rgba(42, 151, 232, 0.075) !important;
}

body.hud-shell .site-tl-card-link,
body.hud-shell .bookmark-card,
body.hud-shell .site-timeline-rail > .archive-item {
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.04), transparent 2.8rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.58), var(--hud-page-soft)) !important;
}

[data-theme="dark"] body.hud-shell .site-tl-card-link,
[data-theme="dark"] body.hud-shell .bookmark-card,
[data-theme="dark"] body.hud-shell .site-timeline-rail > .archive-item,
body.hud-shell[data-theme="dark"] .site-tl-card-link,
body.hud-shell[data-theme="dark"] .bookmark-card,
body.hud-shell[data-theme="dark"] .site-timeline-rail > .archive-item {
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.048), transparent 2.8rem),
    linear-gradient(135deg, rgba(4, 20, 39, 0.8), rgba(4, 14, 28, 0.7)) !important;
}

/* Unified HUD glow rules: home and shared pages follow the same boundaries. */
html:has(body.hud-shell),
body.hud-shell,
html:has(.home-butterfly),
body:has(.home-butterfly) {
  background:
    linear-gradient(90deg, rgba(78, 166, 230, 0.055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(78, 166, 230, 0.045) 1px, transparent 1px),
    linear-gradient(135deg, #f8fcff 0%, #eef8ff 48%, #f6fbff 100%) !important;
  background-size: 96px 96px, 96px 96px, auto !important;
  background-attachment: fixed, fixed, fixed !important;
  background-position: center top, center top, center !important;
  animation: none !important;
}

html[data-theme="dark"]:has(body.hud-shell),
[data-theme="dark"] body.hud-shell,
body.hud-shell[data-theme="dark"],
html[data-theme="dark"]:has(.home-butterfly),
[data-theme="dark"] body:has(.home-butterfly) {
  background:
    linear-gradient(90deg, rgba(78, 166, 230, 0.075) 1px, transparent 1px),
    linear-gradient(180deg, rgba(78, 166, 230, 0.06) 1px, transparent 1px),
    linear-gradient(135deg, #06121f 0%, #08223a 48%, #061425 100%) !important;
  background-size: 96px 96px, 96px 96px, auto !important;
  background-attachment: fixed, fixed, fixed !important;
  background-position: center top, center top, center !important;
}

body.hud-shell::before,
body:has(.home-butterfly)::before {
  display: block !important;
  content: "" !important;
  position: fixed !important;
  inset: 60px 0 0 !important;
  width: auto !important;
  height: auto !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0.5 !important;
  filter: none !important;
  background:
    linear-gradient(90deg, rgba(48, 160, 255, 0.075) 1px, transparent 1px),
    linear-gradient(180deg, rgba(48, 160, 255, 0.065) 1px, transparent 1px) !important;
  background-size: 72px 72px, 72px 72px !important;
  background-position: center top, center top !important;
  background-repeat: repeat, repeat !important;
  animation: none !important;
}

body.hud-shell::after,
body:has(.home-butterfly)::after,
body.hud-shell .wrapper.hud-shell-wrapper::before,
body.hud-shell .wrapper.hud-shell-wrapper::after,
.wrapper:has(.home-butterfly)::before,
.wrapper:has(.home-butterfly)::after {
  display: none !important;
  content: none !important;
  background: none !important;
  animation: none !important;
  filter: none !important;
}

body.hud-shell .summary-home-hud,
body.hud-shell article.summary-home-hud,
.wrapper:has(.home-butterfly) .summary-home-hud,
.wrapper:has(.home-butterfly) article.summary-home-hud {
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.04), transparent 3rem),
    linear-gradient(135deg, var(--hud-page-panel-strong, rgba(255, 255, 255, 0.92)), var(--hud-page-panel, rgba(236, 248, 255, 0.78))) !important;
  box-shadow:
    0 0 0 1px rgba(88, 191, 255, 0.11),
    0 0 10px rgba(38, 174, 255, 0.1),
    inset 0 0 12px rgba(42, 151, 232, 0.055) !important;
}

[data-theme="dark"] body.hud-shell .summary-home-hud,
[data-theme="dark"] body.hud-shell article.summary-home-hud,
[data-theme="dark"] .wrapper:has(.home-butterfly) .summary-home-hud,
[data-theme="dark"] .wrapper:has(.home-butterfly) article.summary-home-hud,
body.hud-shell[data-theme="dark"] .summary-home-hud,
body.hud-shell[data-theme="dark"] article.summary-home-hud {
  background:
    radial-gradient(circle at var(--hud-card-x) var(--hud-card-y), rgba(34, 211, 238, 0.05), transparent 3rem),
    linear-gradient(135deg, var(--hud-page-panel-strong, rgba(4, 20, 39, 0.86)), var(--hud-page-panel, rgba(4, 14, 28, 0.72))) !important;
  box-shadow:
    0 0 0 1px rgba(88, 191, 255, 0.14),
    0 0 12px rgba(42, 174, 255, 0.14),
    inset 0 0 14px rgba(42, 151, 232, 0.065) !important;
}

body.hud-shell .summary-home-hud::before,
body.hud-shell article.summary-home-hud::before,
.wrapper:has(.home-butterfly) .summary-home-hud::before,
.wrapper:has(.home-butterfly) article.summary-home-hud::before {
  background:
    linear-gradient(90deg, var(--hud-accent-2), transparent 3.2rem) left top / 28% 1px no-repeat,
    linear-gradient(180deg, var(--hud-accent-2), transparent 2.8rem) right top / 1px 34% no-repeat,
    linear-gradient(270deg, var(--hud-accent-2), transparent 3.2rem) right bottom / 24% 1px no-repeat,
    linear-gradient(0deg, var(--hud-accent-2), transparent 2.8rem) left bottom / 1px 32% no-repeat !important;
  opacity: 0.64 !important;
}

body.hud-shell .summary-home-hud:hover,
body.hud-shell article.summary-home-hud:hover,
.wrapper:has(.home-butterfly) .summary-home-hud:hover,
.wrapper:has(.home-butterfly) article.summary-home-hud:hover {
  box-shadow:
    0 0 0 1px rgba(88, 191, 255, 0.16),
    0 0 14px rgba(42, 174, 255, 0.14),
    inset 0 0 14px rgba(42, 151, 232, 0.075) !important;
}

/* Article page TOC should stay in view like the global sidebar. */
body.hud-shell main.fi-container:not(.site-has-global-sidebar):has(article.page.single) > #toc-auto,
body.hud-shell main.fi-container:not(.site-has-global-sidebar):has(article.page.single) aside#toc-auto {
  position: sticky !important;
  top: 84px !important;
  align-self: flex-start !important;
  max-height: calc(100vh - 100px) !important;
  overflow: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin;
}

body.hud-shell main.fi-container:not(.site-has-global-sidebar):has(article.page.single) > #toc-auto .toc-content,
body.hud-shell main.fi-container:not(.site-has-global-sidebar):has(article.page.single) aside#toc-auto .toc-content {
  max-height: calc(100vh - 176px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

@media (max-width: 900px) {
  body.hud-shell main.fi-container:not(.site-has-global-sidebar):has(article.page.single) > #toc-auto,
  body.hud-shell main.fi-container:not(.site-has-global-sidebar):has(article.page.single) aside#toc-auto {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body.hud-shell main.fi-container:not(.site-has-global-sidebar):has(article.page.single) > #toc-auto .toc-content,
  body.hud-shell main.fi-container:not(.site-has-global-sidebar):has(article.page.single) aside#toc-auto .toc-content {
    max-height: none !important;
  }
}

/* Article reading typography */
body.hud-shell article.page.single {
  --hud-article-text: #26384d;
  --hud-article-muted: #52677e;
  --hud-article-strong: #142337;
  --hud-article-heading: #102033;
  --hud-article-line: rgba(42, 151, 232, 0.2);
  --hud-article-soft: rgba(38, 144, 224, 0.08);
  --hud-article-soft-strong: rgba(38, 144, 224, 0.13);
}

[data-theme="dark"] body.hud-shell article.page.single,
body.hud-shell[data-theme="dark"] article.page.single {
  --hud-article-text: #c7d7e8;
  --hud-article-muted: #9fb2c7;
  --hud-article-strong: #eef7ff;
  --hud-article-heading: #edf8ff;
  --hud-article-line: rgba(86, 196, 255, 0.24);
  --hud-article-soft: rgba(58, 165, 235, 0.11);
  --hud-article-soft-strong: rgba(58, 165, 235, 0.16);
}

body.hud-shell article.page.single .content {
  max-width: 78ch !important;
  margin: 1.45rem auto 0 !important;
  color: var(--hud-article-text) !important;
  font-size: 0.98rem !important;
  line-height: 1.9 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-wrap: pretty;
}

body.hud-shell article.page.single .content > *:first-child {
  margin-top: 0 !important;
}

body.hud-shell article.page.single .content p {
  margin: 0.78rem 0 !important;
  color: var(--hud-article-text) !important;
}

body.hud-shell article.page.single .content strong,
body.hud-shell article.page.single .content b {
  color: var(--hud-article-strong) !important;
  font-weight: 750 !important;
}

body.hud-shell article.page.single .content em {
  color: var(--hud-article-strong) !important;
}

body.hud-shell article.page.single .content h1,
body.hud-shell article.page.single .content h2,
body.hud-shell article.page.single .content h3,
body.hud-shell article.page.single .content h4 {
  color: var(--hud-article-heading) !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  text-shadow: 0 0 10px rgba(42, 190, 255, 0.12);
  border-bottom: 1px solid var(--hud-article-line) !important;
}

body.hud-shell article.page.single .content h2 {
  margin: 2.1rem 0 0.9rem !important;
  padding: 0 0 0.55rem !important;
  font-size: clamp(1.3rem, 1.45vw, 1.55rem) !important;
}

body.hud-shell article.page.single .content h3 {
  margin: 1.55rem 0 0.65rem !important;
  padding: 0 0 0.35rem !important;
  font-size: clamp(1.08rem, 1.16vw, 1.22rem) !important;
}

body.hud-shell article.page.single .content h4 {
  margin: 1.25rem 0 0.45rem !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  font-size: 1rem !important;
}

body.hud-shell article.page.single .content ul,
body.hud-shell article.page.single .content ol {
  margin: 0.75rem 0 1rem 1.25rem !important;
  padding-left: 0.75rem !important;
}

body.hud-shell article.page.single .content li {
  margin: 0.34rem 0 !important;
  padding-left: 0.15rem !important;
  color: var(--hud-article-text) !important;
}

body.hud-shell article.page.single .content li::marker {
  color: var(--hud-page-accent-2);
}

body.hud-shell article.page.single .content hr {
  height: 1px !important;
  margin: 1.75rem 0 !important;
  border: 0 !important;
  background: linear-gradient(90deg, transparent, var(--hud-article-line), transparent) !important;
}

body.hud-shell article.page.single .content blockquote {
  margin: 1.15rem 0 !important;
  padding: 0.85rem 1rem !important;
  border: 1px solid var(--hud-article-line) !important;
  border-left: 3px solid var(--hud-page-accent-2) !important;
  border-radius: 8px !important;
  background: var(--hud-article-soft) !important;
  color: var(--hud-article-text) !important;
}

body.hud-shell article.page.single .content blockquote p {
  margin: 0.35rem 0 !important;
}

body.hud-shell article.page.single .content :not(pre) > code {
  padding: 0.12rem 0.38rem !important;
  border: 1px solid var(--hud-article-line) !important;
  border-radius: 5px !important;
  background: var(--hud-article-soft-strong) !important;
  color: var(--hud-article-strong) !important;
  font-size: 0.9em !important;
}

body.hud-shell article.page.single .content pre {
  margin: 1rem 0 !important;
  padding: 1rem !important;
  border: 1px solid var(--hud-article-line) !important;
  border-radius: 8px !important;
  background: rgba(3, 12, 24, 0.72) !important;
  line-height: 1.65 !important;
}

body.hud-shell article.page.single .content a {
  color: var(--hud-page-accent-2) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(34, 211, 238, 0.32);
}

body.hud-shell article.page.single .content a:hover {
  color: var(--hud-article-strong) !important;
  border-bottom-color: var(--hud-page-accent-2);
  text-shadow: 0 0 10px rgba(42, 190, 255, 0.18);
}

body.hud-shell article.page.single .content table {
  margin: 1rem 0 !important;
  border: 1px solid var(--hud-article-line) !important;
  border-radius: 8px !important;
  overflow: hidden;
  background: var(--hud-article-soft) !important;
}

body.hud-shell article.page.single .content th,
body.hud-shell article.page.single .content td {
  padding: 0.62rem 0.75rem !important;
  border-color: var(--hud-article-line) !important;
}

@media (max-width: 900px) {
  body.hud-shell article.page.single .content {
    max-width: none !important;
    font-size: 0.96rem !important;
    line-height: 1.82 !important;
  }
}

/* Article semantic color contrast */
body.hud-shell article.page.single {
  --hud-article-text: #2d4056;
  --hud-article-muted: #5d7288;
  --hud-article-strong: #0b5f9c;
  --hud-article-heading: #0f253b;
  --hud-article-heading-accent: #128bdc;
  --hud-article-code-text: #0d5f8f;
}

[data-theme="dark"] body.hud-shell article.page.single,
body.hud-shell[data-theme="dark"] article.page.single {
  --hud-article-text: #b8c8d9;
  --hud-article-muted: #8799ad;
  --hud-article-strong: #f4fbff;
  --hud-article-heading: #ffffff;
  --hud-article-heading-accent: #58d4ff;
  --hud-article-code-text: #b9f2ff;
}

body.hud-shell article.page.single .content {
  color: var(--hud-article-text) !important;
}

body.hud-shell article.page.single .content p,
body.hud-shell article.page.single .content li {
  color: var(--hud-article-text) !important;
}

body.hud-shell article.page.single .content strong,
body.hud-shell article.page.single .content b {
  color: var(--hud-article-strong) !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content strong,
[data-theme="dark"] body.hud-shell article.page.single .content b,
body.hud-shell[data-theme="dark"] article.page.single .content strong,
body.hud-shell[data-theme="dark"] article.page.single .content b {
  text-shadow: 0 0 10px rgba(88, 212, 255, 0.16) !important;
}

body.hud-shell article.page.single .content h1,
body.hud-shell article.page.single .content h2,
body.hud-shell article.page.single .content h3,
body.hud-shell article.page.single .content h4 {
  color: var(--hud-article-heading) !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content h1,
[data-theme="dark"] body.hud-shell article.page.single .content h2,
[data-theme="dark"] body.hud-shell article.page.single .content h3,
[data-theme="dark"] body.hud-shell article.page.single .content h4,
body.hud-shell[data-theme="dark"] article.page.single .content h1,
body.hud-shell[data-theme="dark"] article.page.single .content h2,
body.hud-shell[data-theme="dark"] article.page.single .content h3,
body.hud-shell[data-theme="dark"] article.page.single .content h4 {
  text-shadow: 0 0 12px rgba(88, 212, 255, 0.18) !important;
}

body.hud-shell article.page.single .content h2 {
  border-bottom-color: rgba(18, 139, 220, 0.32) !important;
}

body.hud-shell article.page.single .content h2::before {
  color: var(--hud-article-heading-accent) !important;
}

body.hud-shell article.page.single .content h3 {
  color: color-mix(in srgb, var(--hud-article-heading) 88%, var(--hud-article-heading-accent) 12%) !important;
  border-bottom-color: rgba(18, 139, 220, 0.2) !important;
}

body.hud-shell article.page.single .content h4 {
  color: var(--hud-article-heading-accent) !important;
}

body.hud-shell article.page.single .content :not(pre) > code {
  color: var(--hud-article-code-text) !important;
  font-weight: 700 !important;
}

body.hud-shell article.page.single .content blockquote {
  color: var(--hud-article-text) !important;
}

body.hud-shell article.page.single .content blockquote strong,
body.hud-shell article.page.single .content blockquote b {
  color: var(--hud-article-strong) !important;
}

/* Article readability correction: keep original width, strengthen semantic colors. */
body.hud-shell article.page.single .content {
  max-width: none !important;
  width: 100% !important;
  margin: 1.35rem 0 0 !important;
}

body.hud-shell article.page.single {
  --hud-article-text: #25384f;
  --hud-article-muted: #687c92;
  --hud-article-strong: #006fb8;
  --hud-article-heading: #102237;
  --hud-article-heading-accent: #0a91e6;
  --hud-article-code-text: #006f9f;
}

[data-theme="dark"] body.hud-shell article.page.single,
body.hud-shell[data-theme="dark"] article.page.single {
  --hud-article-text: #d5e3f2;
  --hud-article-muted: #99acc0;
  --hud-article-strong: #7ee7ff;
  --hud-article-heading: #ffffff;
  --hud-article-heading-accent: #39d8ff;
  --hud-article-code-text: #a8f3ff;
}

body.hud-shell article.page.single .content,
body.hud-shell article.page.single .content p,
body.hud-shell article.page.single .content li {
  color: var(--hud-article-text) !important;
}

body.hud-shell article.page.single .content strong,
body.hud-shell article.page.single .content b {
  color: var(--hud-article-strong) !important;
  font-weight: 850 !important;
}

body.hud-shell article.page.single .content h1,
body.hud-shell article.page.single .content h2,
body.hud-shell article.page.single .content h3 {
  color: var(--hud-article-heading) !important;
  font-weight: 850 !important;
}

body.hud-shell article.page.single .content h4 {
  color: var(--hud-article-heading-accent) !important;
  font-weight: 800 !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content strong,
[data-theme="dark"] body.hud-shell article.page.single .content b,
body.hud-shell[data-theme="dark"] article.page.single .content strong,
body.hud-shell[data-theme="dark"] article.page.single .content b {
  text-shadow: 0 0 8px rgba(57, 216, 255, 0.22) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content h1,
[data-theme="dark"] body.hud-shell article.page.single .content h2,
[data-theme="dark"] body.hud-shell article.page.single .content h3,
body.hud-shell[data-theme="dark"] article.page.single .content h1,
body.hud-shell[data-theme="dark"] article.page.single .content h2,
body.hud-shell[data-theme="dark"] article.page.single .content h3 {
  text-shadow: 0 0 12px rgba(57, 216, 255, 0.2) !important;
}

body.hud-shell article.page.single .content h2 {
  border-bottom-color: rgba(57, 216, 255, 0.32) !important;
}

body.hud-shell article.page.single .content h3 {
  border-bottom-color: rgba(57, 216, 255, 0.2) !important;
}

body.hud-shell article.page.single .content :not(pre) > code {
  color: var(--hud-article-code-text) !important;
  font-weight: 750 !important;
  background: rgba(42, 177, 255, 0.16) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content :not(pre) > code,
body.hud-shell[data-theme="dark"] article.page.single .content :not(pre) > code {
  background: rgba(57, 216, 255, 0.18) !important;
}

/* Article HUD character layer */
body.hud-shell article.page.single .content h2,
body.hud-shell article.page.single .content h3 {
  position: relative !important;
  padding-left: 1.05rem !important;
}

body.hud-shell article.page.single .content h2::before,
body.hud-shell article.page.single .content h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.18em !important;
  width: 3px !important;
  height: 1.05em !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--hud-article-heading-accent), rgba(57, 216, 255, 0.12)) !important;
  box-shadow: 0 0 10px rgba(57, 216, 255, 0.32) !important;
}

body.hud-shell article.page.single .content h2::after {
  content: "" !important;
  display: block !important;
  width: 4.8rem !important;
  height: 1px !important;
  margin-top: 0.45rem !important;
  background: linear-gradient(90deg, var(--hud-article-heading-accent), transparent) !important;
  opacity: 0.78 !important;
}

body.hud-shell article.page.single .content strong,
body.hud-shell article.page.single .content b {
  padding: 0 0.08em !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, transparent 54%, rgba(57, 216, 255, 0.12) 54%) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content strong,
[data-theme="dark"] body.hud-shell article.page.single .content b,
body.hud-shell[data-theme="dark"] article.page.single .content strong,
body.hud-shell[data-theme="dark"] article.page.single .content b {
  background: linear-gradient(180deg, transparent 50%, rgba(57, 216, 255, 0.2) 50%) !important;
}

body.hud-shell article.page.single .content blockquote {
  position: relative !important;
  overflow: hidden !important;
}

body.hud-shell article.page.single .content blockquote::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg, var(--hud-article-heading-accent), transparent) !important;
  box-shadow: 0 0 10px rgba(57, 216, 255, 0.22) !important;
}

/* The footer is visible now, so sidebar pages should size to content instead of reserving an empty viewport. */
body.hud-shell main.fi-container.site-has-global-sidebar,
.wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar {
  min-height: auto !important;
  margin-top: clamp(16px, 2.5vh, 28px) !important;
  padding-bottom: 0 !important;
}

body.hud-shell main.fi-container.site-has-global-sidebar .site-main-column,
.wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-main-column {
  padding-bottom: clamp(12px, 2vh, 22px) !important;
  box-sizing: border-box !important;
}

body.hud-shell .wrapper {
  min-height: 100vh !important;
}

@media (min-width: 681px) {
  body.hud-shell main.fi-container.site-has-global-sidebar .site-global-sidebar,
  .wrapper.hud-shell-wrapper main.fi-container.site-has-global-sidebar .site-global-sidebar {
    max-height: calc(100vh - 210px) !important;
    overflow-y: auto !important;
  }
}

/* Dark article neon reading style */
[data-theme="dark"] body.hud-shell article.page.single,
body.hud-shell[data-theme="dark"] article.page.single {
  --hud-article-text: #d7e6f7;
  --hud-article-muted: #9fb4c9;
  --hud-article-strong: #72f1ff;
  --hud-article-heading: #eaffff;
  --hud-article-heading-accent: #31d8ff;
  --hud-article-heading-accent-2: #7cf8ff;
  --hud-article-code-text: #a9f7ff;
  --hud-article-chip-bg: rgba(12, 107, 184, 0.48);
  --hud-article-chip-border: rgba(69, 188, 255, 0.48);
  color: var(--hud-article-text) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .header,
body.hud-shell[data-theme="dark"] article.page.single .header,
[data-theme="dark"] body.hud-shell article.page.single .post-meta,
body.hud-shell[data-theme="dark"] article.page.single .post-meta {
  text-align: left !important;
}

[data-theme="dark"] body.hud-shell article.page.single .single-title,
body.hud-shell[data-theme="dark"] article.page.single .single-title {
  display: flex !important;
  align-items: center !important;
  gap: 0.7rem !important;
  padding: 0.65rem 0 0.75rem !important;
  color: var(--hud-article-heading) !important;
  font-size: clamp(1.85rem, 2.25vw, 2.7rem) !important;
  line-height: 1.16 !important;
}

[data-theme="dark"] body.hud-shell article.page.single .single-title::before,
body.hud-shell[data-theme="dark"] article.page.single .single-title::before {
  content: "" !important;
  flex: 0 0 auto !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  border: 1px solid rgba(124, 248, 255, 0.76) !important;
  background:
    linear-gradient(30deg, transparent 42%, rgba(124, 248, 255, 0.9) 43% 48%, transparent 49%),
    linear-gradient(150deg, transparent 42%, rgba(59, 162, 255, 0.9) 43% 48%, transparent 49%),
    radial-gradient(circle, rgba(49, 216, 255, 0.52), rgba(12, 107, 184, 0.1) 64%, transparent 65%) !important;
  box-shadow: 0 0 12px rgba(49, 216, 255, 0.62), inset 0 0 12px rgba(124, 248, 255, 0.28) !important;
  transform: rotate(30deg) skew(-8deg, -8deg) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .single-title span,
body.hud-shell[data-theme="dark"] article.page.single .single-title span {
  color: transparent !important;
  background: linear-gradient(90deg, #76f7ff 0%, #eaffff 46%, #56cfff 78%, #25b8ff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow:
    0 0 10px rgba(49, 216, 255, 0.48),
    0 0 24px rgba(49, 216, 255, 0.24) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .post-meta,
body.hud-shell[data-theme="dark"] article.page.single .post-meta {
  color: var(--hud-article-muted) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .post-meta-line,
body.hud-shell[data-theme="dark"] article.page.single .post-meta-line {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.45rem 0.7rem !important;
  margin: 0.2rem 0 !important;
}

[data-theme="dark"] body.hud-shell article.page.single .post-meta span,
body.hud-shell[data-theme="dark"] article.page.single .post-meta span,
[data-theme="dark"] body.hud-shell article.page.single .post-meta a,
body.hud-shell[data-theme="dark"] article.page.single .post-meta a {
  color: var(--hud-article-muted) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .post-meta a.post-category,
body.hud-shell[data-theme="dark"] article.page.single .post-meta a.post-category,
[data-theme="dark"] body.hud-shell article.page.single .post-meta a.post-collection,
body.hud-shell[data-theme="dark"] article.page.single .post-meta a.post-collection {
  padding: 0.18rem 0.52rem !important;
  border: 1px solid var(--hud-article-chip-border) !important;
  border-radius: 5px !important;
  background: rgba(12, 107, 184, 0.28) !important;
  color: #40cfff !important;
  text-decoration: none !important;
  box-shadow: inset 0 0 10px rgba(49, 216, 255, 0.1) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content,
body.hud-shell[data-theme="dark"] article.page.single .content {
  color: var(--hud-article-text) !important;
  font-size: 1rem !important;
  line-height: 1.92 !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content p,
body.hud-shell[data-theme="dark"] article.page.single .content p {
  margin: 0.7rem 0 !important;
  color: var(--hud-article-text) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content h1,
[data-theme="dark"] body.hud-shell article.page.single .content h2,
[data-theme="dark"] body.hud-shell article.page.single .content h3,
body.hud-shell[data-theme="dark"] article.page.single .content h1,
body.hud-shell[data-theme="dark"] article.page.single .content h2,
body.hud-shell[data-theme="dark"] article.page.single .content h3 {
  color: var(--hud-article-heading) !important;
  text-shadow:
    0 0 9px rgba(49, 216, 255, 0.54),
    0 0 22px rgba(49, 216, 255, 0.24) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content h1 .heading-element,
[data-theme="dark"] body.hud-shell article.page.single .content h2 .heading-element,
[data-theme="dark"] body.hud-shell article.page.single .content h3 .heading-element,
body.hud-shell[data-theme="dark"] article.page.single .content h1 .heading-element,
body.hud-shell[data-theme="dark"] article.page.single .content h2 .heading-element,
body.hud-shell[data-theme="dark"] article.page.single .content h3 .heading-element {
  color: transparent !important;
  background: linear-gradient(90deg, #a8fbff 0%, #eaffff 45%, #45d8ff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content h2,
body.hud-shell[data-theme="dark"] article.page.single .content h2 {
  margin-top: 2rem !important;
  border-bottom: 1px solid rgba(49, 216, 255, 0.28) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content h2::before,
[data-theme="dark"] body.hud-shell article.page.single .content h3::before,
body.hud-shell[data-theme="dark"] article.page.single .content h2::before,
body.hud-shell[data-theme="dark"] article.page.single .content h3::before {
  background: linear-gradient(180deg, #7cf8ff, #159dff) !important;
  box-shadow: 0 0 12px rgba(49, 216, 255, 0.72), 0 0 24px rgba(49, 216, 255, 0.28) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content h2::after,
body.hud-shell[data-theme="dark"] article.page.single .content h2::after {
  background: linear-gradient(90deg, rgba(124, 248, 255, 0.95), rgba(49, 216, 255, 0.45), transparent) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content strong,
[data-theme="dark"] body.hud-shell article.page.single .content b,
body.hud-shell[data-theme="dark"] article.page.single .content strong,
body.hud-shell[data-theme="dark"] article.page.single .content b {
  padding: 0.04rem 0.25rem !important;
  border: 1px solid rgba(49, 216, 255, 0.22) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, rgba(10, 74, 130, 0.4), rgba(7, 56, 104, 0.58)) !important;
  color: var(--hud-article-strong) !important;
  text-shadow: 0 0 8px rgba(49, 216, 255, 0.42) !important;
  box-shadow: inset 0 0 10px rgba(49, 216, 255, 0.08) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content a,
body.hud-shell[data-theme="dark"] article.page.single .content a,
[data-theme="dark"] body.hud-shell article.page.single .content :not(pre) > code,
body.hud-shell[data-theme="dark"] article.page.single .content :not(pre) > code {
  padding: 0.08rem 0.4rem !important;
  border: 1px solid var(--hud-article-chip-border) !important;
  border-radius: 5px !important;
  background: var(--hud-article-chip-bg) !important;
  color: var(--hud-article-code-text) !important;
  font-weight: 760 !important;
  text-decoration: none !important;
  box-shadow: inset 0 0 10px rgba(49, 216, 255, 0.12), 0 0 8px rgba(49, 216, 255, 0.08) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content a:hover,
body.hud-shell[data-theme="dark"] article.page.single .content a:hover {
  border-color: rgba(124, 248, 255, 0.82) !important;
  color: #eaffff !important;
  text-shadow: 0 0 10px rgba(124, 248, 255, 0.45) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content blockquote,
body.hud-shell[data-theme="dark"] article.page.single .content blockquote {
  border-color: rgba(49, 216, 255, 0.34) !important;
  border-left-color: var(--hud-article-heading-accent) !important;
  background:
    linear-gradient(90deg, rgba(49, 216, 255, 0.11), rgba(49, 216, 255, 0.035)),
    rgba(4, 18, 36, 0.5) !important;
  box-shadow: inset 0 0 18px rgba(49, 216, 255, 0.07) !important;
}

[data-theme="dark"] body.hud-shell article.page.single .content hr,
body.hud-shell[data-theme="dark"] article.page.single .content hr {
  background: linear-gradient(90deg, transparent, rgba(49, 216, 255, 0.58), transparent) !important;
  box-shadow: 0 0 10px rgba(49, 216, 255, 0.22) !important;
}

[data-theme="dark"] body.hud-shell #toc-auto,
body.hud-shell[data-theme="dark"] #toc-auto {
  border-color: rgba(49, 216, 255, 0.54) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(49, 216, 255, 0.11), transparent 7rem),
    linear-gradient(180deg, rgba(7, 26, 48, 0.86), rgba(3, 13, 28, 0.72)) !important;
  box-shadow:
    0 0 0 1px rgba(49, 216, 255, 0.12),
    0 0 24px rgba(49, 216, 255, 0.18),
    inset 0 0 24px rgba(49, 216, 255, 0.06) !important;
}

[data-theme="dark"] body.hud-shell #toc-auto .toc-title,
body.hud-shell[data-theme="dark"] #toc-auto .toc-title {
  color: #eaffff !important;
  text-shadow: 0 0 10px rgba(49, 216, 255, 0.4) !important;
  border-bottom-color: rgba(49, 216, 255, 0.28) !important;
}

[data-theme="dark"] body.hud-shell #toc-auto .toc-content li > a,
body.hud-shell[data-theme="dark"] #toc-auto .toc-content li > a {
  color: #bad1e8 !important;
}

[data-theme="dark"] body.hud-shell #toc-auto .toc-content li.has-active > a,
[data-theme="dark"] body.hud-shell #toc-auto .toc-content li > a.active,
body.hud-shell[data-theme="dark"] #toc-auto .toc-content li.has-active > a,
body.hud-shell[data-theme="dark"] #toc-auto .toc-content li > a.active {
  border: 1px solid rgba(49, 216, 255, 0.55) !important;
  background: rgba(12, 107, 184, 0.44) !important;
  color: #eaffff !important;
  box-shadow: inset 0 0 14px rgba(49, 216, 255, 0.12), 0 0 14px rgba(49, 216, 255, 0.18) !important;
}

@media (max-width: 680px) {
  [data-theme="dark"] body.hud-shell article.page.single .single-title,
  body.hud-shell[data-theme="dark"] article.page.single .single-title {
    font-size: 1.55rem !important;
    align-items: flex-start !important;
  }

  [data-theme="dark"] body.hud-shell article.page.single .single-title::before,
  body.hud-shell[data-theme="dark"] article.page.single .single-title::before {
    width: 1rem !important;
    height: 1rem !important;
    margin-top: 0.24rem !important;
  }

  [data-theme="dark"] body.hud-shell article.page.single .content,
  body.hud-shell[data-theme="dark"] article.page.single .content {
    font-size: 0.96rem !important;
    line-height: 1.84 !important;
  }
}