/*
 * Shared continuous-reading shell for the courses whose source is already a
 * long-form document (近现代史纲要 / 军事理论).  The two pages keep their
 * own typography, tables, timelines and study-level components; this file
 * only standardises the outer rail, mobile behaviour and the glass surfaces.
 */
body.matt-linear-course {
  --linear-rail: 286px;
  --linear-content-gap: 30px;
  display: block !important;
  min-height: 100vh;
  padding: 58px 0 0 !important;
  overflow-x: hidden;
}

body.matt-linear-course > .matt-coursebar { z-index: 2147483000; }
body.matt-linear-course > .matt-linear-sidebar,
body.matt-linear-course > .sidebar {
  position: fixed !important;
  top: 58px !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 1200 !important;
  width: var(--linear-rail) !important;
  min-width: var(--linear-rail) !important;
  height: calc(100vh - 58px) !important;
  max-height: none !important;
  overflow: hidden !important;
  transform: translateX(0) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
  border-radius: 0 18px 0 0;
}

/* The original near-modern-history page has a plain nav rather than the
   military page's three-part sidebar.  Make both behave as one directory. */
body.matt-linear-course > .matt-linear-sidebar {
  display: flex;
  flex-direction: column;
  padding: 18px 14px 24px;
}
body.matt-linear-course > .matt-linear-sidebar h2 { flex: 0 0 auto; }
body.matt-linear-course > .matt-linear-sidebar a { flex: 0 0 auto; }
body.matt-linear-course > .sidebar .sidebar-nav,
body.matt-linear-course > .matt-linear-sidebar { scrollbar-gutter: stable; }

body.matt-linear-course > .matt-linear-content,
body.matt-linear-course > .content,
body.matt-linear-course > .main {
  display: block !important;
  width: calc(100% - var(--linear-rail)) !important;
  max-width: none !important;
  min-height: calc(100vh - 58px);
  margin: 0 0 0 var(--linear-rail) !important;
  padding: 34px clamp(22px, 4vw, 64px) 68px !important;
  overflow: visible !important;
}
body.matt-linear-course > .content > *,
body.matt-linear-course > .main > * { max-width: 1160px; margin-right: auto; margin-left: auto; }
body.matt-linear-course > .content > .hero,
body.matt-linear-course > .main > .main-header { max-width: 1160px; }
body.matt-linear-course > footer {
  width: calc(100% - var(--linear-rail));
  margin: 0 0 0 var(--linear-rail) !important;
  padding-right: clamp(22px, 4vw, 64px);
  padding-left: clamp(22px, 4vw, 64px);
}

/* One visual language for the document surfaces while preserving course
   accent colours inside headings, levels and timelines. */
