:root {
  --bg: #f6f0e5;
  --bg-soft: #fbf7ef;
  --surface: rgba(255,253,248,.82);
  --surface-solid: #fffdf8;
  --text: #282622;
  --muted: #716d65;
  --muted-2: #9a958c;
  --border: rgba(74,68,58,.13);
  --border-strong: rgba(74,68,58,.21);
  --blue: #4078a8;
  --blue-hover: #356b98;
  --blue-soft: rgba(64,120,168,.10);
  --orange: #c8842b;
  --sidebar-width: 210px;
  --radius-md: 14px;
  --radius-lg: 18px;
}

* { box-sizing: border-box; }
html { background: var(--bg); }

body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 50% -10%, rgba(255,255,255,.72), transparent 34%),
    linear-gradient(180deg,#f8f3e9 0%,#f5efe4 100%);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

button,input,a { font: inherit; }
button { color: inherit; }
svg {
  display:block;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
button svg,
a svg,
label svg {
  pointer-events:none;
}
.notice-icon,
.resource-icon,
.section-summary-icon,
.empty-state-icon,
.brand-symbol {
  line-height:0;
}
.notice-icon > svg,
.resource-icon > svg,
.empty-state-icon > svg {
  margin:auto;
}

.topbar {
  position: sticky; top: 0; z-index: 30;
  background: rgba(248,243,233,.82);
  border-bottom: 1px solid rgba(74,68,58,.09);
  backdrop-filter: saturate(160%) blur(22px);
  -webkit-backdrop-filter: saturate(160%) blur(22px);
}
.topbar-inner {
  max-width:1180px; min-height:64px; margin:0 auto; padding:0 24px;
  display:grid; grid-template-columns:var(--sidebar-width) minmax(300px,520px) auto 1fr; gap:18px; align-items:center;
}
.brand { display:inline-flex; align-items:center; gap:10px; width:fit-content; color:inherit; text-decoration:none; }
.brand-symbol {
  width:32px; height:32px; display:grid; place-items:center; border-radius:9px;
  background:linear-gradient(180deg,#45413b,#2f2d29); color:#fffdf7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 3px 8px rgba(55,48,38,.10);
  font-family:"Songti SC","STSong",serif; font-weight:700;
}
.brand-name { font-size:17px; font-weight:650; letter-spacing:-.01em; }
.site-domain { justify-self:end; color:var(--muted-2); font-size:12px; }

.search {
  height:38px; display:flex; align-items:center; border:1px solid transparent; border-radius:11px;
  background:rgba(91,84,73,.09); transition:.15s ease;
}
.search:focus-within { background:rgba(255,253,248,.94); border-color:rgba(64,120,168,.24); box-shadow:0 0 0 3px rgba(64,120,168,.09); }
.search svg,.command-search svg { width:16px; height:16px; color:#888278; }
.search svg { margin-left:11px; }
.search input { min-width:0; width:100%; height:100%; padding:0 10px; border:0; outline:0; background:transparent; color:var(--text); }
.search input::placeholder { color:#908a80; }
.search kbd { margin-right:8px; padding:1px 6px; border:0; border-radius:5px; background:rgba(255,253,248,.78); color:#908a80; font-size:11px; }

.shell { max-width:1180px; margin:0 auto; padding:30px 24px 58px; display:grid; grid-template-columns:var(--sidebar-width) minmax(0,1fr); gap:34px; }
.sidebar { position:sticky; top:94px; align-self:start; }
.sidebar-section + .sidebar-section { margin-top:26px; }
.sidebar-title { margin-bottom:7px; padding:0 12px; color:var(--muted-2); font-size:11px; font-weight:650; }
.section-nav,.category-nav { display:grid; gap:3px; }
.section-item,.category-item {
  width:100%; min-height:38px; padding:0 12px; display:flex; align-items:center; justify-content:space-between; gap:10px;
  border:0; border-radius:10px; background:transparent; cursor:pointer; text-align:left; transition:.14s ease;
}
.section-item:hover,.category-item:hover { background:rgba(91,84,73,.08); }
.section-item.active,.category-item.active { background:rgba(91,84,73,.13); font-weight:600; }
.section-count,.category-count { color:var(--muted-2); font-size:12px; }
.sidebar-info p { margin:0; padding:0 12px; color:var(--muted); font-size:12px; line-height:1.7; }

.content { min-width:0; }
.content-head { min-height:132px; padding:8px 0 26px; display:flex; justify-content:space-between; gap:28px; align-items:flex-end; }
.eyebrow { margin-bottom:8px; color:var(--muted-2); font-size:10px; font-weight:700; letter-spacing:.14em; }
.content-head h1 { margin:0; font-size:clamp(32px,4vw,42px); line-height:1.08; font-weight:700; letter-spacing:-.025em; }
.content-desc { max-width:740px; margin:10px 0 0; color:var(--muted); font-size:14px; line-height:1.7; }
.breadcrumb { margin-top:13px; color:var(--muted-2); font-size:11px; }
.crumb-sep { padding:0 6px; color:#bbb4a8; }
.result-count { padding-bottom:4px; color:var(--muted-2); font-size:12px; white-space:nowrap; }

.notice-card {
  position:relative; margin-bottom:18px; padding:17px 44px 17px 17px; display:grid; grid-template-columns:38px minmax(0,1fr); gap:13px;
  border:1px solid var(--border); border-left:1px solid var(--border)!important; border-radius:var(--radius-md);
  background:rgba(255,253,248,.74); box-shadow:0 5px 20px rgba(64,54,40,.035);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
.notice-card[hidden] { display:none; }
.notice-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:var(--blue-soft); color:var(--blue); }
.notice-icon svg { width:19px; height:19px; }
.notice-topline { min-height:19px; display:flex; align-items:center; gap:8px; }
.notice-label { color:var(--blue); font-size:11px; font-weight:650; }
.notice-date { color:var(--muted-2); font-size:10px; }
.notice-body h2 { margin:5px 0 4px; font-size:15px; font-weight:650; }
.notice-body p { margin:0; max-width:760px; color:var(--muted); font-size:12px; line-height:1.72; }
.notice-close {
  position:absolute;
  top:12px;
  right:12px;
  width:30px;
  height:30px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#8d877d;
  cursor:pointer;
  line-height:0;
}
.notice-close:hover {
  background:rgba(91,84,73,.08);
  color:var(--text);
}
.notice-close svg {
  width:18px;
  height:18px;
  margin:0;
  transform:none;
}

.filterbar { min-height:58px; padding:0 2px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.filterbar-controls { min-width:0; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.filterbar-hint,.toolbar-sort { color:var(--muted-2); font-size:11px; }
.combobox { position:relative; }
.filter-trigger {
  min-height:36px; padding:0 11px; display:inline-flex; align-items:center; justify-content:center; gap:7px; border:1px solid transparent; border-radius:10px;
  background:rgba(91,84,73,.09); cursor:pointer; transition:.14s ease;
}
.filter-trigger:hover { background:rgba(91,84,73,.13); }
.filter-trigger[aria-expanded="true"] { background:rgba(255,253,248,.95); box-shadow:0 0 0 3px rgba(64,120,168,.09),0 4px 16px rgba(64,54,40,.05); }
.trigger-icon { width:15px; height:15px; color:#666057; }
.filter-trigger-label { color:var(--muted-2); font-size:11px; }
.filter-trigger-value { max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text); font-size:12px; font-weight:600; }
.chevron { width:13px; height:13px; color:#8d877d; transition:transform .15s ease; }
.filter-trigger[aria-expanded="true"] .chevron { transform:rotate(180deg); }

.command-popover {
  position:absolute; z-index:50; top:calc(100% + 7px); left:0; overflow:hidden;
  border:1px solid rgba(74,68,58,.16); border-radius:14px; background:rgba(255,253,248,.97);
  box-shadow:0 18px 50px rgba(64,54,40,.14); backdrop-filter:saturate(150%) blur(24px); -webkit-backdrop-filter:saturate(150%) blur(24px);
}
.command-popover[hidden] { display:none; }
.subject-popover { width:350px; }
.type-popover { width:230px; }
.command-search { height:46px; display:flex; align-items:center; border-bottom:1px solid rgba(74,68,58,.10); }
.command-search svg { margin-left:13px; flex:0 0 auto; }
.command-search input { width:100%; height:100%; padding:0 12px 0 9px; border:0; outline:0; background:transparent; color:var(--text); font-size:13px; }
.command-search input::placeholder { color:#908a80; }
.command-list { max-height:342px; overflow-y:auto; padding:6px; }
.command-group-label { padding:10px 9px 5px; color:var(--muted-2); font-size:10px; font-weight:650; }
.command-item {
  width:100%; min-height:38px; padding:0 9px; display:flex; align-items:center; justify-content:space-between; gap:12px;
  border:0; border-radius:9px; background:transparent; color:var(--text); cursor:pointer; text-align:left;
}
.command-item:hover,.command-item:focus-visible { outline:0; background:rgba(91,84,73,.08); }
.command-item.selected { background:var(--blue-soft); color:var(--blue); }
.command-item-main { min-width:0; display:flex; align-items:center; gap:8px; }
.command-item-main > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.command-item-main small { color:var(--muted-2); font-size:10px; white-space:nowrap; }
.menu-icon { width:15px; height:15px; flex:0 0 auto; color:#8d877d; }
.command-item.selected .menu-icon,.check-icon { color:var(--blue); }
.check-icon { width:16px; height:16px; flex:0 0 auto; }
.command-empty { padding:34px 16px; color:var(--muted-2); text-align:center; font-size:12px; }
.clear-filters { min-height:32px; padding:0 8px; border:0; border-radius:8px; background:transparent; color:var(--blue); cursor:pointer; font-size:11px; }
.clear-filters:hover { background:var(--blue-soft); }

.toolbar { min-height:42px; padding:0 3px; display:flex; align-items:center; justify-content:space-between; color:var(--muted-2); font-size:11px; }
.resource-list { display:grid; gap:12px; }
.resource-item {
  overflow:hidden; border:1px solid rgba(74,68,58,.11); border-radius:var(--radius-lg); background:var(--surface-solid);
  box-shadow:0 4px 18px rgba(64,54,40,.035); transition:.18s ease;
}
.resource-item:hover { box-shadow:0 10px 30px rgba(64,54,40,.065); transform:translateY(-1px); }
.resource-head { padding:22px; display:grid; grid-template-columns:46px minmax(0,1fr) auto; gap:16px; align-items:start; }
.resource-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:12px; background:rgba(91,84,73,.08); color:#48443d; }
.resource-type-icon { width:20px; height:20px; }
.resource-main { min-width:0; }
.resource-title-line { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.resource-title-line h2 { margin:0; font-size:17px; font-weight:650; letter-spacing:-.01em; }
.status { padding:3px 7px; border:0; border-radius:999px; background:rgba(200,132,43,.12); color:#986115; font-size:10px; font-weight:600; }
.resource-description { margin:7px 0 12px; max-width:650px; color:var(--muted); font-size:13px; }
.resource-tags,.version-meta { display:flex; gap:6px; flex-wrap:wrap; }
.resource-tags span,.version-meta span { padding:3px 7px; border:0; border-radius:7px; background:rgba(91,84,73,.07); color:#686258; font-size:10px; }
.resource-tags span:first-child { background:var(--blue-soft); color:var(--blue); }
.resource-head time { padding-top:2px; color:var(--muted-2); font-size:11px; white-space:nowrap; }

.versions { border-top:1px solid rgba(74,68,58,.10); background:rgba(250,247,241,.82); }
.version + .version { border-top:1px solid rgba(74,68,58,.09); }
.version summary { min-height:56px; padding:12px 22px; display:flex; justify-content:space-between; gap:16px; align-items:center; cursor:pointer; list-style:none; }
.version summary::-webkit-details-marker { display:none; }
.version-summary-main { min-width:0; display:flex; align-items:center; gap:10px; }
.version-icon { width:17px; height:17px; flex:0 0 auto; color:#69635a; }
.version-summary-main strong { min-width:max-content; font-size:13px; font-weight:600; }
.version-toggle { color:var(--blue); font-size:11px; white-space:nowrap; }
.version[open] .version-toggle::before { content:"收起 · "; }
.version:not([open]) .version-toggle::before { content:"展开 · "; }
.version-body { padding:0 22px 20px; }
.version-note { margin:0 0 12px; color:var(--muted); font-size:12px; }
.channel-list { overflow:hidden; border:1px solid rgba(74,68,58,.10); border-radius:12px; background:#fffdf8; }
.channel-row { min-height:48px; padding:0 12px; display:grid; grid-template-columns:150px minmax(0,1fr) auto; gap:14px; align-items:center; }
.channel-row + .channel-row { border-top:1px solid rgba(74,68,58,.09); }
.channel-name { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; }
.channel-icon { width:16px; height:16px; color:var(--blue); }
.channel-extra { min-width:0; display:flex; gap:10px; align-items:center; flex-wrap:wrap; color:var(--muted); font-size:11px; }
.channel-actions { display:flex; gap:7px; }
.channel-actions button {
  appearance:none; min-height:30px; padding:0 10px; border:0; border-radius:8px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(91,84,73,.09); color:#4c4740; cursor:pointer; font-size:11px;
}
.channel-actions button:first-child { background:var(--blue); color:#fff; }
.channel-actions button:first-child:hover { background:var(--blue-hover); }
.channel-row.unavailable .channel-name,.channel-row.unavailable .channel-extra,.channel-row.unavailable .channel-icon { color:#aaa49a; }
.channel-row.unavailable .channel-actions button { background:rgba(91,84,73,.06); color:#aaa49a; }

.secondary-view { display:grid; gap:14px; }
.secondary-view[hidden] { display:none; }
.section-summary {
  padding:18px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:14px; align-items:center;
  border:1px solid var(--border); border-radius:var(--radius-lg); background:rgba(255,253,248,.78);
}
.section-summary-icon {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(91,84,73,.08);
  color:#4a463f;
  line-height:0;
}
.section-summary-icon svg {
  width:20px;
  height:20px;
  margin:auto;
}
.section-summary h2 { margin:0 0 4px; font-size:16px; }
.section-summary p { margin:0; color:var(--muted); font-size:12px; }
.primary-action {
  min-height:34px; padding:0 12px; border:0; border-radius:9px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--blue); color:#fff; cursor:pointer; font-size:12px; font-weight:600;
}
.primary-action:hover { background:var(--blue-hover); }
.errata-statuses { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.status-tile { padding:14px 16px; border:1px solid var(--border); border-radius:14px; background:rgba(255,253,248,.74); display:flex; align-items:center; justify-content:space-between; }
.status-tile span { color:var(--muted); font-size:12px; }
.status-tile strong { font-size:18px; }

.empty-state { padding:58px 20px; border:1px solid rgba(74,68,58,.10); border-radius:var(--radius-lg); background:rgba(255,253,248,.74); text-align:center; }
.empty-title { font-weight:600; }
.empty-state p { margin:6px 0 0; color:var(--muted); font-size:12px; }
.site-note { margin-top:36px; padding:18px 2px 0; border-top:1px solid rgba(74,68,58,.10); }
.site-note h2 { margin:0 0 7px; font-size:12px; }
.site-note p { margin:0; max-width:760px; color:var(--muted-2); font-size:11px; line-height:1.75; }
.footer { max-width:1180px; margin:0 auto; padding:20px 24px 34px calc(var(--sidebar-width) + 58px); display:flex; justify-content:space-between; gap:20px; color:var(--muted-2); font-size:11px; }
.toast {
  position:fixed; right:22px; bottom:22px; z-index:60; opacity:0; transform:translateY(6px); pointer-events:none;
  padding:9px 13px; border:1px solid rgba(74,68,58,.12); border-radius:10px; background:rgba(255,253,248,.92);
  color:var(--text); box-shadow:0 10px 30px rgba(64,54,40,.10); backdrop-filter:blur(20px); transition:.16s ease; font-size:12px;
}
.toast.show { opacity:1; transform:translateY(0); }

/* 三端适配：desktop / tablet / phone */
@media (max-width: 1024px) {
  :root { --sidebar-width: 184px; }

  .topbar-inner,
  .shell {
    max-width: 960px;
  }

  .topbar-inner {
    grid-template-columns: var(--sidebar-width) minmax(260px, 1fr) auto;
    gap: 18px;
  }

  .shell {
    gap: 26px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-head h1 {
    font-size: 36px;
  }

  .resource-head {
    grid-template-columns: 44px minmax(0,1fr);
  }

  .resource-head time {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 820px) {
  .topbar-inner {
    grid-template-columns: auto minmax(0,1fr);
  }

  .site-domain { display:none; }

  .shell {
    grid-template-columns:1fr;
    padding-top:18px;
  }

  .sidebar {
    position:static;
    display:grid;
    gap:10px;
  }

  .sidebar-section + .sidebar-section {
    margin-top:0;
  }

  .sidebar-info { display:none; }

  .section-nav,
  .category-nav {
    display:flex;
    gap:7px;
    overflow-x:auto;
    padding:2px 0 5px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .section-nav::-webkit-scrollbar,
  .category-nav::-webkit-scrollbar {
    display:none;
  }

  .section-item,
  .category-item {
    width:auto;
    min-width:max-content;
    padding:0 12px;
    background:rgba(255,253,248,.58);
  }

  .content-head {
    min-height:auto;
    padding-top:6px;
  }

  .notice-card {
    grid-template-columns:38px minmax(0,1fr);
  }

  .footer {
    padding-left:20px;
    padding-right:20px;
  }
}

@media (max-width: 560px) {
  body {
    font-size:13px;
  }

  .topbar-inner {
    min-height:auto;
    grid-template-columns:1fr;
    gap:10px;
    padding:12px 14px;
  }

  .brand {
    display:none;
  }

  .search {
    width:100%;
    height:40px;
  }

  .shell {
    padding:16px 14px 44px;
  }

  .sidebar-title {
    padding-left:4px;
  }

  .section-item,
  .category-item {
    min-height:34px;
    padding:0 10px;
    border-radius:9px;
  }

  .content-head {
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
    padding:8px 0 20px;
  }

  .content-head h1 {
    font-size:31px;
  }

  .content-desc {
    font-size:13px;
  }

  .result-count {
    padding-bottom:0;
  }

  .notice-card {
    padding:14px 38px 14px 13px;
    grid-template-columns:32px minmax(0,1fr);
    gap:10px;
    border-radius:13px;
  }

  .notice-icon {
    width:32px;
    height:32px;
    border-radius:10px;
  }

  .notice-icon svg {
    width:17px;
    height:17px;
  }

  .notice-body h2 {
    font-size:14px;
  }

  .filterbar {
    min-height:auto;
    align-items:flex-start;
    padding:10px 0;
  }

  .filterbar-controls {
    width:100%;
    gap:7px;
  }

  .filterbar-hint {
    display:none;
  }

  .filter-trigger {
    min-height:35px;
  }

  .filter-trigger-value {
    max-width:104px;
  }

  .subject-popover {
    width:min(350px,calc(100vw - 28px));
  }

  .type-popover {
    width:min(230px,calc(100vw - 28px));
  }

  .toolbar {
    min-height:36px;
  }

  .resource-item {
    border-radius:15px;
  }

  .resource-head {
    padding:17px;
    grid-template-columns:40px minmax(0,1fr);
    gap:12px;
  }

  .resource-icon {
    width:40px;
    height:40px;
    border-radius:11px;
  }

  .resource-type-icon {
    width:19px;
    height:19px;
  }

  .resource-head time {
    grid-column:2;
    padding-top:0;
  }

  .resource-title-line h2 {
    font-size:16px;
  }

  .resource-description {
    font-size:12px;
  }

  .version summary {
    min-height:54px;
    padding:11px 17px;
    align-items:center;
  }

  .version-summary-main {
    gap:8px;
    flex-wrap:wrap;
  }

  .version-meta {
    width:100%;
    padding-left:25px;
  }

  .version-body {
    padding:0 17px 17px;
  }

  .channel-row {
    min-height:0;
    padding:11px 12px;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px 10px;
  }

  .channel-name {
    min-width:0;
  }

  .channel-extra {
    grid-column:1/-1;
    grid-row:2;
  }

  .channel-actions {
    grid-column:2;
    grid-row:1;
  }

  .channel-actions button {
    min-height:29px;
    padding:0 9px;
  }

  .section-summary {
    padding:15px;
    grid-template-columns:38px minmax(0,1fr);
    align-items:start;
  }

  .section-summary-icon {
    width:38px;
    height:38px;
    border-radius:11px;
    display:grid;
    place-items:center;
  }

  .section-summary .primary-action {
    grid-column:1/-1;
    width:100%;
  }

  .errata-statuses {
    grid-template-columns:1fr;
    gap:8px;
  }

  .status-tile {
    padding:12px 14px;
  }

  .footer {
    padding:18px 14px 28px;
    flex-direction:column;
    gap:3px;
  }

  .toast {
    left:50%;
    right:auto;
    max-width:calc(100vw - 28px);
    transform:translate(-50%,6px);
  }

  .toast.show {
    transform:translate(-50%,0);
  }
}

/* Mobile drawer */
.mobile-menu-button,
.mobile-drawer-head,
.mobile-drawer-backdrop {
  display:none;
}

.mobile-menu-button,
.mobile-menu-close {
  padding:0;
  border:0;
  background:transparent;
  color:var(--text);
}

.mobile-menu-button {
  width:40px;
  height:40px;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  cursor:pointer;
}

.mobile-menu-button:hover {
  background:rgba(91,84,73,.08);
}

.mobile-menu-button svg {
  width:20px;
  height:20px;
}

.mobile-drawer-head {
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:4px 4px 18px;
  border-bottom:1px solid rgba(74,68,58,.09);
}

.mobile-drawer-brand {
  display:flex;
  align-items:center;
  gap:10px;
}

.mobile-drawer-brand > div {
  display:grid;
  gap:1px;
}

.mobile-drawer-brand strong {
  font-size:15px;
  line-height:1.2;
}

.mobile-drawer-brand small {
  color:var(--muted-2);
  font-size:10px;
}

.mobile-menu-close {
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  cursor:pointer;
}

.mobile-menu-close:hover {
  background:rgba(91,84,73,.08);
}

.mobile-menu-close svg {
  width:18px;
  height:18px;
}

.mobile-drawer-backdrop {
  position:fixed;
  inset:0;
  z-index:69;
  background:rgba(30,28,25,.18);
  opacity:0;
  transition:opacity .22s ease;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.mobile-drawer-backdrop.show {
  opacity:1;
}

body.drawer-open {
  overflow:hidden;
}


@media (max-width: 560px) {
  .topbar-inner {
    grid-template-columns:40px minmax(0,1fr);
    gap:8px;
  }

  .mobile-menu-button {
    display:flex;
  }

  .search {
    grid-column:2;
    min-width:0;
  }

  .mobile-drawer-backdrop {
    display:block;
  }

  .sidebar {
    position:fixed !important;
    z-index:70;
    top:0;
    left:0;
    width:min(82vw, 320px);
    height:100dvh;
    padding:
      max(18px, env(safe-area-inset-top))
      16px
      max(22px, env(safe-area-inset-bottom));
    display:block !important;
    overflow-y:auto;
    overscroll-behavior:contain;
    background:rgba(250,246,238,.97);
    border-right:1px solid rgba(74,68,58,.10);
    box-shadow:18px 0 50px rgba(64,54,40,.12);
    transform:translateX(-104%);
    transition:transform .24s cubic-bezier(.22,.61,.36,1);
    backdrop-filter:saturate(150%) blur(24px);
    -webkit-backdrop-filter:saturate(150%) blur(24px);
  }

  .sidebar.mobile-open {
    transform:translateX(0);
  }

  .mobile-drawer-head {
    display:flex;
  }

  .sidebar .sidebar-section {
    margin-top:18px !important;
  }

  .sidebar .sidebar-title {
    padding:0 10px;
    margin-bottom:7px;
  }

  .sidebar .section-nav,
  .sidebar .category-nav {
    display:grid !important;
    gap:3px;
    overflow:visible;
    padding:0;
  }

  .sidebar .section-item,
  .sidebar .category-item {
    width:100%;
    min-width:0;
    min-height:40px;
    padding:0 11px;
    background:transparent;
    border-radius:10px;
  }

  .sidebar .section-item.active,
  .sidebar .category-item.active {
    background:rgba(91,84,73,.12);
  }

  .sidebar .sidebar-info {
    display:block;
    padding-top:2px;
  }

  .shell {
    display:block;
  }
}


/* Secondary permanent notice */
.notice-secondary {
  margin-top:-6px;
  background:rgba(255,253,248,.58);
  box-shadow:none;
}

.notice-secondary .secondary-icon {
  background:rgba(91,84,73,.08);
  color:#6f695f;
}

.notice-secondary .notice-label {
  color:#6f695f;
}

.notice-secondary .notice-body h2 {
  font-size:14px;
}

@media (max-width:560px) {
  .notice-secondary {
    margin-top:-8px;
  }
}


/* 2026-09-19 information architecture refresh */
#categorySection,
.content > .notice-card {
  display:none !important;
}

.section-nav {
  display:grid;
  gap:4px;
}

.nav-block {
  display:grid;
  gap:3px;
}

.nav-main,
.nav-child {
  width:100%;
  border:0;
  background:transparent;
  cursor:pointer;
  text-align:left;
}

.nav-main {
  min-height:40px;
  padding:0 11px;
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:10px;
  color:#4f4a43;
}

.nav-main:hover,
.nav-child:hover {
  background:rgba(91,84,73,.07);
}

.nav-main.active {
  background:rgba(91,84,73,.12);
  color:var(--text);
  font-weight:650;
}

.nav-main > b {
  margin-left:auto;
  color:var(--muted-2);
  font-size:11px;
  font-weight:600;
}

.nav-icon {
  width:17px;
  height:17px;
  color:#756f65;
}

.nav-chevron {
  width:14px;
  height:14px;
  color:var(--muted-2);
}

.nav-children {
  margin:0 0 4px 28px;
  padding-left:10px;
  display:grid;
  gap:2px;
  border-left:1px solid rgba(74,68,58,.13);
}

.nav-child {
  min-height:34px;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:8px;
  color:#777167;
  font-size:12px;
}

.nav-child.active {
  background:rgba(91,84,73,.09);
  color:var(--text);
  font-weight:600;
}

.nav-child b {
  color:var(--muted-2);
  font-size:10px;
  font-weight:500;
}

.sidebar-notice {
  width:100%;
  margin-top:24px;
  padding:12px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:9px;
  border:1px solid var(--border);
  border-radius:13px;
  background:rgba(255,253,248,.58);
  text-align:left;
  cursor:pointer;
}

.sidebar-notice:hover {
  background:rgba(255,253,248,.9);
}

.sidebar-notice-icon {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:var(--blue-soft);
  color:var(--blue);
}

.sidebar-notice-icon svg {
  width:15px;
  height:15px;
}

.sidebar-notice-copy {
  min-width:0;
  display:grid;
  gap:2px;
}

.sidebar-notice-copy small,
.sidebar-notice-copy em {
  color:var(--muted-2);
  font-size:9px;
  font-style:normal;
}

.sidebar-notice-copy strong {
  overflow:hidden;
  color:#514c45;
  font-size:11px;
  line-height:1.45;
  text-overflow:ellipsis;
}

.overview-metrics {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-bottom:14px;
}

.metric-card {
  padding:15px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:11px;
  border:1px solid var(--border);
  border-radius:15px;
  background:rgba(255,253,248,.76);
  text-align:left;
  cursor:pointer;
}

.metric-card:hover {
  background:rgba(255,253,248,.96);
  box-shadow:0 7px 24px rgba(64,54,40,.05);
}

.metric-icon {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(91,84,73,.08);
  color:#5f5a52;
}

.metric-icon svg {
  width:18px;
  height:18px;
}

.metric-card > span:last-child {
  display:grid;
}

.metric-card small,
.metric-card em {
  color:var(--muted-2);
  font-size:9px;
  font-style:normal;
}

.metric-card strong {
  font-size:22px;
  line-height:1.25;
}

.overview-grid {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:14px;
}

.overview-card {
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:rgba(255,253,248,.78);
}

.overview-card-head {
  min-height:57px;
  padding:13px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid var(--border);
}

.overview-card-head span {
  color:var(--muted-2);
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
}

.overview-card-head h2 {
  margin:2px 0 0;
  font-size:15px;
}

.overview-card-head button {
  border:0;
  background:transparent;
  color:var(--blue);
  font-size:11px;
  cursor:pointer;
}

.overview-list {
  display:grid;
}

.overview-row,
.notice-row {
  width:100%;
  min-height:62px;
  padding:10px 15px;
  display:grid;
  align-items:center;
  border:0;
  border-bottom:1px solid rgba(74,68,58,.08);
  background:transparent;
  text-align:left;
  cursor:pointer;
}

.overview-row:last-child,
.notice-row:last-child {
  border-bottom:0;
}

.overview-row:hover,
.notice-row:hover {
  background:rgba(91,84,73,.035);
}

.overview-row {
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:10px;
}

.overview-row-icon {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(91,84,73,.07);
}

.overview-row-icon svg {
  width:17px;
  height:17px;
}

.overview-row > span:nth-child(2) {
  display:grid;
  gap:2px;
}

.overview-row strong,
.notice-row strong {
  font-size:12px;
}

.overview-row small,
.overview-row time,
.notice-row small,
.notice-row em {
  color:var(--muted-2);
  font-size:9px;
  font-style:normal;
}

.notice-row {
  grid-template-columns:1fr;
  gap:3px;
}

.overview-wide {
  margin-top:14px;
}

.overview-errata {
  display:grid;
  grid-template-columns:repeat(3,1fr);
}

.overview-errata > div {
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-right:1px solid var(--border);
}

.overview-errata > div:last-child {
  border-right:0;
}

.overview-errata span {
  color:var(--muted);
  font-size:11px;
}

.overview-errata strong {
  font-size:18px;
}

.announcement-page-list {
  display:grid;
  gap:12px;
}

.announcement-card {
  padding:18px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:13px;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:rgba(255,253,248,.78);
}

.announcement-icon {
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(91,84,73,.08);
}

.announcement-icon svg {
  width:19px;
  height:19px;
}

.announcement-meta {
  display:flex;
  gap:8px;
  color:var(--muted-2);
  font-size:10px;
}

.announcement-card h2 {
  margin:5px 0;
  font-size:15px;
}

.announcement-card p {
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.75;
}

@media (max-width:1024px) {
  .overview-metrics {
    grid-template-columns:repeat(2,1fr);
  }
  .overview-grid {
    grid-template-columns:1fr;
  }
}

@media (max-width:560px) {
  .overview-metrics {
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .metric-card {
    padding:12px;
    grid-template-columns:32px minmax(0,1fr);
    gap:9px;
  }
  .metric-icon {
    width:32px;
    height:32px;
  }
  .metric-icon svg {
    width:16px;
    height:16px;
  }
  .metric-card strong {
    font-size:19px;
  }
  .overview-row {
    grid-template-columns:34px minmax(0,1fr);
  }
  .overview-row time {
    display:none;
  }
  .overview-errata {
    grid-template-columns:1fr;
  }
  .overview-errata > div {
    border-right:0;
    border-bottom:1px solid var(--border);
  }
  .overview-errata > div:last-child {
    border-bottom:0;
  }
}


/* Unified modal: announcements, resource links, print info, errata */
.unified-modal-backdrop{
  position:fixed;inset:0;z-index:89;background:rgba(38,34,29,.20);
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)
}
.unified-modal{
  position:fixed;z-index:90;left:50%;top:50%;
  width:min(520px,calc(100vw - 28px));max-height:min(78dvh,720px);
  transform:translate(-50%,-50%);overflow:auto;
  border:1px solid var(--border);border-radius:20px;
  background:rgba(255,253,248,.98);
  box-shadow:0 24px 80px rgba(64,54,40,.17)
}
.unified-modal-head{
  position:sticky;top:0;z-index:2;min-height:68px;
  padding:14px 16px 12px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;
  border-bottom:1px solid var(--border);background:rgba(255,253,248,.94);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.unified-modal-head span{color:var(--muted-2);font-size:9px;font-weight:700;letter-spacing:.13em}
.unified-modal-head h2{margin:3px 0 0;font-size:17px}
.unified-modal-close{
  width:34px;height:34px;padding:0;border:0;border-radius:10px;
  display:grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer
}
.unified-modal-close:hover{background:rgba(91,84,73,.08)}
.unified-modal-close svg{width:18px;height:18px}
.unified-modal-body{padding:18px}
.unified-modal-actions{
  position:sticky;bottom:0;padding:12px 16px;
  display:flex;justify-content:flex-end;gap:8px;
  border-top:1px solid var(--border);background:rgba(255,253,248,.95);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.unified-modal-actions:empty{display:none}
.modal-action{
  min-height:34px;padding:0 12px;border:0;border-radius:9px;
  background:rgba(91,84,73,.09);cursor:pointer;font-size:11px;font-weight:600
}
.modal-action.primary{background:var(--blue);color:#fff}
.modal-detail-row{
  min-height:42px;padding:9px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-bottom:1px solid var(--border)
}
.modal-detail-row span{color:var(--muted);font-size:11px}
.modal-detail-row strong{font-size:11px}
.modal-link-box{
  margin-top:12px;padding:11px;border-radius:10px;background:rgba(91,84,73,.07);
  color:#555047;font-size:11px;line-height:1.6;word-break:break-all
}
.modal-empty{padding:24px 8px;text-align:center;color:var(--muted)}
.modal-empty strong{display:block;margin-bottom:5px;color:var(--text)}
.modal-empty p,.modal-article p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}
.modal-article time{display:block;margin-top:12px;color:var(--muted-2);font-size:10px}
.modal-stack{display:grid;gap:9px}
.modal-list-button{
  width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;
  display:grid;gap:3px;background:var(--surface-soft);text-align:left;cursor:pointer
}
.modal-list-button:hover{background:var(--surface)}
.modal-list-button span,.modal-list-button small{color:var(--muted-2);font-size:9px}
.modal-list-button strong{font-size:12px}
.modal-errata-item{
  padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)
}
.modal-errata-item>div{display:flex;align-items:center;gap:8px}
.modal-errata-item p{margin:7px 0 0;color:var(--muted);font-size:11px}
.errata-channel{background:rgba(64,120,168,.025)}
.errata-channel .channel-icon{color:#716d65}
body.modal-open{overflow:hidden}

@media(max-width:560px){
  .unified-modal{
    top:auto;bottom:0;left:0;width:100vw;max-height:82dvh;
    transform:none;border-radius:20px 20px 0 0;border-bottom:0
  }
}


/* 2026-09-19 overview symmetry + interaction polish */
to{opacity:1;transform:none}
}

button,
summary,
a,
[role="button"]{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

.overview-view{
  display:grid;
  gap:14px;
}

.overview-notice{
  width:100%;
  min-height:92px;
  padding:16px 18px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 24px;
  gap:13px;
  align-items:center;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:rgba(255,253,248,.88);
  text-align:left;
  cursor:pointer;
  box-shadow:0 5px 22px rgba(64,54,40,.035);
}
.overview-notice:hover{
  background:rgba(255,253,248,.98);
  transform:translateY(-1px);
}
.overview-notice-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--blue-soft);
  color:var(--blue);
}
.overview-notice-icon svg{
  width:19px;
  height:19px;
}
.overview-notice-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.overview-notice-copy>span{
  display:flex;
  align-items:center;
  gap:8px;
}
.overview-notice-copy b{
  color:var(--blue);
  font-size:10px;
  font-weight:700;
  letter-spacing:.05em;
}
.overview-notice-copy time{
  color:var(--muted-2);
  font-size:9px;
}
.overview-notice-copy strong{
  font-size:14px;
}
.overview-notice-copy small{
  overflow:hidden;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.overview-notice-arrow{
  justify-self:end;
  color:var(--muted-2);
  font-size:26px;
  line-height:1;
}

.overview-metrics{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px;
  margin:0 !important;
}
.metric-card{
  min-height:112px;
  align-content:center;
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}
.metric-card:active,
.maintenance-row:active,
.overview-row:active,
.overview-notice:active{
  transform:scale(.985);
}
.overview-grid.balanced{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px;
  align-items:stretch;
}
.overview-grid.balanced>.overview-card{
  min-height:238px;
}
.maintenance-list{
  display:grid;
  height:calc(100% - 57px);
}
.maintenance-row{
  width:100%;
  min-height:90px;
  padding:14px 16px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:3px 14px;
  align-content:center;
  border:0;
  border-bottom:1px solid rgba(74,68,58,.08);
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.maintenance-row:last-child{
  border-bottom:0;
}
.maintenance-row:hover{
  background:rgba(91,84,73,.035);
}
.maintenance-row>span{
  grid-column:1;
  color:var(--muted-2);
  font-size:9px;
  font-weight:650;
}
.maintenance-row>strong{
  grid-column:1;
  font-size:12px;
}
.maintenance-row>small{
  grid-column:1;
  color:var(--muted);
  font-size:10px;
}
.maintenance-row::after{
  grid-column:2;
  grid-row:1/4;
  align-self:center;
  content:"›";
  color:var(--muted-2);
  font-size:22px;
}
.channel-actions{
  position:relative;
  z-index:2;
}
.errata-channel .channel-actions{
  gap:5px;
}
.errata-channel .channel-actions button:last-child{
  background:var(--blue);
  color:#fff;
}

@media(max-width:1024px){
  .overview-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .overview-grid.balanced{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:560px){
  .mobile-drawer-backdrop{
    pointer-events:none;
  }
  .mobile-drawer-backdrop.show{
    pointer-events:auto;
  }
  .sidebar{
    pointer-events:none;
  }
  .sidebar.mobile-open{
    pointer-events:auto;
  }
}

@media(max-width:560px){
  .overview-view{
    gap:10px;
  }
  .overview-notice{
    min-height:82px;
    padding:13px;
    grid-template-columns:34px minmax(0,1fr) 18px;
    gap:10px;
    border-radius:15px;
  }
  .overview-notice-icon{
    width:34px;
    height:34px;
    border-radius:10px;
  }
  .overview-notice-icon svg{
    width:17px;
    height:17px;
  }
  .overview-notice-copy strong{
    font-size:13px;
  }
  .overview-notice-copy small{
    font-size:10px;
  }
  .overview-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px;
  }
  .metric-card{
    min-height:104px;
  }
  .overview-grid.balanced{
    grid-template-columns:1fr !important;
    gap:10px;
  }
  .overview-grid.balanced>.overview-card{
    min-height:0;
  }
  .maintenance-row{
    min-height:78px;
  }
  .channel-actions button{
    touch-action:manipulation;
  }
}

@media(prefers-reduced-motion:reduce){
  .metric-card,
  .overview-notice{
    transition:none;
  }
}

/* hard view visibility guard */
#overviewView[hidden],
#resourceView[hidden],
#experienceView[hidden],
#aboutView[hidden]{
  display:none !important;
}
#overviewView:not([hidden]){
  display:grid;
}

.pin-badge{
  display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;
  background:rgba(64,120,168,.10);color:var(--blue);font-size:9px;font-weight:700
}

/* subject-code resource metadata */
.resource-tags span:first-child{font-weight:650}
@media(max-width:560px){
  .resource-head>time{white-space:nowrap}
}


/* configurable community / free information */
.community-info{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.community-card{
  min-height:92px;
  padding:14px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:11px;
  align-items:center;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:rgba(255,253,248,.82);
  box-shadow:0 5px 20px rgba(64,54,40,.025);
}
.community-card[hidden]{display:none!important}
.community-icon{
  width:38px;height:38px;border-radius:11px;
  display:grid;place-items:center;
  background:rgba(91,84,73,.065);
  color:var(--muted);
}
.community-icon svg{
  width:19px;height:19px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.community-icon.qq-icon{
  background:rgba(18,145,255,.09);
  color:#1291ff;
}
.community-icon.qq-icon svg{
  fill:currentColor;stroke:none;
}
.community-card>span:last-child,
.community-copy{
  min-width:0;display:grid;gap:4px;
}
.community-card strong{font-size:12px}
.community-card small{color:var(--muted);font-size:10px;line-height:1.55}
.community-copy b{
  width:max-content;
  padding:3px 7px;border-radius:7px;
  background:rgba(18,145,255,.08);
  color:#276f9f;font-size:11px;letter-spacing:.04em;
}
.qq-card{
  grid-template-columns:38px minmax(0,1fr) auto;
}
.community-action{
  min-height:30px;padding:0 10px;border:1px solid var(--border);
  border-radius:8px;background:rgba(255,255,255,.52);
  color:var(--text);font-size:9px;font-weight:650;
}
.community-action:hover{background:#fff}
@media(max-width:900px){
  .community-info{grid-template-columns:1fr}
  .community-card{min-height:76px}
}
@media(max-width:560px){
  .community-info{gap:8px}
  .community-card{padding:12px;border-radius:14px}
  .qq-card{grid-template-columns:34px minmax(0,1fr) auto}
  .community-icon{width:34px;height:34px;border-radius:10px}
  .community-icon svg{width:17px;height:17px}
  .community-action{padding:0 8px}
}

.community-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.community-action.primary{background:rgba(18,145,255,.10);border-color:rgba(18,145,255,.16);color:#276f9f}
#qqNumber{cursor:pointer;user-select:all;-webkit-user-select:all}
@media(max-width:560px){
  .community-actions{grid-column:2/-1;justify-content:flex-start}
  .qq-card{grid-template-columns:34px minmax(0,1fr)}
}

/* public release/version traceability */
.published-versions{
  margin-top:13px;
  padding:11px 12px;
  border:1px solid rgba(74,68,58,.09);
  border-radius:11px;
  background:rgba(91,84,73,.035);
}
.published-versions-head{
  margin-bottom:8px;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}
.published-versions-head>span{font-size:10px;font-weight:700;color:var(--text)}
.published-versions-head>small{font-size:9px;color:var(--muted-2)}
.published-version-list{display:flex;gap:7px;flex-wrap:wrap}
.published-version-item{
  min-height:29px;
  padding:5px 8px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(74,68,58,.08);
  border-radius:8px;
  background:rgba(255,253,248,.72);
  font-size:9px;
}
.published-version-name{font-weight:650;color:var(--text)}
.published-version-item strong{color:var(--blue);font-size:9px}
.published-version-item time{color:var(--muted-2);font-size:9px}
.published-current,.current-release{
  padding:2px 5px;
  border-radius:999px;
  background:rgba(64,120,168,.10);
  color:var(--blue);
  font-size:8px;
  font-weight:700;
}
.version-release-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.version-release-meta .version-number{
  padding:2px 6px;border-radius:6px;background:var(--blue-soft);color:var(--blue);font-size:9px;font-weight:650
}
.version-release-meta time{color:var(--muted-2);font-size:9px}
@media(max-width:560px){
  .published-versions-head{align-items:flex-start;flex-direction:column;gap:2px}
  .published-version-list{display:grid;grid-template-columns:1fr;width:100%}
  .published-version-item{width:100%;justify-content:flex-start}
  .version-release-meta{width:100%;padding-left:25px}
}

.experience-list{display:grid;gap:12px}
.experience-card{padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:rgba(255,253,248,.82)}
.experience-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.experience-card h3{margin:8px 0 0;font-size:17px;line-height:1.45}
.experience-meta{margin-top:10px;color:var(--muted);font-size:12px}
.experience-card p{margin:12px 0 0;white-space:pre-wrap;line-height:1.75;color:#4f4a42}
.experience-card time{display:block;margin-top:12px;color:var(--muted);font-size:11px}
.experience-source{flex:0 0 auto;padding:7px 10px;border-radius:8px;background:rgba(91,84,73,.08);color:inherit;text-decoration:none;font-size:12px}
@media(max-width:560px){.experience-card-head{display:block}.experience-source{display:inline-flex;margin-top:10px}}


/* Compact resource cards 2026-09-20 */
.compact-resource{
  overflow:hidden;
  border:1px solid rgba(74,68,58,.10);
  border-radius:16px;
  background:rgba(255,253,248,.94);
  box-shadow:0 3px 14px rgba(64,54,40,.035);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.compact-resource:hover{
  transform:translateY(-1px);
  border-color:rgba(74,68,58,.15);
  box-shadow:0 9px 26px rgba(64,54,40,.06);
}
.compact-resource-main{
  min-height:116px;
  padding:17px 18px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:12px 14px;
  align-items:center;
}
.compact-resource-icon{
  width:38px;height:38px;display:grid;place-items:center;align-self:start;
  border-radius:11px;background:rgba(72,68,61,.065);color:#514d46;
}
.compact-resource-icon svg{width:18px;height:18px}
.compact-resource-copy{min-width:0}
.compact-resource .resource-title-line{gap:7px;min-height:24px}
.compact-resource .resource-title-line h2{font-size:16px;font-weight:680;letter-spacing:-.015em}
.compact-status{position:relative;padding-left:10px;color:#8a6a3a;font-size:10px;font-weight:600}
.compact-status::before{
  content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;
  background:#c89045;transform:translateY(-50%);
}
.compact-resource .resource-description{
  max-width:640px;margin:4px 0 8px;color:#706a61;font-size:11.5px;line-height:1.55;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;
}
.compact-resource-meta{display:flex;align-items:center;gap:6px;min-width:0;color:#9a948a;font-size:10px}
.compact-resource-meta span,.compact-resource-meta time{white-space:nowrap}
.compact-resource-meta span:first-child{
  max-width:220px;overflow:hidden;text-overflow:ellipsis;color:#676159;font-weight:560;
}
.compact-resource-meta span+span::before,.compact-resource-meta time::before{
  content:"·";margin-right:6px;color:#c4beb4;
}
.compact-resource-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.quick-channel{
  height:34px;display:inline-flex;align-items:stretch;overflow:hidden;
  border:1px solid rgba(74,68,58,.10);border-radius:10px;background:#fbfaf6;
}
.quick-channel button{border:0;background:transparent;font-size:10.5px}
.quick-open{
  min-width:92px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;
  gap:6px;color:#47443f;cursor:pointer;
}
.quick-open>span{font-weight:620}
.quick-open small{color:#a7a198;font-size:9px;font-weight:500}
.quick-channel-icon{width:14px;height:14px;color:#777168}
.quick-copy{
  min-width:42px;padding:0 9px;border-left:1px solid rgba(74,68,58,.09)!important;
  color:var(--blue);cursor:pointer;
}
.quick-channel.ready{background:#fff}
.quick-channel.ready:hover{border-color:rgba(64,120,168,.20)}
.quick-channel.ready .quick-open:hover,.quick-channel.ready .quick-copy:hover{background:rgba(64,120,168,.055)}
.quick-channel.unavailable{background:rgba(91,84,73,.025)}
.quick-channel.unavailable button{color:#aaa49b;cursor:default}
.quick-channel.unavailable .quick-channel-icon{color:#b9b3aa}
.resource-detail-toggle{
  height:34px;padding:0 11px;border:0;border-radius:9px;background:transparent;
  color:#6f6960;font-size:10.5px;font-weight:600;cursor:pointer;
}
.resource-detail-toggle span{
  display:inline-block;margin-left:3px;color:#9a948a;font-size:15px;line-height:1;vertical-align:-1px;
}
.resource-detail-toggle:hover,.resource-detail-toggle.active{background:rgba(91,84,73,.065);color:#403d38}
.resource-detail-panel{border-top:1px solid rgba(74,68,58,.08);background:#faf8f3}
.resource-detail-panel[hidden]{display:none!important}
.resource-detail-panel .published-versions{
  margin:0;padding:13px 18px;border:0;border-bottom:1px solid rgba(74,68,58,.07);
  border-radius:0;background:transparent;
}
.resource-detail-panel .published-versions-head{margin-bottom:7px}
.resource-detail-panel .published-version-item{
  min-height:28px;border-color:rgba(74,68,58,.07);background:rgba(255,253,248,.82);
}
.resource-detail-panel .versions{border-top:0;background:transparent}
.resource-detail-panel .version summary{padding-left:18px;padding-right:18px}
.resource-detail-panel .version-body{padding-left:18px;padding-right:18px}
@media(max-width:900px){
  .compact-resource-main{grid-template-columns:38px minmax(0,1fr)}
  .compact-resource-actions{grid-column:2;justify-content:flex-start}
}
@media(max-width:560px){
  .compact-resource{border-radius:14px}
  .compact-resource-main{
    min-height:0;padding:14px;grid-template-columns:34px minmax(0,1fr);gap:9px 10px;
  }
  .compact-resource-icon{width:34px;height:34px;border-radius:10px}
  .compact-resource .resource-title-line h2{font-size:15px}
  .compact-resource .resource-description{margin:3px 0 6px;font-size:11px}
  .compact-resource-meta{
    gap:5px;font-size:9.5px;overflow-x:auto;scrollbar-width:none;
  }
  .compact-resource-meta::-webkit-scrollbar{display:none}
  .compact-resource-meta span:first-child{max-width:160px}
  .compact-resource-meta span+span::before,.compact-resource-meta time::before{margin-right:5px}
  .compact-resource-actions{
    grid-column:1/-1;width:100%;margin-top:3px;display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:6px;
  }
  .quick-channel{width:100%;min-width:0;height:34px}
  .quick-open{min-width:0;flex:1;padding:0 7px}
  .quick-open>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .quick-open small{display:none}
  .quick-copy{min-width:39px;padding:0 7px}
  .resource-detail-toggle{width:54px;padding:0 6px}
  .resource-detail-panel .published-versions{padding:12px 14px}
  .resource-detail-panel .version summary,.resource-detail-panel .version-body{
    padding-left:14px;padding-right:14px;
  }
}


/* About / acknowledgements */
.about-view{max-width:820px;display:grid;gap:0}
.about-lead{max-width:720px;padding:4px 0 28px}
.about-lead p{margin:0;color:#5f5a52;font-size:15px;line-height:1.9}
.about-lead p+p{margin-top:12px}
.about-section{
  display:grid;grid-template-columns:110px minmax(0,1fr);gap:28px;
  padding:28px 0;border-top:1px solid rgba(74,68,58,.10);
}
.about-section-label{padding-top:3px;color:#989289;font-size:10px;font-weight:700;letter-spacing:.12em}
.about-section-body h2{margin:0 0 10px;font-size:18px;font-weight:680;letter-spacing:-.015em}
.about-section-body p,.about-principles p,.about-contribution-row p{
  margin:0;color:#706a61;font-size:12px;line-height:1.8;
}
.about-section-body p+p{margin-top:10px}
.about-section-body strong{color:#3f3b36}
.about-contributions{border-top:1px solid rgba(74,68,58,.08)}
.about-contribution-row{
  min-height:78px;display:grid;grid-template-columns:130px minmax(0,1fr);gap:22px;
  align-items:start;padding:16px 0;border-bottom:1px solid rgba(74,68,58,.08);
}
.about-contribution-row strong{color:#3f3b36;font-size:12px;font-weight:650}
.about-principles{display:grid;gap:12px}
.about-principles strong{color:#3f3b36;font-weight:650}
.about-actions{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}
.about-action{
  min-height:36px;padding:0 13px;border:1px solid rgba(74,68,58,.12);border-radius:9px;
  background:rgba(255,253,248,.78);color:#4d4943;font-size:11px;font-weight:620;cursor:pointer;
}
.about-action:hover{background:#fffdf8}
.about-action.primary{border-color:rgba(64,120,168,.14);background:var(--blue);color:#fff}
.about-action.primary:hover{background:var(--blue-hover)}
@media(max-width:700px){
  .about-lead{padding-bottom:22px}
  .about-lead p{font-size:13px;line-height:1.82}
  .about-section{grid-template-columns:1fr;gap:10px;padding:22px 0}
  .about-section-label{padding-top:0}
  .about-contribution-row{grid-template-columns:1fr;gap:5px;min-height:0;padding:14px 0}
}
@media(max-width:560px){
  .about-section-body h2{font-size:16px}
  .about-section-body p,.about-principles p,.about-contribution-row p{font-size:11.5px}
  .about-actions{display:grid;grid-template-columns:1fr 1fr}
  .about-action{width:100%}
}



/* Subtle binary bitstream background */
.bitstream-background{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
  opacity:1;
  mix-blend-mode:multiply;
}

@media(prefers-reduced-motion:reduce){
  .bitstream-background{display:none}
}


/* Mobile drawer layer repair */
@media(max-width:560px){
  .topbar{z-index:30}
  .mobile-drawer-backdrop{
    z-index:80;
    background:rgba(34,31,27,.22);
  }
  .sidebar{
    z-index:81 !important;
    isolation:isolate;
    transform:translate3d(-104%,0,0);
    will-change:transform;
  }
  .sidebar.mobile-open{
    transform:translate3d(0,0,0);
  }
}


/* Three-way theme switcher */
.theme-switcher{
  height:32px;padding:3px;display:inline-flex;align-items:center;gap:2px;
  border:1px solid rgba(74,68,58,.10);border-radius:10px;
  background:rgba(255,253,248,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.theme-option{
  min-width:42px;height:26px;padding:0 8px;border:0;border-radius:7px;
  background:transparent;color:var(--muted);font-size:10px;font-weight:620;cursor:pointer;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
.theme-option:hover{color:var(--text)}
.theme-option[aria-pressed="true"]{
  background:var(--surface-solid);color:var(--text);box-shadow:0 1px 4px rgba(55,48,38,.08);
}

/* White */
:root[data-theme="white"]{
  color-scheme:light;
  --bg:#fff;--bg-soft:#f7f7f5;--surface:rgba(255,255,255,.88);--surface-solid:#fff;
  --text:#20201f;--muted:#696864;--muted-2:#98958f;
  --border:rgba(42,42,40,.11);--border-strong:rgba(42,42,40,.18);
  --blue:#3f73a2;--blue-hover:#32638e;--blue-soft:rgba(63,115,162,.09);--orange:#c8842b;
}
:root[data-theme="white"] html,
:root[data-theme="white"] body{background:#fff}
:root[data-theme="white"] body{background:#fff}
:root[data-theme="white"] .topbar{background:rgba(255,255,255,.90);border-bottom-color:rgba(42,42,40,.08)}
:root[data-theme="white"] .search,
:root[data-theme="white"] .filter-trigger{background:rgba(38,38,36,.055)}
:root[data-theme="white"] .theme-switcher{background:rgba(247,247,245,.94);border-color:rgba(42,42,40,.09)}
:root[data-theme="white"] .compact-resource,
:root[data-theme="white"] .overview-card,
:root[data-theme="white"] .community-card,
:root[data-theme="white"] .experience-card,
:root[data-theme="white"] .announcement-card,
:root[data-theme="white"] .section-summary,
:root[data-theme="white"] .empty-state{background:rgba(255,255,255,.94)}
:root[data-theme="white"] .resource-detail-panel,
:root[data-theme="white"] .versions{background:#f8f8f6}
:root[data-theme="white"] .sidebar.mobile-open{background:rgba(255,255,255,.985)}

/* Dark */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#151714;
  --bg-soft:#1a1d19;
  --surface:rgba(30,33,29,.88);
  --surface-solid:#1e211d;
  --text:#eeeee8;
  --muted:#aaa9a1;
  --muted-2:#797a72;
  --border:rgba(235,236,226,.095);
  --border-strong:rgba(235,236,226,.16);
  --blue:#82b2d7;
  --blue-hover:#96c3e3;
  --blue-soft:rgba(130,178,215,.13);
  --orange:#d4a15f;
}
:root[data-theme="dark"] html,
:root[data-theme="dark"] body{background:#171816}
:root[data-theme="dark"] body{
  color:var(--text);
  background:radial-gradient(circle at 50% -10%,rgba(91,103,87,.10),transparent 34%),linear-gradient(180deg,#191a17 0%,#151614 100%);
}
:root[data-theme="dark"] .topbar{background:rgba(23,24,22,.90);border-bottom-color:rgba(238,235,226,.08)}
:root[data-theme="dark"] .brand-symbol{background:#ece9df;color:#242521;box-shadow:none}
:root[data-theme="dark"] .search,
:root[data-theme="dark"] .filter-trigger{background:rgba(255,255,255,.065)}
:root[data-theme="dark"] .search:focus-within,
:root[data-theme="dark"] .filter-trigger[aria-expanded="true"]{background:rgba(35,36,33,.98)}
:root[data-theme="dark"] .search kbd{background:rgba(255,255,255,.08)}
:root[data-theme="dark"] .theme-switcher{background:rgba(255,255,255,.055);border-color:var(--border);box-shadow:none}
:root[data-theme="dark"] .theme-option[aria-pressed="true"]{background:#30312d;box-shadow:none}
:root[data-theme="dark"] .nav-main,
:root[data-theme="dark"] .nav-child,
:root[data-theme="dark"] .resource-detail-toggle{color:var(--muted)}
:root[data-theme="dark"] .nav-main.active,
:root[data-theme="dark"] .nav-child.active,
:root[data-theme="dark"] .resource-detail-toggle.active{color:var(--text);background:rgba(255,255,255,.07)}
:root[data-theme="dark"] .compact-resource,
:root[data-theme="dark"] .overview-card,
:root[data-theme="dark"] .community-card,
:root[data-theme="dark"] .experience-card,
:root[data-theme="dark"] .announcement-card,
:root[data-theme="dark"] .section-summary,
:root[data-theme="dark"] .empty-state,
:root[data-theme="dark"] .notice-card{background:rgba(31,32,29,.90);border-color:var(--border);box-shadow:0 6px 20px rgba(0,0,0,.12)}
:root[data-theme="dark"] .compact-resource-icon,
:root[data-theme="dark"] .metric-icon,
:root[data-theme="dark"] .overview-row-icon,
:root[data-theme="dark"] .community-icon,
:root[data-theme="dark"] .announcement-icon,
:root[data-theme="dark"] .section-summary-icon{background:rgba(255,255,255,.07);color:#c2beb4}
:root[data-theme="dark"] .content-desc,
:root[data-theme="dark"] .resource-description,
:root[data-theme="dark"] .compact-resource .resource-description,
:root[data-theme="dark"] .about-lead p,
:root[data-theme="dark"] .about-section-body p,
:root[data-theme="dark"] .about-principles p,
:root[data-theme="dark"] .about-contribution-row p,
:root[data-theme="dark"] .experience-card p{color:#aaa79f}
:root[data-theme="dark"] .compact-resource-meta span:first-child,
:root[data-theme="dark"] .about-section-body strong,
:root[data-theme="dark"] .about-principles strong,
:root[data-theme="dark"] .about-contribution-row strong{color:#d7d4cc}
:root[data-theme="dark"] .resource-detail-panel,
:root[data-theme="dark"] .versions{background:#1b1c19}
:root[data-theme="dark"] .published-version-item,
:root[data-theme="dark"] .channel-list,
:root[data-theme="dark"] .quick-channel.ready{background:#242521}
:root[data-theme="dark"] .quick-channel,
:root[data-theme="dark"] .quick-channel.unavailable{background:#1d1e1b;border-color:var(--border)}
:root[data-theme="dark"] .quick-open,
:root[data-theme="dark"] .quick-channel.ready .quick-open{color:#d9d6ce}
:root[data-theme="dark"] .command-popover,
:root[data-theme="dark"] .unified-modal,
:root[data-theme="dark"] .unified-modal-head,
:root[data-theme="dark"] .unified-modal-actions{background:rgba(31,32,29,.985);border-color:var(--border)}
:root[data-theme="dark"] .sidebar.mobile-open{background:rgba(27,28,25,.985);border-right-color:var(--border);box-shadow:18px 0 50px rgba(0,0,0,.30)}
:root[data-theme="dark"] .mobile-drawer-backdrop{background:rgba(0,0,0,.44)}
:root[data-theme="dark"] .site-note,
:root[data-theme="dark"] .about-section,
:root[data-theme="dark"] .about-contributions,
:root[data-theme="dark"] .about-contribution-row{border-color:var(--border)}
:root[data-theme="dark"] .footer{color:#77746c}

@media(max-width:900px){
  .topbar-inner{grid-template-columns:var(--sidebar-width) minmax(240px,1fr) auto}
  .site-domain{display:none}
}
@media(max-width:560px){
  .topbar-inner{grid-template-columns:40px minmax(0,1fr) auto;gap:8px}
  .theme-switcher{height:38px;padding:3px}
  .theme-option{min-width:32px;height:30px;padding:0 6px;font-size:9px}
  .site-domain{display:none}
}



/* Dark theme polish v2 */
:root[data-theme="dark"]{
  --dark-panel:#1e211d;
  --dark-panel-2:#222520;
  --dark-panel-3:#191c18;
  --dark-hover:rgba(255,255,255,.055);
  --dark-active:rgba(255,255,255,.085);
  --dark-line:rgba(235,236,226,.085);
  --dark-shadow:rgba(0,0,0,.28);
}
:root[data-theme="dark"] body{
  background:
    radial-gradient(circle at 18% -5%,rgba(98,122,101,.10),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(73,94,86,.07),transparent 24%),
    linear-gradient(180deg,#171916 0%,#131512 100%);
}
:root[data-theme="dark"] .bitstream-background{
  mix-blend-mode:screen;
  opacity:.82;
}

/* Header / search / theme control */
:root[data-theme="dark"] .topbar{
  background:rgba(20,22,19,.86);
  border-bottom-color:var(--dark-line);
  box-shadow:0 1px 0 rgba(0,0,0,.12);
}
:root[data-theme="dark"] .search{
  border-color:rgba(255,255,255,.035);
  background:rgba(255,255,255,.055);
}
:root[data-theme="dark"] .search:hover{
  background:rgba(255,255,255,.072);
}
:root[data-theme="dark"] .search:focus-within{
  border-color:rgba(130,178,215,.26);
  background:#20231f;
  box-shadow:0 0 0 3px rgba(130,178,215,.09);
}
:root[data-theme="dark"] .search svg,
:root[data-theme="dark"] .command-search svg{
  color:#8f9189;
}
:root[data-theme="dark"] .search input,
:root[data-theme="dark"] .command-search input{
  color:var(--text);
}
:root[data-theme="dark"] .search input::placeholder,
:root[data-theme="dark"] .command-search input::placeholder{
  color:#6f716a;
}
:root[data-theme="dark"] .search kbd{
  color:#85877f;
  background:rgba(255,255,255,.065);
}
:root[data-theme="dark"] .theme-switcher{
  background:#1b1e1a;
  border-color:var(--dark-line);
}
:root[data-theme="dark"] .theme-option{
  color:#8f9089;
}
:root[data-theme="dark"] .theme-option:hover{
  color:#d9d9d3;
  background:rgba(255,255,255,.04);
}
:root[data-theme="dark"] .theme-option[aria-pressed="true"]{
  color:#f1f1eb;
  background:#2b2e29;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
:root[data-theme="dark"] .site-domain{color:#686a63}

/* Sidebar / navigation */
:root[data-theme="dark"] .sidebar-title,
:root[data-theme="dark"] .sidebar-notice-copy small,
:root[data-theme="dark"] .sidebar-notice-copy em{
  color:#73756d;
}
:root[data-theme="dark"] .nav-main,
:root[data-theme="dark"] .nav-child{
  color:#9b9d95;
}
:root[data-theme="dark"] .nav-icon,
:root[data-theme="dark"] .nav-chevron{
  color:#7d8078;
}
:root[data-theme="dark"] .nav-main:hover,
:root[data-theme="dark"] .nav-child:hover{
  background:var(--dark-hover);
  color:#d2d3cd;
}
:root[data-theme="dark"] .nav-main.active,
:root[data-theme="dark"] .nav-child.active{
  background:var(--dark-active);
  color:#f0f0ea;
}
:root[data-theme="dark"] .nav-children{
  border-left-color:var(--dark-line);
}
:root[data-theme="dark"] .sidebar-notice{
  border-color:var(--dark-line);
  background:rgba(255,255,255,.035);
}
:root[data-theme="dark"] .sidebar-notice:hover{
  background:rgba(255,255,255,.055);
}
:root[data-theme="dark"] .sidebar-notice-copy strong{color:#c8c9c2}
:root[data-theme="dark"] .sidebar.mobile-open{
  background:rgba(24,27,23,.985);
}

/* Main headings / helpers */
:root[data-theme="dark"] .eyebrow,
:root[data-theme="dark"] .breadcrumb,
:root[data-theme="dark"] .result-count,
:root[data-theme="dark"] .filterbar-hint,
:root[data-theme="dark"] .toolbar-sort,
:root[data-theme="dark"] .view-note{
  color:#75776f;
}
:root[data-theme="dark"] .content-head h1{color:#f1f1ec}
:root[data-theme="dark"] .content-desc{color:#9ea097}

/* Notices and overview */
:root[data-theme="dark"] .notice-card,
:root[data-theme="dark"] .notice-secondary,
:root[data-theme="dark"] .overview-notice,
:root[data-theme="dark"] .metric-card,
:root[data-theme="dark"] .overview-card,
:root[data-theme="dark"] .community-card{
  border-color:var(--dark-line);
  background:rgba(30,33,29,.84);
  box-shadow:0 8px 26px rgba(0,0,0,.10);
}
:root[data-theme="dark"] .overview-notice:hover,
:root[data-theme="dark"] .metric-card:hover,
:root[data-theme="dark"] .community-card:hover{
  background:#222520;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
:root[data-theme="dark"] .notice-body p,
:root[data-theme="dark"] .community-card small,
:root[data-theme="dark"] .overview-row small,
:root[data-theme="dark"] .overview-row time,
:root[data-theme="dark"] .notice-row small,
:root[data-theme="dark"] .notice-row em,
:root[data-theme="dark"] .metric-card small,
:root[data-theme="dark"] .metric-card em{
  color:#85877f;
}
:root[data-theme="dark"] .overview-row,
:root[data-theme="dark"] .notice-row,
:root[data-theme="dark"] .maintenance-row{
  border-color:var(--dark-line);
}
:root[data-theme="dark"] .overview-row:hover,
:root[data-theme="dark"] .notice-row:hover,
:root[data-theme="dark"] .maintenance-row:hover{
  background:var(--dark-hover);
}
:root[data-theme="dark"] .maintenance-row>small,
:root[data-theme="dark"] .maintenance-row>span{
  color:#7f8179;
}
:root[data-theme="dark"] .overview-card-head{
  border-bottom-color:var(--dark-line);
}
:root[data-theme="dark"] .overview-card-head h2,
:root[data-theme="dark"] .metric-card strong,
:root[data-theme="dark"] .overview-row strong,
:root[data-theme="dark"] .maintenance-row>strong{
  color:#e3e3dc;
}
:root[data-theme="dark"] .qq-card .community-icon.qq-icon{
  background:rgba(80,159,214,.12);
  color:#66aee0;
}
:root[data-theme="dark"] .community-copy b{
  background:rgba(82,144,191,.12);
  color:#8bbbe0;
}
:root[data-theme="dark"] .community-action{
  border-color:var(--dark-line);
  background:rgba(255,255,255,.045);
  color:#c4c5be;
}
:root[data-theme="dark"] .community-action:hover{
  background:rgba(255,255,255,.075);
}
:root[data-theme="dark"] .community-action.primary{
  background:rgba(130,178,215,.12);
  border-color:rgba(130,178,215,.18);
  color:#9ec6e4;
}

/* Filters and dropdowns */
:root[data-theme="dark"] .filter-trigger{
  color:#c1c2bb;
  background:rgba(255,255,255,.05);
}
:root[data-theme="dark"] .filter-trigger:hover{
  background:rgba(255,255,255,.075);
}
:root[data-theme="dark"] .filter-trigger[aria-expanded="true"]{
  border-color:rgba(130,178,215,.18);
  background:#232620;
  box-shadow:0 0 0 3px rgba(130,178,215,.08),0 10px 24px rgba(0,0,0,.18);
}
:root[data-theme="dark"] .filter-trigger-label{color:#777a72}
:root[data-theme="dark"] .filter-trigger-value{color:#d7d8d1}
:root[data-theme="dark"] .trigger-icon,
:root[data-theme="dark"] .chevron,
:root[data-theme="dark"] .menu-icon{
  color:#868880;
}
:root[data-theme="dark"] .command-popover{
  border-color:var(--dark-line);
  background:rgba(29,32,28,.985);
  box-shadow:0 20px 55px rgba(0,0,0,.34);
}
:root[data-theme="dark"] .command-search{
  border-bottom-color:var(--dark-line);
}
:root[data-theme="dark"] .command-item{color:#cfd0c9}
:root[data-theme="dark"] .command-item:hover,
:root[data-theme="dark"] .command-item:focus-visible{
  background:rgba(255,255,255,.055);
}
:root[data-theme="dark"] .command-item.selected{
  background:rgba(130,178,215,.12);
  color:#a7cae4;
}
:root[data-theme="dark"] .command-group-label,
:root[data-theme="dark"] .command-item-main small,
:root[data-theme="dark"] .command-empty{
  color:#767870;
}

/* Resource cards */
:root[data-theme="dark"] .compact-resource{
  border-color:var(--dark-line);
  background:rgba(29,32,28,.91);
  box-shadow:0 6px 20px rgba(0,0,0,.11);
}
:root[data-theme="dark"] .compact-resource:hover{
  border-color:rgba(235,236,226,.14);
  background:#20231f;
  box-shadow:0 12px 32px rgba(0,0,0,.20);
}
:root[data-theme="dark"] .compact-resource-icon{
  background:rgba(255,255,255,.055);
  color:#b6b8b0;
}
:root[data-theme="dark"] .compact-status{
  color:#d0a56f;
}
:root[data-theme="dark"] .compact-status::before{
  background:#d0a05d;
}
:root[data-theme="dark"] .compact-resource-meta{
  color:#73756e;
}
:root[data-theme="dark"] .compact-resource-meta span:first-child{
  color:#aeb0a8;
}
:root[data-theme="dark"] .compact-resource-meta span+span::before,
:root[data-theme="dark"] .compact-resource-meta time::before{
  color:#565950;
}
:root[data-theme="dark"] .pin-badge{
  background:rgba(130,178,215,.12);
  color:#95bfde;
}
:root[data-theme="dark"] .quick-channel{
  border-color:var(--dark-line);
  background:#1b1e1a;
}
:root[data-theme="dark"] .quick-channel.ready{
  background:#242722;
}
:root[data-theme="dark"] .quick-channel.ready:hover{
  border-color:rgba(130,178,215,.22);
}
:root[data-theme="dark"] .quick-channel.ready .quick-open:hover,
:root[data-theme="dark"] .quick-channel.ready .quick-copy:hover{
  background:rgba(130,178,215,.07);
}
:root[data-theme="dark"] .quick-open{color:#c8cac2}
:root[data-theme="dark"] .quick-channel-icon{color:#8f9189}
:root[data-theme="dark"] .quick-copy{
  border-left-color:var(--dark-line)!important;
  color:#8bb7d7;
}
:root[data-theme="dark"] .quick-channel.unavailable{
  background:#1a1d19;
}
:root[data-theme="dark"] .quick-channel.unavailable button,
:root[data-theme="dark"] .quick-open small{
  color:#62655d;
}
:root[data-theme="dark"] .resource-detail-toggle{
  color:#96988f;
}
:root[data-theme="dark"] .resource-detail-toggle:hover,
:root[data-theme="dark"] .resource-detail-toggle.active{
  background:rgba(255,255,255,.06);
  color:#d4d5ce;
}
:root[data-theme="dark"] .resource-detail-panel{
  border-top-color:var(--dark-line);
  background:#181b17;
}
:root[data-theme="dark"] .resource-detail-panel .published-versions{
  border-bottom-color:var(--dark-line);
}
:root[data-theme="dark"] .published-versions{
  border-color:var(--dark-line);
  background:rgba(255,255,255,.025);
}
:root[data-theme="dark"] .published-version-item{
  border-color:var(--dark-line);
  background:#22251f;
}
:root[data-theme="dark"] .version,
:root[data-theme="dark"] .version + .version{
  border-color:var(--dark-line);
}
:root[data-theme="dark"] .version-icon{color:#96988f}
:root[data-theme="dark"] .version-note{color:#96988f}
:root[data-theme="dark"] .resource-tags span,
:root[data-theme="dark"] .version-meta span{
  background:rgba(255,255,255,.055);
  color:#a5a79f;
}
:root[data-theme="dark"] .resource-tags span:first-child{
  background:rgba(130,178,215,.12);
  color:#9bc4e2;
}
:root[data-theme="dark"] .channel-list{
  border-color:var(--dark-line);
  background:#20231f;
}
:root[data-theme="dark"] .channel-row + .channel-row{
  border-top-color:var(--dark-line);
}
:root[data-theme="dark"] .channel-name{color:#d1d2cb}
:root[data-theme="dark"] .channel-extra{color:#8c8f86}
:root[data-theme="dark"] .channel-actions button{
  background:rgba(255,255,255,.065);
  color:#c2c3bd;
}
:root[data-theme="dark"] .channel-actions button:first-child{
  background:#537f9f;
  color:#f6f8f9;
}
:root[data-theme="dark"] .channel-actions button:first-child:hover{
  background:#638daa;
}
:root[data-theme="dark"] .channel-row.unavailable .channel-name,
:root[data-theme="dark"] .channel-row.unavailable .channel-extra,
:root[data-theme="dark"] .channel-row.unavailable .channel-icon{
  color:#60635b;
}
:root[data-theme="dark"] .channel-row.unavailable .channel-actions button{
  background:rgba(255,255,255,.035);
  color:#60635b;
}

/* Secondary content / About / experience */
:root[data-theme="dark"] .section-summary,
:root[data-theme="dark"] .experience-card,
:root[data-theme="dark"] .announcement-card,
:root[data-theme="dark"] .status-tile{
  border-color:var(--dark-line);
  background:rgba(30,33,29,.86);
}
:root[data-theme="dark"] .status-tile span,
:root[data-theme="dark"] .experience-meta,
:root[data-theme="dark"] .experience-card time,
:root[data-theme="dark"] .announcement-meta{
  color:#7f8179;
}
:root[data-theme="dark"] .experience-source{
  background:rgba(255,255,255,.06);
  color:#b7b9b1;
}
:root[data-theme="dark"] .about-section-label{
  color:#777a72;
}
:root[data-theme="dark"] .about-action{
  border-color:var(--dark-line);
  background:#20231f;
  color:#c9cbc3;
}
:root[data-theme="dark"] .about-action:hover{
  background:#282b26;
}
:root[data-theme="dark"] .about-action.primary{
  border-color:rgba(130,178,215,.18);
  background:#537f9f;
  color:#f5f7f8;
}

/* Modal / toast */
:root[data-theme="dark"] .unified-modal-backdrop{
  background:rgba(0,0,0,.52);
}
:root[data-theme="dark"] .unified-modal{
  border-color:var(--dark-line);
  background:#1d201c;
  box-shadow:0 28px 90px rgba(0,0,0,.48);
}
:root[data-theme="dark"] .unified-modal-head,
:root[data-theme="dark"] .unified-modal-actions{
  border-color:var(--dark-line);
  background:rgba(29,32,28,.96);
}
:root[data-theme="dark"] .unified-modal-close{color:#96988f}
:root[data-theme="dark"] .unified-modal-close:hover{
  background:rgba(255,255,255,.06);
}
:root[data-theme="dark"] .modal-action{
  background:rgba(255,255,255,.065);
  color:#c7c9c1;
}
:root[data-theme="dark"] .modal-action.primary{
  background:#537f9f;
  color:#fff;
}
:root[data-theme="dark"] .modal-detail-row{
  border-bottom-color:var(--dark-line);
}
:root[data-theme="dark"] .modal-detail-row span,
:root[data-theme="dark"] .modal-empty p,
:root[data-theme="dark"] .modal-article p{
  color:#96988f;
}
:root[data-theme="dark"] .modal-link-box{
  background:rgba(255,255,255,.055);
  color:#bbbdb5;
}
:root[data-theme="dark"] .modal-list-button,
:root[data-theme="dark"] .modal-errata-item{
  border-color:var(--dark-line);
  background:#22251f;
  color:#d4d5ce;
}
:root[data-theme="dark"] .modal-list-button:hover{
  background:#292c27;
}
:root[data-theme="dark"] .toast{
  border-color:var(--dark-line);
  background:rgba(31,34,29,.96);
  color:#e5e6df;
  box-shadow:0 12px 36px rgba(0,0,0,.30);
}

/* Mobile dark polish */
@media(max-width:560px){
  :root[data-theme="dark"] .mobile-menu-button:hover,
  :root[data-theme="dark"] .mobile-menu-close:hover{
    background:rgba(255,255,255,.06);
  }
  :root[data-theme="dark"] .mobile-drawer-head{
    border-bottom-color:var(--dark-line);
  }
  :root[data-theme="dark"] .sidebar .section-item.active,
  :root[data-theme="dark"] .sidebar .category-item.active{
    background:rgba(255,255,255,.075);
  }
}