body.matt-linear-course > .content section,
body.matt-linear-course > .main .chapter-section {
  scroll-margin-top: 78px;
}
body.matt-linear-course > .content section {
  border-radius: 18px;
  border-color: rgba(117, 155, 178, .26);
  box-shadow: 0 14px 34px rgba(28, 68, 93, .08);
  background: rgba(255, 255, 255, .72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
body.matt-linear-course > .content .hero {
  padding-top: 22px;
  border-bottom-color: rgba(117, 155, 178, .26);
}
body.matt-linear-course > .main .main-header {
  position: relative;
  padding: 6px 0 18px;
  border-bottom-color: rgba(117, 155, 178, .26);
}
body.matt-linear-course > .main .chapter-section {
  padding: 4px 0 10px;
}
body.matt-linear-course > .main .chapter-title {
  padding: 12px 14px 12px 0;
  border-radius: 0 12px 12px 0;
}
body.matt-linear-course > .main .subsection { scroll-margin-top: 78px; }

/* Keep the native page directory readable in both courses. */
body.matt-linear-course > .sidebar,
body.matt-linear-course > .matt-linear-sidebar {
  color: #625d50;
  background: linear-gradient(180deg, rgba(255,253,247,.97), rgba(249,245,234,.96));
  border-right: 1px solid rgba(185,151,73,.22);
  box-shadow: 8px 0 28px rgba(125,99,39,.1);
}
body.matt-linear-course > .matt-linear-sidebar h2 { color: #6b5425; }
body.matt-linear-course > .matt-linear-sidebar a { color: #776e5e; }
body.matt-linear-course > .matt-linear-sidebar a:hover,
body.matt-linear-course > .matt-linear-sidebar a.active {
  color: #6c5018;
  border-left-color: #c49535;
  background: rgba(244,215,133,.3);
}
body.matt-linear-course > .sidebar .sidebar-header { border-bottom-color: rgba(185,151,73,.2); }
body.matt-linear-course > .sidebar .sidebar-header h1 { color: #5b4c2d; }
body.matt-linear-course > .sidebar .sidebar-header .subtitle { color: #907c55; }
body.matt-linear-course > .sidebar .sidebar-search { border-bottom-color: rgba(185,151,73,.2); }
body.matt-linear-course > .sidebar .sidebar-search input {
  color: #4d4a42;
  background: rgba(255,255,255,.78);
  border-color: rgba(178,145,71,.3);
}
body.matt-linear-course > .sidebar .sidebar-search input::placeholder { color: #a99c7d; }
body.matt-linear-course > .sidebar .sidebar-search input:focus {
  border-color: #c49b3d;
  box-shadow: 0 0 0 3px rgba(196,155,61,.14);
}
body.matt-linear-course > .sidebar .sidebar-nav .chapter { border-bottom-color: rgba(185,151,73,.12); }
body.matt-linear-course > .sidebar .sidebar-nav .chapter-btn { color: #625d50; }
body.matt-linear-course > .sidebar .sidebar-nav .chapter-btn:hover { color: #493e28; background: rgba(244,215,133,.24); }
body.matt-linear-course > .sidebar .sidebar-nav .chapter-btn .ch-num { color: #b4872a; }
body.matt-linear-course > .sidebar .sidebar-nav .sections a { color: #776e5e; }
body.matt-linear-course > .sidebar .sidebar-nav .sections a:hover,
body.matt-linear-course > .sidebar .sidebar-nav .sections a.active {
  color: #6c5018;
  border-left-color: #c49535;
  background: rgba(244,215,133,.3);
}
body.matt-linear-course > .sidebar .sidebar-footer { border-top-color: rgba(185,151,73,.2); }
body.matt-linear-course > .sidebar .sidebar-footer button {
  color: #746548;
  border-color: rgba(178,145,71,.32);
  background: rgba(255,255,255,.56);
}

/* 马原式目录工具：搜索框、当前章节提示和独立的目录滚动区。 */
body.matt-linear-course > .matt-linear-sidebar > .sidebar-search,
body.matt-linear-course > .sidebar > .sidebar-search {
  flex: 0 0 auto;
  padding: 12px 10px;
  position: relative;
  border-bottom: 1px solid rgba(185,151,73,.2);
}
body.matt-linear-course > .matt-linear-sidebar > .sidebar-search::before,
body.matt-linear-course > .sidebar > .sidebar-search::before {
  content: '⌕';
  position: absolute;
  left: 21px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  color: #b4872a;
  font-size: 1rem;
  pointer-events: none;
}
body.matt-linear-course > .matt-linear-sidebar > .sidebar-search input,
body.matt-linear-course > .sidebar > .sidebar-search input {
  width: 100%;
  min-height: 40px;
  padding: 9px 12px 9px 36px;
  border: 1px solid rgba(178,145,71,.3);
  border-radius: 13px;
  background: rgba(255,255,255,.76);
  color: #4d4a42;
  font: 500 .84rem/1.35 var(--font, system-ui, sans-serif);
  outline: none;
  box-shadow: inset 0 1px 2px rgba(115,91,36,.04);
}
body.matt-linear-course > .matt-linear-sidebar > .sidebar-search input::placeholder,
body.matt-linear-course > .sidebar > .sidebar-search input::placeholder { color: #a99c7d; }
body.matt-linear-course > .matt-linear-sidebar > .sidebar-search input:focus,
body.matt-linear-course > .sidebar > .sidebar-search input:focus {
  border-color: #c49b3d;
  box-shadow: 0 0 0 3px rgba(196,155,61,.14);
}
body.matt-linear-course .matt-linear-sidebar-current {
  flex: 0 0 auto;
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 0 10px;
  padding: 9px 2px 8px;
  border-bottom: 1px dashed rgba(185,151,73,.25);
  color: #9a8150;
  font: 500 .72rem/1.4 var(--font, system-ui, sans-serif);
}
body.matt-linear-course .matt-linear-sidebar-current span { white-space: nowrap; }
body.matt-linear-course .matt-linear-sidebar-current strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #70521c;
  font-weight: 700;
}
body.matt-linear-course > .matt-linear-sidebar > .matt-linear-history-nav {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 5px 0 14px;
}
body.matt-linear-course > .matt-linear-sidebar > .matt-linear-history-nav a { margin: 1px 0; }
body.matt-linear-course .sidebar-nav .chapter[hidden],
body.matt-linear-course .sidebar-nav a[hidden] { display: none !important; }
body.matt-linear-course .sidebar-nav .chapter.matt-search-match .chapter-btn { color: #634b1c; }
body.matt-linear-course .sidebar-nav .sections a.active { font-weight: 700; }
body.matt-linear-course .sidebar-nav .chapter.matt-active-chapter .chapter-btn {
  color: #634b1c;
  background: rgba(244,215,133,.3);
  box-shadow: inset 3px 0 #c49535;
}

/* Native mobile toggles are superseded by the shared top-bar directory button. */
body.matt-linear-course > .sidebar-toggle,
body.matt-linear-course > .menu-toggle { display: none !important; }
body.matt-linear-course > .sidebar-overlay { display: none; }
body.matt-linear-course.matt-linear-sidebar-open > .sidebar-overlay { display: block; top: 58px; z-index: 1199; }

/* Preserve a visible, non-neon search mark over both light and dark content. */
body.matt-linear-course .search-highlight,
body.matt-linear-course mark.search-highlight {
  color: #47320a !important;
  background: #ffe39a !important;
  border-radius: .25em;
  padding: 0 .12em;
  box-shadow: 0 0 0 2px rgba(224,166,35,.18);
}
body.matt-linear-course .search-highlight.is-active,
body.matt-linear-course mark.search-highlight.is-active {
  color: #261700 !important;
  background: #ffb94d !important;
  box-shadow: 0 0 0 3px rgba(255,145,24,.34);
}

html[data-theme="dark"] body.matt-linear-course,
body.matt-linear-course.matt-shared-dark {
  background: #101a27;
  color: #e8f0f7;
}
html[data-theme="dark"] body.matt-linear-course > .sidebar,
html[data-theme="dark"] body.matt-linear-course > .matt-linear-sidebar {
  color: #d8d0bd;
  background: linear-gradient(180deg, rgba(39,38,34,.98), rgba(29,30,29,.98));
  border-right-color: rgba(224,187,95,.22);
  box-shadow: 8px 0 28px rgba(0,0,0,.22);
}
html[data-theme="dark"] body.matt-linear-course > .matt-linear-sidebar h2 { color: #f3e5bd; }
html[data-theme="dark"] body.matt-linear-course > .matt-linear-sidebar a { color: #c2b9a5; }
html[data-theme="dark"] body.matt-linear-course > .matt-linear-sidebar a:hover,
html[data-theme="dark"] body.matt-linear-course > .matt-linear-sidebar a.active { color: #fff0bf; background: rgba(224,187,95,.18); border-left-color: #e0bb5f; }
html[data-theme="dark"] body.matt-linear-course > .sidebar .sidebar-header h1 { color: #f3e5bd; }
html[data-theme="dark"] body.matt-linear-course > .sidebar .sidebar-header .subtitle { color: #c5b88f; }
html[data-theme="dark"] body.matt-linear-course > .sidebar .sidebar-search input { color: #eee7d5; background: rgba(255,255,255,.08); border-color: rgba(224,187,95,.34); }
html[data-theme="dark"] body.matt-linear-course > .sidebar .sidebar-search input::placeholder { color: #aaa083; }
html[data-theme="dark"] body.matt-linear-course > .sidebar .sidebar-nav .chapter-btn { color: #d8d0bd; }
html[data-theme="dark"] body.matt-linear-course > .sidebar .sidebar-nav .chapter-btn:hover { color: #fff5d8; background: rgba(224,187,95,.15); }
html[data-theme="dark"] body.matt-linear-course > .sidebar .sidebar-nav .sections a { color: #c2b9a5; }
html[data-theme="dark"] body.matt-linear-course > .sidebar .sidebar-nav .sections a:hover,
html[data-theme="dark"] body.matt-linear-course > .sidebar .sidebar-nav .sections a.active { color: #fff0bf; background: rgba(224,187,95,.18); border-left-color: #e0bb5f; }
html[data-theme="dark"] body.matt-linear-course > .sidebar .sidebar-footer button { color: #dfd4b8; border-color: rgba(224,187,95,.32); background: rgba(255,255,255,.07); }
html[data-theme="dark"] body.matt-linear-course > .content section { border-color: #31475a; background: rgba(23,38,55,.88); box-shadow: 0 12px 32px rgba(0,0,0,.16); }
html[data-theme="dark"] body.matt-linear-course > .content .hero,
html[data-theme="dark"] body.matt-linear-course > .main .main-header { border-bottom-color: #31475a; }
html[data-theme="dark"] body.matt-linear-course .matt-linear-sidebar-current { color: #c7b88f; border-bottom-color: rgba(224,187,95,.25); }
html[data-theme="dark"] body.matt-linear-course .matt-linear-sidebar-current strong { color: #fff0bf; }
html[data-theme="dark"] body.matt-linear-course > .matt-linear-sidebar > .sidebar-search,
html[data-theme="dark"] body.matt-linear-course > .sidebar > .sidebar-search { border-bottom-color: rgba(224,187,95,.22); }
html[data-theme="dark"] body.matt-linear-course > .matt-linear-sidebar > .sidebar-search input,
html[data-theme="dark"] body.matt-linear-course > .sidebar > .sidebar-search input {
  color: #eee7d5;
  background: rgba(255,255,255,.08);
  border-color: rgba(224,187,95,.34);
}
html[data-theme="dark"] body.matt-linear-course > .matt-linear-sidebar > .sidebar-search input::placeholder,
html[data-theme="dark"] body.matt-linear-course > .sidebar > .sidebar-search input::placeholder { color: #aaa083; }
html[data-theme="dark"] body.matt-linear-course .sidebar-nav .chapter.matt-search-match .chapter-btn { color: #fff0bf; }
html[data-theme="dark"] body.matt-linear-course .sidebar-nav .chapter.matt-active-chapter .chapter-btn {
  color: #fff0bf;
  background: rgba(224,187,95,.18);
  box-shadow: inset 3px 0 #e0bb5f;
}
html.dark body.matt-linear-course .matt-linear-sidebar-current,
body.matt-linear-course.matt-shared-dark .matt-linear-sidebar-current {
  color: #c7d9e5;
  border-bottom-color: rgba(132,193,226,.25);
}
html.dark body.matt-linear-course .matt-linear-sidebar-current strong,
body.matt-linear-course.matt-shared-dark .matt-linear-sidebar-current strong {
  color: #f2fbff;
}
html.dark body.matt-linear-course .sidebar-nav .chapter.matt-active-chapter .chapter-btn,
body.matt-linear-course.matt-shared-dark .sidebar-nav .chapter.matt-active-chapter .chapter-btn {
  color: #f2fbff;
  background: rgba(82,157,201,.2);
  box-shadow: inset 3px 0 #84c7e9;
}

@media (max-width: 900px) {
  body.matt-linear-course > .matt-linear-sidebar,
  body.matt-linear-course > .sidebar {
    width: min(320px, 88vw) !important;
    min-width: min(320px, 88vw) !important;
    transform: translateX(-105%) !important;
    box-shadow: 18px 0 38px rgba(23,55,78,.2);
  }
  body.matt-linear-course.matt-linear-sidebar-open > .matt-linear-sidebar,
  body.matt-linear-course.matt-linear-sidebar-open > .sidebar,
  body.matt-linear-course > .matt-linear-sidebar.open,
  body.matt-linear-course > .sidebar.open { transform: translateX(0) !important; }
  body.matt-linear-course > .matt-linear-content,
  body.matt-linear-course > .content,
  body.matt-linear-course > .main {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 26px 16px 56px !important;
  }
  body.matt-linear-course > footer { width: 100%; margin-left: 0 !important; padding-right: 16px; padding-left: 16px; }
  body.matt-linear-course > .content section { padding: 22px 18px; }
  body.matt-linear-course > .main .main-header { padding-top: 0; }
  .matt-coursebar__button--directory { display: inline-flex; }
}

@media (max-width: 650px) {
  body.matt-linear-course > .content section { border-radius: 14px; }
  .matt-coursebar__button--search,
  .matt-coursebar__button--directory { min-width: 64px; }
}

/* These two long-form courses keep their native mobile menu.  Their desktop
   layout already exposes the directory, so the shared top-bar search and
   directory controls are intentionally omitted. */
@media (max-width: 900px) {
  body.matt-linear-course.matt-no-topbar-tools > .sidebar-toggle,
  body.matt-linear-course.matt-no-topbar-tools > .menu-toggle {
    display: block !important; top: 68px !important; z-index: 1301 !important;
  }
}

/* Keep dark mode authoritative over the light rail contract above. */
html[data-theme="dark"] body.matt-linear-course:not(.matt-shared-dark):not(.dark) > .sidebar,
html[data-theme="dark"] body.matt-linear-course:not(.matt-shared-dark):not(.dark) > .matt-linear-sidebar,
html.dark body.matt-linear-course:not(.matt-shared-dark):not(.dark) > .sidebar,
html.dark body.matt-linear-course:not(.matt-shared-dark):not(.dark) > .matt-linear-sidebar {
  color: #d8e5ee !important;
  background: linear-gradient(180deg, rgba(24,43,61,.98), rgba(15,29,43,.98)) !important;
  border-right-color: rgba(132,193,226,.25) !important;
}
html[data-theme="dark"] body.matt-linear-course:not(.matt-shared-dark):not(.dark) > .matt-linear-sidebar a,
html[data-theme="dark"] body.matt-linear-course:not(.matt-shared-dark):not(.dark) > .sidebar a,
html.dark body.matt-linear-course:not(.matt-shared-dark):not(.dark) > .matt-linear-sidebar a,
html.dark body.matt-linear-course:not(.matt-shared-dark):not(.dark) > .sidebar a {
  color: #bfd2df !important;
}
html[data-theme="dark"] body.matt-linear-course:not(.matt-shared-dark):not(.dark) > .matt-linear-sidebar a.active,
html[data-theme="dark"] body.matt-linear-course:not(.matt-shared-dark):not(.dark) > .sidebar a.active,
html.dark body.matt-linear-course:not(.matt-shared-dark):not(.dark) > .matt-linear-sidebar a.active,
html.dark body.matt-linear-course:not(.matt-shared-dark):not(.dark) > .sidebar a.active {
  color: #f2fbff !important;
  background: rgba(82,157,201,.2) !important;
  border-left-color: #84c7e9 !important;
}

/* -------------------------------------------------------------------------
   近现代史纲要 dark-mode content palette
   -------------------------------------------------------------------------
   The source page uses light-only callout variables.  In dark mode those
   variables left pale red panels with the page's light text, so the warning
   copy nearly disappeared.  Keep the history page's warm accents, but give
   every legacy surface an explicit dark background and readable foreground.
   ------------------------------------------------------------------------- */
html[data-theme="dark"] body.matt-linear-course.history-review,
html.dark body.matt-linear-course.history-review,
body.matt-linear-course.history-review.matt-shared-dark {
  --bg: #101a27;
  --card: #172637;
  --text: #e8f0f7;
  --muted: #c1ced9;
  --accent: #ff9a92;
  --accent2: #f2c66d;
  --link: #91d5ff;
  --border: #3a5065;
  --timeline: #c9a762;
  --tag-bg: #2d4558;
  --highlight: #3b3528;
  --red-bg: #432e36;
  color: var(--text) !important;
  background: var(--bg) !important;
}

html[data-theme="dark"] body.matt-linear-course.history-review .red-box,
html.dark body.matt-linear-course.history-review .red-box,
body.matt-linear-course.history-review.matt-shared-dark .red-box {
  color: #ffe7ea !important;
  background: linear-gradient(135deg, rgba(83,42,53,.96), rgba(58,32,43,.96)) !important;
  border-left-color: #ff8584 !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.16);
}
html[data-theme="dark"] body.matt-linear-course.history-review .red-box strong,
html.dark body.matt-linear-course.history-review .red-box strong,
body.matt-linear-course.history-review.matt-shared-dark .red-box strong { color: #fff5f5 !important; }

html[data-theme="dark"] body.matt-linear-course.history-review .highlight-box,
html.dark body.matt-linear-course.history-review .highlight-box,
body.matt-linear-course.history-review.matt-shared-dark .highlight-box {
  color: #f5ecd9 !important;
  background: linear-gradient(135deg, rgba(67,57,37,.95), rgba(50,45,34,.95)) !important;
  border-left-color: #e7bd62 !important;
}

html[data-theme="dark"] body.matt-linear-course.history-review .tag,
html.dark body.matt-linear-course.history-review .tag,
body.matt-linear-course.history-review.matt-shared-dark .tag {
  color: #e4f1f8 !important;
  background: rgba(77,119,148,.42) !important;
  border: 1px solid rgba(145,213,255,.18);
}
html[data-theme="dark"] body.matt-linear-course.history-review table.tb th,
html.dark body.matt-linear-course.history-review table.tb th,
body.matt-linear-course.history-review.matt-shared-dark table.tb th {
  color: #fff1c9 !important;
  background: #3b3545 !important;
  border-color: #496276 !important;
}
html[data-theme="dark"] body.matt-linear-course.history-review table.tb td,
html.dark body.matt-linear-course.history-review table.tb td,
body.matt-linear-course.history-review.matt-shared-dark table.tb td {
  color: #e4edf4 !important;
  background: rgba(23,38,55,.72) !important;
  border-color: #3a5065 !important;
}

/* -------------------------------------------------------------------------
   Continuous reading canvas
   -------------------------------------------------------------------------
   The first glass pass also matched .section/.chapter-section/.subsection.
   On these two long-form courses that made every chapter look like a card
   pasted on top of another card.  Keep one quiet reading canvas and reserve
   surfaces for semantic callouts, tables and small comparison blocks.
   ------------------------------------------------------------------------- */
body.matt-linear-course {
  --linear-reading-surface: linear-gradient(135deg, rgba(255,255,255,.68), rgba(232,244,252,.42));
  --linear-reading-border: rgba(105,151,188,.24);
  --linear-reading-shadow: 0 16px 34px rgba(44,86,122,.10), inset 0 1px 0 rgba(255,255,255,.76);
  --linear-callout-shadow: 0 8px 20px rgba(44,86,122,.07), inset 0 1px 0 rgba(255,255,255,.66);
}

body.matt-linear-course > .main,
body.matt-linear-course > .content {
  padding-top: clamp(24px, 3vw, 42px) !important;
}

body.matt-linear-course > .main > .main-header,
body.matt-linear-course > .content > .hero {
  margin-bottom: 24px !important;
  padding: 22px clamp(22px, 3vw, 42px) 20px !important;
  border: 1px solid var(--linear-reading-border) !important;
  border-bottom: 1px solid var(--linear-reading-border) !important;
  border-radius: 22px !important;
  background: var(--linear-reading-surface) !important;
  box-shadow: var(--linear-reading-shadow) !important;
  backdrop-filter: blur(16px) saturate(125%);
  -webkit-backdrop-filter: blur(16px) saturate(125%);
}

/* A chapter is a reading landmark, not another floating panel. */
body.matt-linear-course > .main > .chapter-section,
body.matt-linear-course > .content > section {
  margin: 0 0 clamp(42px, 5vw, 68px) !important;
  padding: 0 0 clamp(24px, 3vw, 38px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.matt-linear-course > .main > .chapter-section + .chapter-section,
body.matt-linear-course > .content > section + section {
  border-top: 1px solid rgba(105,151,188,.18) !important;
  padding-top: clamp(30px, 4vw, 48px) !important;
}

body.matt-linear-course > .main .chapter-title {
  margin: 0 0 18px !important;
  padding: 12px 16px 14px !important;
  border: 0 !important;
  border-bottom: 2px solid rgba(47,125,187,.34) !important;
  border-radius: 16px 16px 4px 4px !important;
  background: linear-gradient(105deg, rgba(255,255,255,.62), rgba(224,241,251,.30)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
}

body.matt-linear-course > .content > section > h2 {
  margin: 0 0 18px !important;
  padding: 12px 16px !important;
  border-left: 4px solid var(--accent2) !important;
  border-bottom: 1px solid rgba(105,151,188,.20) !important;
  border-radius: 14px 14px 4px 4px !important;
  background: linear-gradient(105deg, rgba(255,255,255,.62), rgba(224,241,251,.30)) !important;
}

body.matt-linear-course > .main .subsection {
  margin: 0 0 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.matt-linear-course > .main .subsection h3 {
  margin: 24px 0 12px !important;
  padding: 8px 12px !important;
  border-left-width: 4px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.28) !important;
}

/* Callouts sit in the reading flow as soft strips instead of heavy cards. */
body.matt-linear-course .key-box,
body.matt-linear-course .highlight-box,
body.matt-linear-course .red-box,
body.matt-linear-course .blockquote,
body.matt-linear-course .definition {
  margin: 12px 0 !important;
  border-radius: 13px !important;
  box-shadow: var(--linear-callout-shadow) !important;
  backdrop-filter: blur(10px) saturate(115%);
  -webkit-backdrop-filter: blur(10px) saturate(115%);
}
body.matt-linear-course .key-box.master {
  background: linear-gradient(100deg, rgba(255,235,239,.76), rgba(255,255,255,.38)) !important;
  border: 1px solid rgba(239,68,68,.24) !important;
  border-left: 4px solid var(--master-border) !important;
}
body.matt-linear-course .key-box.familiar {
  background: linear-gradient(100deg, rgba(226,241,255,.76), rgba(255,255,255,.38)) !important;
  border: 1px solid rgba(59,130,246,.24) !important;
  border-left: 4px solid var(--familiar-border) !important;
}
body.matt-linear-course .key-box.understand {
  background: linear-gradient(100deg, rgba(226,249,237,.78), rgba(255,255,255,.38)) !important;
  border: 1px solid rgba(34,197,94,.24) !important;
  border-left: 4px solid var(--understand-border) !important;
}
body.matt-linear-course .key-box.military {
  background: linear-gradient(100deg, rgba(246,232,255,.76), rgba(255,255,255,.38)) !important;
  border: 1px solid rgba(168,85,247,.24) !important;
  border-left: 4px solid var(--mil-border) !important;
}
body.matt-linear-course .highlight-box,
body.matt-linear-course .content .highlight-box {
  background: linear-gradient(100deg, rgba(255,247,215,.76), rgba(255,255,255,.38)) !important;
  border: 1px solid rgba(245,158,11,.24) !important;
  border-left: 4px solid var(--highlight-border, var(--accent2)) !important;
}
body.matt-linear-course .red-box {
  background: linear-gradient(100deg, rgba(255,235,239,.76), rgba(255,255,255,.38)) !important;
  border: 1px solid rgba(139,26,26,.20) !important;
  border-left: 4px solid var(--accent) !important;
}

body.matt-linear-course .card,
body.matt-linear-course .content table.tb,
body.matt-linear-course .main table {
  box-shadow: none !important;
}
body.matt-linear-course .content table.tb,
body.matt-linear-course .main table {
  border-radius: 12px !important;
  overflow: hidden;
  background: rgba(255,255,255,.26) !important;
}

/* Dark mode uses the same hierarchy: one canvas, restrained callout layers. */
html[data-theme="dark"] body.matt-linear-course,
html.dark body.matt-linear-course,
body.matt-linear-course.matt-shared-dark,
body.matt-linear-course.dark {
  --linear-reading-surface: linear-gradient(135deg, rgba(34,58,80,.82), rgba(17,35,52,.64));
  --linear-reading-border: rgba(145,195,229,.22);
  --linear-reading-shadow: 0 18px 40px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07);
  --linear-callout-shadow: 0 8px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="dark"] body.matt-linear-course > .main .chapter-title,
html.dark body.matt-linear-course > .main .chapter-title,
body.matt-linear-course.matt-shared-dark > .main .chapter-title,
body.matt-linear-course.dark > .main .chapter-title,
html[data-theme="dark"] body.matt-linear-course > .content > section > h2,
html.dark body.matt-linear-course > .content > section > h2,
body.matt-linear-course.matt-shared-dark > .content > section > h2,
body.matt-linear-course.dark > .content > section > h2 {
  background: linear-gradient(105deg, rgba(34,68,94,.62), rgba(24,47,68,.40)) !important;
  border-bottom-color: rgba(132,193,226,.30) !important;
}
html[data-theme="dark"] body.matt-linear-course > .main .subsection h3,
html.dark body.matt-linear-course > .main .subsection h3,
body.matt-linear-course.matt-shared-dark > .main .subsection h3,
body.matt-linear-course.dark > .main .subsection h3 {
  background: rgba(40,70,91,.28) !important;
}
html[data-theme="dark"] body.matt-linear-course .key-box.master,
html.dark body.matt-linear-course .key-box.master,
body.matt-linear-course.matt-shared-dark .key-box.master,
body.matt-linear-course.dark .key-box.master,
html[data-theme="dark"] body.matt-linear-course .red-box,
html.dark body.matt-linear-course .red-box,
body.matt-linear-course.matt-shared-dark .red-box,
body.matt-linear-course.dark .red-box {
  background: linear-gradient(100deg, rgba(123,47,61,.48), rgba(49,31,45,.30)) !important;
  border-color: rgba(255,133,132,.30) !important;
  border-left-color: #ff8584 !important;
}
html[data-theme="dark"] body.matt-linear-course .key-box.familiar,
html.dark body.matt-linear-course .key-box.familiar,
body.matt-linear-course.matt-shared-dark .key-box.familiar,
body.matt-linear-course.dark .key-box.familiar {
  background: linear-gradient(100deg, rgba(33,92,128,.48), rgba(20,42,61,.30)) !important;
  border-color: rgba(132,193,226,.28) !important;
  border-left-color: #75bff0 !important;
}
html[data-theme="dark"] body.matt-linear-course .key-box.understand,
html.dark body.matt-linear-course .key-box.understand,
body.matt-linear-course.matt-shared-dark .key-box.understand,
body.matt-linear-course.dark .key-box.understand {
  background: linear-gradient(100deg, rgba(31,100,74,.42), rgba(18,48,38,.28)) !important;
  border-color: rgba(112,224,168,.24) !important;
  border-left-color: #6ee7b7 !important;
}
html[data-theme="dark"] body.matt-linear-course .key-box.military,
html.dark body.matt-linear-course .key-box.military,
body.matt-linear-course.matt-shared-dark .key-box.military,
body.matt-linear-course.dark .key-box.military {
  background: linear-gradient(100deg, rgba(89,54,115,.46), rgba(44,32,62,.30)) !important;
  border-color: rgba(207,158,255,.25) !important;
  border-left-color: #c084fc !important;
}
html[data-theme="dark"] body.matt-linear-course .highlight-box,
html.dark body.matt-linear-course .highlight-box,
body.matt-linear-course.matt-shared-dark .highlight-box,
body.matt-linear-course.dark .highlight-box {
  background: linear-gradient(100deg, rgba(115,82,30,.46), rgba(49,38,24,.30)) !important;
  border-color: rgba(231,189,98,.28) !important;
  border-left-color: #e7bd62 !important;
}
html[data-theme="dark"] body.matt-linear-course .card,
html.dark body.matt-linear-course .card,
body.matt-linear-course.matt-shared-dark .card,
body.matt-linear-course.dark .card,
html[data-theme="dark"] body.matt-linear-course .content table.tb,
html.dark body.matt-linear-course .content table.tb,
body.matt-linear-course.matt-shared-dark .content table.tb,
body.matt-linear-course.dark .content table.tb,
html[data-theme="dark"] body.matt-linear-course .main table,
html.dark body.matt-linear-course .main table,
body.matt-linear-course.matt-shared-dark .main table,
body.matt-linear-course.dark .main table {
  background: rgba(22,40,61,.36) !important;
  border-color: rgba(145,195,229,.20) !important;
}

@media (max-width: 900px) {
  body.matt-linear-course > .main .chapter-title,
  body.matt-linear-course > .content > section > h2 {
    padding: 10px 12px !important;
  }
  body.matt-linear-course > .main .key-box,
  body.matt-linear-course > .content .highlight-box,
  body.matt-linear-course > .content .red-box {
    border-radius: 11px !important;
  }
}

/* The shared glass selectors intentionally have high specificity. Repeat the
   two hierarchy rules here so the linear reading canvas can actually flatten
   the old card shadows instead of inheriting them underneath. */
body.matt-course-shell.matt-glass-theme.matt-linear-course .key-box,
body.matt-course-shell.matt-glass-theme.matt-linear-course .highlight-box,
body.matt-course-shell.matt-glass-theme.matt-linear-course .red-box,
body.matt-course-shell.matt-glass-theme.matt-linear-course .blockquote,
body.matt-course-shell.matt-glass-theme.matt-linear-course .definition {
  box-shadow: var(--linear-callout-shadow) !important;
}
body.matt-course-shell.matt-glass-theme.matt-linear-course .card,
body.matt-course-shell.matt-glass-theme.matt-linear-course table {
  box-shadow: none !important;
}

/* The shared dark-glass layer deliberately gives every native chapter a
   surface.  That is useful for card-based courses, but it re-introduces the
   pasted-panel effect on these two continuous documents.  Use the full shell
   context here so the reading canvas stays flat in both themes. */
body.matt-course-shell.matt-glass-theme.matt-linear-course > .main > .chapter-section,
body.matt-course-shell.matt-glass-theme.matt-linear-course > .content > section,
body.matt-course-shell.matt-glass-theme.matt-linear-course > .main .subsection {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Match the specificity of the shared dark callout layer.  The history page
   marks darkness on the body while the military page marks it on html, so
   cover both contracts and keep the semantic tint from turning into one
   indistinguishable grey card. */
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course .key-box,
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course .highlight-box,
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course .red-box,
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course .blockquote,
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course .definition,
body.matt-course-shell.matt-glass-theme.matt-linear-course:is(.matt-shared-dark, .dark) .key-box,
body.matt-course-shell.matt-glass-theme.matt-linear-course:is(.matt-shared-dark, .dark) .highlight-box,
body.matt-course-shell.matt-glass-theme.matt-linear-course:is(.matt-shared-dark, .dark) .red-box,
body.matt-course-shell.matt-glass-theme.matt-linear-course:is(.matt-shared-dark, .dark) .blockquote,
body.matt-course-shell.matt-glass-theme.matt-linear-course:is(.matt-shared-dark, .dark) .definition {
  box-shadow: var(--linear-callout-shadow) !important;
}
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course .key-box.master,
body.matt-course-shell.matt-glass-theme.matt-linear-course:is(.matt-shared-dark, .dark) .key-box.master,
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course .red-box,
body.matt-course-shell.matt-glass-theme.matt-linear-course:is(.matt-shared-dark, .dark) .red-box {
  background: linear-gradient(100deg, rgba(123,47,61,.48), rgba(49,31,45,.30)) !important;
  border-color: rgba(255,133,132,.30) !important;
  border-left-color: #ff8584 !important;
}
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course .key-box.familiar,
body.matt-course-shell.matt-glass-theme.matt-linear-course:is(.matt-shared-dark, .dark) .key-box.familiar {
  background: linear-gradient(100deg, rgba(33,92,128,.48), rgba(20,42,61,.30)) !important;
  border-color: rgba(132,193,226,.28) !important;
  border-left-color: #75bff0 !important;
}
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course .key-box.understand,
body.matt-course-shell.matt-glass-theme.matt-linear-course:is(.matt-shared-dark, .dark) .key-box.understand {
  background: linear-gradient(100deg, rgba(31,100,74,.42), rgba(18,48,38,.28)) !important;
  border-color: rgba(112,224,168,.24) !important;
  border-left-color: #6ee7b7 !important;
}
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course .key-box.military,
body.matt-course-shell.matt-glass-theme.matt-linear-course:is(.matt-shared-dark, .dark) .key-box.military {
  background: linear-gradient(100deg, rgba(89,54,115,.46), rgba(44,32,62,.30)) !important;
  border-color: rgba(207,158,255,.25) !important;
  border-left-color: #c084fc !important;
}
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course .highlight-box,
body.matt-course-shell.matt-glass-theme.matt-linear-course:is(.matt-shared-dark, .dark) .highlight-box {
  background: linear-gradient(100deg, rgba(115,82,30,.46), rgba(49,38,24,.30)) !important;
  border-color: rgba(231,189,98,.28) !important;
  border-left-color: #e7bd62 !important;
}
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course .card,
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course table,
body.matt-course-shell.matt-glass-theme.matt-linear-course:is(.matt-shared-dark, .dark) .card,
body.matt-course-shell.matt-glass-theme.matt-linear-course:is(.matt-shared-dark, .dark) table {
  box-shadow: none !important;
}

/* -------------------------------------------------------------------------
   Military-theory chapter rhythm
   -------------------------------------------------------------------------
   This course is not a dashboard: most of its content is a sequence of
   explanations followed by a few exam-oriented reminders.  Let the chapter
   title and subsection headings sit on the reading canvas, while callouts
   read as indented strips in that flow rather than a stack of floating cards.
   ------------------------------------------------------------------------- */
body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main .chapter-title {
  padding: 8px 0 12px !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main .subsection h3 {
  margin: 22px 0 10px !important;
  padding: 5px 10px !important;
  border-left-width: 3px !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main > .chapter-section {
  margin-bottom: 32px !important;
  padding-bottom: 20px !important;
}
body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main > .chapter-section + .chapter-section {
  padding-top: 28px !important;
}
body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main .key-box,
body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main .highlight-box,
body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main .blockquote,
body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main .definition {
  margin: 8px 0 14px !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 15px 15px 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.44), inset 0 -1px 0 rgba(91,129,158,.10) !important;
}
body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main .key-box + .key-box,
body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main .highlight-box + .key-box,
body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main .key-box + .highlight-box {
  margin-top: -2px !important;
}
body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main table {
  margin: 12px 0 18px !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.46) !important;
}

html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main .key-box,
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main .highlight-box,
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main .blockquote,
html:is([data-theme="dark"], .dark) body.matt-course-shell.matt-glass-theme.matt-linear-course:not(.history-review) > .main .definition,
body.matt-course-shell.matt-glass-theme.matt-linear-course.matt-shared-dark:not(.history-review) > .main .key-box,
body.matt-course-shell.matt-glass-theme.matt-linear-course.matt-shared-dark:not(.history-review) > .main .highlight-box,
body.matt-course-shell.matt-glass-theme.matt-linear-course.matt-shared-dark:not(.history-review) > .main .blockquote,
body.matt-course-shell.matt-glass-theme.matt-linear-course.matt-shared-dark:not(.history-review) > .main .definition {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), inset 0 -1px 0 rgba(0,0,0,.16) !important;
}

/* -------------------------------------------------------------------------
   Modern-history chapter rhythm
   -------------------------------------------------------------------------
   The history course is organised around periods, turning points and
   evidence tables.  Keep that chronology visible: headings become inline
   timeline markers, tables stay readable as one comparison surface, and
   significance/failure notes remain part of the paragraph flow.
   ------------------------------------------------------------------------- */
body.history-review.matt-course-shell.matt-glass-theme > .content > section {
  margin-bottom: 34px !important;
  padding-bottom: 22px !important;
}
body.history-review.matt-course-shell.matt-glass-theme > .content > section + section {
  padding-top: 28px !important;
}
body.history-review.matt-course-shell.matt-glass-theme > .content > section > h3 {
  margin: 22px 0 10px !important;
  padding: 6px 12px 6px 14px !important;
  border-left: 3px solid var(--accent2) !important;
  border-bottom: 1px solid rgba(184,134,11,.22) !important;
  color: var(--accent2) !important;
  background: transparent !important;
}
body.history-review.matt-course-shell.matt-glass-theme .tag {
  padding: 2px 8px !important;
  border: 1px solid rgba(184,134,11,.16) !important;
  border-radius: 999px !important;
  vertical-align: baseline;
}
body.history-review.matt-course-shell.matt-glass-theme .highlight-box,
body.history-review.matt-course-shell.matt-glass-theme .red-box {
  margin: 14px 0 18px !important;
  border-radius: 0 14px 14px 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.46), inset 0 -1px 0 rgba(91,129,158,.10) !important;
  backdrop-filter: blur(10px) saturate(115%);
  -webkit-backdrop-filter: blur(10px) saturate(115%);
}
body.history-review.matt-course-shell.matt-glass-theme table.tb {
  margin: 14px 0 20px !important;
  border: 1px solid rgba(184,134,11,.20) !important;
  border-radius: 14px !important;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48) !important;
}
body.history-review.matt-course-shell.matt-glass-theme table.tb th {
  background: linear-gradient(135deg, rgba(255,244,199,.86), rgba(255,255,255,.48)) !important;
  color: var(--text) !important;
  font-weight: 750 !important;
}
body.history-review.matt-course-shell.matt-glass-theme table.tb td {
  background: rgba(255,255,255,.26) !important;
}
body.history-review.matt-course-shell.matt-glass-theme table.tb tr:nth-child(even) td {
  background: rgba(249,239,207,.30) !important;
}
body.history-review.matt-course-shell.matt-glass-theme .timeline {
  padding-left: 34px !important;
  margin: 18px 0 24px !important;
}
body.history-review.matt-course-shell.matt-glass-theme .timeline::before {
  left: 10px !important;
  width: 2px !important;
  background: linear-gradient(180deg, var(--timeline), rgba(196,163,90,.18)) !important;
}
body.history-review.matt-course-shell.matt-glass-theme .tl-item {
  margin-bottom: 0 !important;
  padding: 7px 0 9px !important;
  border-bottom: 1px solid rgba(196,163,90,.14);
}
body.history-review.matt-course-shell.matt-glass-theme .tl-item:last-child { border-bottom: 0; }
body.history-review.matt-course-shell.matt-glass-theme .tl-item::before {
  left: -29px !important;
  top: 14px !important;
  width: 12px !important;
  height: 12px !important;
  background: var(--bg) !important;
  border-color: var(--timeline) !important;
}
body.history-review.matt-course-shell.matt-glass-theme .tl-year {
  display: inline-flex;
  min-width: 76px;
  justify-content: center;
  padding: 1px 8px;
  border-radius: 999px;
  background: var(--tag-bg);
  border: 1px solid rgba(196,163,90,.22);
}
body.history-review.matt-course-shell.matt-glass-theme details {
  margin: 12px 0 !important;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(196,163,90,.16);
}
body.history-review.matt-course-shell.matt-glass-theme details summary {
  padding: 7px 12px !important;
  border-left: 3px solid var(--accent2);
  border-radius: 0 10px 10px 0;
  background: rgba(255,247,215,.30);
}
body.history-review.matt-course-shell.matt-glass-theme details .qa-content {
  padding: 8px 12px 4px 16px !important;
}

html:is([data-theme="dark"], .dark) body.history-review.matt-course-shell.matt-glass-theme > .content > section > h3,
body.history-review.matt-course-shell.matt-glass-theme.matt-shared-dark > .content > section > h3 {
  border-bottom-color: rgba(242,198,109,.25) !important;
}
html:is([data-theme="dark"], .dark) body.history-review.matt-course-shell.matt-glass-theme table.tb th,
body.history-review.matt-course-shell.matt-glass-theme.matt-shared-dark table.tb th {
  background: linear-gradient(135deg, rgba(73,61,48,.94), rgba(56,52,62,.92)) !important;
  color: #fff1c9 !important;
}
html:is([data-theme="dark"], .dark) body.history-review.matt-course-shell.matt-glass-theme table.tb td,
body.history-review.matt-course-shell.matt-glass-theme.matt-shared-dark table.tb td {
  background: rgba(23,38,55,.72) !important;
  border-color: #3a5065 !important;
}
html:is([data-theme="dark"], .dark) body.history-review.matt-course-shell.matt-glass-theme table.tb tr:nth-child(even) td,
body.history-review.matt-course-shell.matt-glass-theme.matt-shared-dark table.tb tr:nth-child(even) td {
  background: rgba(30,48,67,.78) !important;
}
html:is([data-theme="dark"], .dark) body.history-review.matt-course-shell.matt-glass-theme details summary,
body.history-review.matt-course-shell.matt-glass-theme.matt-shared-dark details summary {
  background: rgba(67,57,37,.34) !important;
}