/* Synced from the campaign template stylesheet:
   Personal Vault/.obsidian/snippets/pc-wiki-layout-test.css (2026-08-28)
   Keep portal.css loaded after this file as the browser compatibility layer. */

/* TEST-ONLY PC WIKI: every behavioral selector is rooted at .pc-wiki-layout-test. */
.pc-wiki-layout-test {
  --pc-bg:#05070f;--pc-panel:#0d1326;--pc-border:rgba(50, 101, 129, 0.45);
  --pc-border-bright:#326581;--pc-text:#dce8f0;--pc-muted:#8fa3bd;
  --pc-silver:#bfc9d7;--pc-ice:#58b9e6;--pc-active:#58b9e6;
  --pc-success:#68b879;--pc-warning:#c9a557;--pc-danger:#d66b6b;
  --pc-gap:12px;--pc-radius:5px;--pc-rail-width:490px;--pc-page-width:2300px;
  --background-primary:var(--pc-bg);--background-secondary:#070a16;
  --background-modifier-border:var(--pc-border);--text-normal:var(--pc-text);
  --text-muted:var(--pc-muted);--link-color:#58b9e6;
  --link-color-hover:#9fdcf7;--interactive-accent:var(--pc-active);
  container-name:pc-layout;container-type:inline-size;
}

.markdown-preview-view.pc-wiki-layout-test.pc-wide .markdown-preview-sizer,
.markdown-source-view.pc-wiki-layout-test.pc-wide .cm-sizer {
  width:min(var(--pc-page-width),98%)!important;max-width:var(--pc-page-width)!important;
}
.pc-wiki-layout-test .markdown-embed {border-inline-start:0;padding:0;}
.pc-wiki-layout-test .markdown-embed-title {display:none;}

/* Shared hero */
.pc-wiki-layout-test .pc-hero {
  min-height:215px;padding:28px 34px 22px;border:1px solid var(--pc-border);
  border-radius:var(--pc-radius);background-color:#070a16;
  background-image:linear-gradient(90deg,rgba(3,8,13,.99) 0%,rgba(3,8,13,.9) 35%,rgba(3,8,13,.28) 72%,rgba(3,8,13,.12) 100%),var(--pc-banner,linear-gradient(135deg,#0d1a2e,#05070f));
  background-repeat:no-repeat;background-size:cover,auto 100%;
  background-position:center,right center;box-shadow:inset 0 0 38px rgba(0,0,0,.45);
  display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;
}
.pc-wiki-layout-test .pc-hero__title {
  color:#e5ebf3;font:clamp(2.7rem,5vw,4.7rem)/.98 Georgia,"Times New Roman",serif;
  text-shadow:0 2px 12px #000;
}
.pc-wiki-layout-test .pc-hero__subtitle {
  margin-top:10px;color:var(--pc-silver);font:1.12rem Georgia,"Times New Roman",serif;
  text-shadow:0 1px 7px #000;
}
.pc-wiki-layout-test .pc-hero__quote {
  margin-top:10px;color:#c2c6cd;font:italic 1.02rem Georgia,"Times New Roman",serif;
  text-shadow:0 1px 7px #000;
}
.pc-wiki-layout-test .pc-hero__warning {margin-top:8px;color:var(--pc-warning);font-size:.82rem;}

/* Campaign navigation and PC tabs */
.pc-wiki-layout-test .callout[data-callout="pc-global-nav"],
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"] {border:0;background:transparent;padding:0;margin:8px 0;}
.pc-wiki-layout-test .callout[data-callout="pc-global-nav"]>.callout-title,
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-title {display:none;}
.pc-wiki-layout-test .callout[data-callout="pc-global-nav"]>.callout-content,
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content {padding:0;overflow:visible;}
.pc-wiki-layout-test .callout[data-callout="pc-global-nav"]>.callout-content>p,
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p {
  width:100%;margin:0;display:flex;flex-wrap:nowrap;align-items:stretch;gap:4px;
}
.pc-wiki-layout-test .callout[data-callout="pc-global-nav"]>.callout-content>p>a,
.pc-wiki-layout-test .callout[data-callout="pc-global-nav"]>.callout-content>p>strong,
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>a,
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>strong {display:flex;margin:0;min-width:0;}
.pc-wiki-layout-test .callout[data-callout="pc-global-nav"]>.callout-content>p>a,
.pc-wiki-layout-test .callout[data-callout="pc-global-nav"]>.callout-content>p>strong {flex:1 1 0;}
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>a,
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>strong {flex:1 1 0;}
.pc-wiki-layout-test .callout[data-callout="pc-global-nav"] .internal-link,
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"] .internal-link {
  width:100%;min-width:0;min-height:38px;padding:8px 13px;border:1px solid var(--pc-border);
  background:linear-gradient(180deg,#0d1326,#070a16);color:var(--pc-silver);
  display:inline-flex;justify-content:center;align-items:center;text-align:center;
  text-decoration:none;font-family:Georgia,"Times New Roman",serif;line-height:1.15;
}
.pc-wiki-layout-test .callout[data-callout="pc-global-nav"] .internal-link {
  clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);font-family:inherit;font-size:.72rem;font-weight:700;text-transform:uppercase;
}
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"] .internal-link {text-transform:uppercase;}
.pc-wiki-layout-test .callout[data-callout="pc-global-nav"] strong .internal-link,
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"] strong .internal-link {
  border-color:#58b9e6;background:linear-gradient(180deg,#2b83b3,#12405e);
  color:#fff;box-shadow:inset 0 -2px 0 rgba(114,189,231,.75);
}
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p {
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:44px;
}
.pc-wiki-layout-test .callout[data-callout="pc-global-nav"]>.callout-content>p>br,
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>br {display:none;}
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>a,
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>strong {
  width:100%;height:44px;min-width:0;box-sizing:border-box;
}
.pc-wiki-layout-test .callout[data-callout="pc-page-tabs"] .internal-link {
  width:100%;height:44px;min-height:44px;padding:6px 8px;box-sizing:border-box;
  white-space:nowrap;line-height:1.1;
}

/* Grid begins only after hero and both navigation rows. */
.pc-wiki-layout-test .callout[data-callout="pc-shell"] {border:0;background:transparent;padding:0;margin-top:10px;overflow:visible;}
.pc-wiki-layout-test .callout[data-callout="pc-shell"]>.callout-title,
.pc-wiki-layout-test .callout[data-callout="pc-main"]>.callout-title,
.pc-wiki-layout-test .callout[data-callout="pc-rail"]>.callout-title {display:none;}
.pc-wiki-layout-test .callout[data-callout="pc-shell"]>.callout-content {
  display:grid;grid-template-columns:minmax(0,1fr) var(--pc-rail-width);align-items:start;
  gap:var(--pc-gap);padding:0;overflow:visible;
}
.pc-wiki-layout-test .callout[data-callout="pc-main"],
.pc-wiki-layout-test .callout[data-callout="pc-rail"] {
  min-width:0;border:0;background:transparent;padding:0;margin:0;overflow:visible;
}
.pc-wiki-layout-test .callout[data-callout="pc-main"]>.callout-content,
.pc-wiki-layout-test .callout[data-callout="pc-rail"]>.callout-content {padding:0;overflow:visible;}
.pc-wiki-layout-test .callout[data-callout="pc-rail"] {position:static;top:auto;align-self:start;}

/* Main panels */
.pc-wiki-layout-test .callout[data-callout="pc-panel"],
.pc-wiki-layout-test .callout[data-callout="pc-secret"],
.pc-wiki-layout-test .callout[data-callout="pc-note"] {
  border:1px solid var(--pc-border);border-radius:var(--pc-radius);
  background:linear-gradient(180deg,rgba(13,19,38,.98),rgba(5,7,15,.98));
  --callout-color:114,189,231;--callout-icon:lucide-sparkles;overflow:hidden;
}
.pc-wiki-layout-test .callout[data-callout="pc-secret"] {--callout-color:119,117,184;--callout-icon:lucide-lock-keyhole;}
.pc-wiki-layout-test .callout[data-callout="pc-note"] {--callout-color:201,165,87;--callout-icon:lucide-triangle-alert;}
.pc-wiki-layout-test .callout[data-callout="pc-panel"]>.callout-title,
.pc-wiki-layout-test .callout[data-callout="pc-secret"]>.callout-title,
.pc-wiki-layout-test .callout[data-callout="pc-note"]>.callout-title {
  color:var(--pc-silver);font-family:Georgia,"Times New Roman",serif;
  text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--pc-border);padding-bottom:7px;
}
.pc-wiki-layout-test .callout[data-callout="pc-panel"]>.callout-content,
.pc-wiki-layout-test .callout[data-callout="pc-secret"]>.callout-content,
.pc-wiki-layout-test .callout[data-callout="pc-note"]>.callout-content {overflow-x:auto;}
.pc-wiki-layout-test .callout[data-callout="pc-panel"][data-callout-metadata~="portrait"] .image-embed {
  float:right;width:min(210px,35%);margin:0 0 12px 18px;
}
.pc-wiki-layout-test .callout[data-callout="pc-panel"][data-callout-metadata~="portrait"] .image-embed img {
  border:1px solid var(--pc-border-bright);border-radius:var(--pc-radius);box-shadow:0 8px 24px rgba(0,0,0,.4);
}
.pc-wiki-layout-test .callout[data-callout="pc-panel"][data-callout-metadata~="portrait"]>.callout-content::after {
  content:"";display:block;clear:both;
}

/* Main tables */
.pc-wiki-layout-test table {width:100%;table-layout:auto;border-collapse:collapse;background:#06101a;}
.pc-wiki-layout-test th {
  background:#12314a;color:var(--pc-silver);border-color:var(--pc-border);font-family:Georgia,"Times New Roman",serif;
}
.pc-wiki-layout-test td {border-color:#173448;vertical-align:top;}

/* Generated information rail */
.pc-wiki-layout-test .pc-info-rail {
  border:1px solid var(--pc-border-bright);border-radius:var(--pc-radius);
  background:linear-gradient(180deg,#08131e,#050c13);padding:6px;box-shadow:0 8px 22px rgba(0,0,0,.32);
}
.pc-wiki-layout-test .pc-rail-section+.pc-rail-section {margin-top:7px;}
.pc-wiki-layout-test .pc-rail-heading {
  padding:5px 8px;border:1px solid #1d5275;background:linear-gradient(180deg,#17486b,#0f3550);
  color:#dcebf5;text-align:center;text-transform:uppercase;
  font:700 .82rem Georgia,"Times New Roman",serif;letter-spacing:.045em;
}
.pc-wiki-layout-test .pc-info-rail table {margin:0;table-layout:fixed;font-size:.82rem;}
.pc-wiki-layout-test .pc-info-rail td {padding:3px 6px;}
.pc-wiki-layout-test .pc-info-rail td:first-child {width:38%;color:var(--pc-ice);font-weight:700;text-align:right;}
.pc-wiki-layout-test .pc-info-rail td:last-child {width:62%;color:var(--pc-text);overflow-wrap:anywhere;word-break:normal;}
.pc-wiki-layout-test .pc-info-rail .internal-link {color:#23afc4;}
.pc-wiki-layout-test .pc-rail-value-list>*+*::before {content:" Â· ";color:var(--pc-muted);}

/* Cards, split blocks, and status helpers */
.pc-wiki-layout-test .pc-card-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;}
.pc-wiki-layout-test .pc-card {
  min-height:96px;padding:12px;border:1px solid var(--pc-border);border-radius:var(--pc-radius);
  background:#08131e;text-align:center;
}
.pc-wiki-layout-test .pc-card__title {
  color:var(--pc-ice);font:700 .78rem Georgia,"Times New Roman",serif;
  text-transform:uppercase;letter-spacing:.04em;
}
.pc-wiki-layout-test .pc-card__value {margin-top:8px;color:var(--pc-text);}
.pc-wiki-layout-test .pc-two-column {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pc-gap);}
.pc-wiki-layout-test .pc-milestone-track {
  position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
  padding-top:18px;margin:4px 0 8px;
}
.pc-wiki-layout-test .pc-milestone-track::before {
  content:"";position:absolute;top:8px;left:8%;right:8%;height:2px;
  background:linear-gradient(90deg,var(--pc-border),var(--pc-ice),var(--pc-border));
}
.pc-wiki-layout-test .pc-milestone {
  position:relative;min-height:112px;padding:13px 12px 11px;border:1px solid var(--pc-border);
  border-radius:var(--pc-radius);background:linear-gradient(180deg,#0b1b29,#07111b);
}
.pc-wiki-layout-test .pc-milestone::before {
  content:"";position:absolute;top:-15px;left:50%;width:10px;height:10px;transform:translateX(-50%);
  border:2px solid #9fdcf4;border-radius:50%;background:var(--pc-active);box-shadow:0 0 10px rgba(21,155,210,.75);
}
.pc-wiki-layout-test .pc-milestone__date {
  display:block;color:var(--pc-ice);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
}
.pc-wiki-layout-test .pc-milestone__title {
  display:block;margin-top:5px;color:var(--pc-silver);font:700 1rem Georgia,"Times New Roman",serif;
}
.pc-wiki-layout-test .pc-milestone__detail {display:block;margin-top:7px;color:var(--pc-text);font-size:.86rem;line-height:1.35;}
.pc-wiki-layout-test .mermaid {max-width:100%;overflow:auto;}
.pc-wiki-layout-test .pc-status-active {color:var(--pc-success);}
.pc-wiki-layout-test .pc-status-warning,.pc-wiki-layout-test .pc-needs-review {color:var(--pc-warning);}
.pc-wiki-layout-test .pc-needs-review {font-weight:700;}
.pc-wiki-layout-test .pc-status-danger {color:var(--pc-danger);}

/* Mobile and narrow Obsidian panes */
@media (max-width:1000px) {
  .pc-wiki-layout-test .callout[data-callout="pc-shell"]>.callout-content {grid-template-columns:1fr;}
  .pc-wiki-layout-test .callout[data-callout="pc-rail"] {position:static;}
  .pc-wiki-layout-test .pc-two-column {grid-template-columns:1fr;}
  .pc-wiki-layout-test .pc-milestone-track {grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0;}
  .pc-wiki-layout-test .pc-milestone-track::before,
  .pc-wiki-layout-test .pc-milestone::before {display:none;}
  .pc-wiki-layout-test .callout[data-callout="pc-global-nav"]>.callout-content>p,
  .pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p {flex-wrap:wrap;}
  .pc-wiki-layout-test .callout[data-callout="pc-global-nav"]>.callout-content>p>a,
  .pc-wiki-layout-test .callout[data-callout="pc-global-nav"]>.callout-content>p>strong,
  .pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>a,
  .pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>strong {flex:1 1 calc(50% - 4px);}
  .pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p {
    grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:52px;
  }
  .pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>a,
  .pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>strong,
  .pc-wiki-layout-test .callout[data-callout="pc-page-tabs"] .internal-link {
    height:52px;min-height:52px;white-space:normal;
  }
}
@container pc-layout (max-width:1000px) {
  .pc-wiki-layout-test .callout[data-callout="pc-shell"]>.callout-content {grid-template-columns:1fr;}
  .pc-wiki-layout-test .callout[data-callout="pc-rail"] {position:static;}
  .pc-wiki-layout-test .pc-two-column {grid-template-columns:1fr;}
  .pc-wiki-layout-test .pc-milestone-track {grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0;}
  .pc-wiki-layout-test .pc-milestone-track::before,
  .pc-wiki-layout-test .pc-milestone::before {display:none;}
  .pc-wiki-layout-test .callout[data-callout="pc-global-nav"]>.callout-content>p,
  .pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p {flex-wrap:wrap;}
  .pc-wiki-layout-test .callout[data-callout="pc-global-nav"]>.callout-content>p>a,
  .pc-wiki-layout-test .callout[data-callout="pc-global-nav"]>.callout-content>p>strong,
  .pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>a,
  .pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>strong {flex:1 1 calc(50% - 4px);}
  .pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p {
    grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:52px;
  }
  .pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>a,
  .pc-wiki-layout-test .callout[data-callout="pc-page-tabs"]>.callout-content>p>strong,
  .pc-wiki-layout-test .callout[data-callout="pc-page-tabs"] .internal-link {
    height:52px;min-height:52px;white-space:normal;
  }
}
@media (max-width:600px) {
  .pc-wiki-layout-test .pc-hero {min-height:180px;padding:22px 20px 18px;background-size:cover,auto 88%;}
  .pc-wiki-layout-test .pc-hero__title {font-size:2.55rem;}
  .pc-wiki-layout-test .callout[data-callout="pc-panel"][data-callout-metadata~="portrait"] .image-embed {
    float:none;display:block;width:min(220px,70%);margin:0 auto 12px;
  }
  .pc-wiki-layout-test .pc-card-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .pc-wiki-layout-test .pc-milestone-track {grid-template-columns:1fr;}
}

/* ========================================================================== */
/* BEYOND SILVERSPIRE WIKI TEMPLATE TEST                                      */
/* Every behavioral selector below is isolated by .bs-wiki-layout-test.       */
/* ========================================================================== */

.bs-wiki-layout-test {
  --bs-bg:#05070f;
  --bs-bg-2:#070a16;
  --bs-panel:#0d1326;
  --bs-panel-2:#0a0e1f;
  --bs-border:rgba(50, 101, 129, 0.45);
  --bs-border-bright:#326581;
  --bs-text:#dce8f0;
  --bs-muted:#8fa3bd;
  --bs-silver:#bec9d7;
  --bs-cyan:#58b9e6;
  --bs-cyan-bright:#9fdcf7;
  --bs-cyan-dark:#0f5d84;
  --bs-red-group:#78363b;
  --bs-red-border:#a75157;
  --bs-green:#6fbd7b;
  --bs-warning:#d3aa51;
  --bs-danger:#da6c6c;
  --bs-gap:10px;
  --bs-radius:4px;
  --bs-page-width:2300px;
  --bs-rail-width:270px;
  --background-primary:var(--bs-bg);
  --background-secondary:#071019;
  --background-modifier-border:var(--bs-border);
  --text-normal:var(--bs-text);
  --text-muted:var(--bs-muted);
  --link-color:#58b9e6;
  --link-color-hover:#bdeafa;
  --interactive-accent:var(--bs-cyan);
  container-name:bs-layout;
  container-type:inline-size;
}

/* Layout 2 homepage dimensions. These class defaults also work before
   Dataview finishes applying any per-page frontmatter overrides. */
.bs-wiki-layout-test.bs-home {
  --bs-page-width:2300px;
  --bs-rail-width:550px;
}

.bs-wiki-layout-test.bs-pc-home {
  --bs-page-width:2300px;
  --bs-rail-width:550px;
}

.bs-wiki-layout-test.bs-entity {
  --bs-page-width:2300px;
  --bs-rail-width:450px;
}

/* Wide individual test records use the same generous content/rail balance as
   the approved Layout 2 homepages. Production notes never receive these classes. */
.bs-wiki-layout-test.bs-loot-file,
.bs-wiki-layout-test.bs-combat-file {
  --bs-page-width:2300px;
  --bs-rail-width:450px;
}

.markdown-preview-view.bs-wiki-layout-test.bs-wide,
.markdown-source-view.mod-cm6.bs-wiki-layout-test.bs-wide {
  --file-line-width:min(100%,var(--bs-page-width))!important;
  --line-width:min(100%,var(--bs-page-width))!important;
}

.markdown-preview-view.bs-wiki-layout-test.bs-wide>.markdown-preview-sizer,
.markdown-preview-view.bs-wiki-layout-test.bs-wide>.markdown-preview-sizer>.markdown-preview-section,
.bs-wiki-layout-test.bs-wide .cm-sizer,
.markdown-source-view.mod-cm6.bs-wiki-layout-test.bs-wide .cm-sizer {
  width:min(100%,var(--bs-page-width))!important;
  max-width:var(--bs-page-width)!important;
  margin-inline:auto!important;
}

.bs-wiki-layout-test .metadata-container {display:none;}
.bs-wiki-layout-test .inline-title,
.bs-wiki-layout-test .markdown-embed-link,
.bs-wiki-layout-test .file-embed-link {display:none!important;}
.bs-wiki-layout-test .markdown-embed {border-inline-start:0;padding:0;}
.bs-wiki-layout-test .markdown-embed-title {display:none;}
.bs-wiki-layout-test .markdown-embed-content>.markdown-preview-view {padding:0;}
.bs-wiki-layout-test .markdown-embed-content .markdown-preview-sizer,
.bs-wiki-layout-test .markdown-embed-content .markdown-preview-section {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.bs-wiki-layout-test .markdown-preview-pusher {display:none;}
.bs-wiki-layout-test hr {border-color:var(--bs-border);}
.bs-wiki-layout-test h1,
.bs-wiki-layout-test h2,
.bs-wiki-layout-test h3 {font-family:Georgia,"Times New Roman",serif;}
.bs-wiki-layout-test h2 {color:var(--bs-silver);border-bottom:1px solid var(--bs-border);}

/* Shared homepage hero. */
.bs-wiki-layout-test .bs-hero {
  min-height:175px;
  box-sizing:border-box;
  padding:24px 30px;
  border:1px solid var(--bs-border);
  border-radius:var(--bs-radius);
  background-color:#070a16;
  background-image:
    linear-gradient(90deg,rgba(4,9,15,.98) 0%,rgba(4,9,15,.76) 48%,rgba(4,9,15,.16) 100%),
    var(--bs-hero-image,linear-gradient(135deg,#10263a,#06101a));
  background-repeat:no-repeat;
  background-size:cover,cover;
  background-position:center,center;
  box-shadow:inset 0 0 42px rgba(0,0,0,.42);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
}

.bs-wiki-layout-test .bs-hero__breadcrumb {
  margin-bottom:auto;
  color:var(--bs-cyan);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  text-shadow:0 1px 8px #000;
}

.bs-wiki-layout-test .bs-hero__campaign {
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  gap:9px;
  max-width:min(680px,100%);
  margin:0 0 7px;
  padding:5px 10px;
  border:1px solid rgba(88,185,230,.55);
  border-radius:3px;
  background:rgba(3,15,25,.84);
  box-shadow:0 3px 12px rgba(0,0,0,.34),inset 0 0 14px rgba(43,156,207,.08);
  color:#dce9f2;
  line-height:1.15;
}

.bs-wiki-layout-test .bs-hero__campaign-label {
  color:var(--bs-cyan);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.1em;
}

.bs-wiki-layout-test .bs-hero__campaign-value {
  min-width:0;
  overflow:hidden;
  font:700 .88rem/1.15 Georgia,"Times New Roman",serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.bs-wiki-layout-test .bs-hero__title {
  color:#e7edf5;
  font:clamp(2.25rem,3.5vw,3.65rem)/.98 Georgia,"Times New Roman",serif;
  text-shadow:0 2px 12px #000;
  white-space:pre-line;
}

.bs-wiki-layout-test.bs-bestiary-home .bs-hero,
.bs-wiki-layout-test.bs-npc-location-home .bs-hero {padding:18px 26px;}
.bs-wiki-layout-test.bs-bestiary-home .bs-hero__title,
.bs-wiki-layout-test.bs-npc-location-home .bs-hero__title {
  font-size:clamp(2.1rem,3vw,3.35rem);
  line-height:.96;
}
.bs-wiki-layout-test.bs-bestiary-home .bs-hero__subtitle,
.bs-wiki-layout-test.bs-npc-location-home .bs-hero__subtitle {
  max-width:760px;
  margin-top:5px;
  font-size:1rem;
}

.bs-wiki-layout-test .bs-hero__subtitle {
  max-width:680px;
  margin-top:8px;
  color:#65c7df;
  font:1.05rem/1.3 Georgia,"Times New Roman",serif;
  text-shadow:0 1px 8px #000;
}

/* Quest-home hero details are optional and do not affect the other homepages. */
.bs-wiki-layout-test.bs-quest-home .bs-hero__kicker {
  margin:0 0 2px;
  color:var(--bs-silver);
  font:clamp(.92rem,1.2vw,1.2rem)/1.1 Georgia,"Times New Roman",serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 1px 8px #000;
}

.bs-wiki-layout-test.bs-quest-home .bs-hero__tags {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:10px;
}

.bs-wiki-layout-test.bs-quest-home .bs-hero__tags .bs-tag-chip {
  padding:3px 8px;
  border-color:rgba(88,185,230,.38);
  background:rgba(8,28,44,.82);
  color:#acd8ea;
  box-shadow:0 1px 6px rgba(0,0,0,.3);
  line-height:1.15;
}

.bs-wiki-layout-test .bs-hero__warning,
.bs-wiki-layout-test .bs-entity-hero__warning {
  margin-top:7px;
  color:var(--bs-warning);
  font-size:.78rem;
}

/* Compact entity hero used by all six filled record templates. */
.bs-wiki-layout-test .bs-entity-hero {
  min-height:168px;
  box-sizing:border-box;
  padding:17px 24px;
  border:1px solid var(--bs-border);
  border-radius:var(--bs-radius);
  background-color:#070a16;
  background-image:
    linear-gradient(90deg,rgba(4,9,15,.99) 0%,rgba(4,9,15,.85) 42%,rgba(4,9,15,.16) 100%),
    var(--bs-entity-image,linear-gradient(135deg,#10263a,#06101a));
  background-repeat:no-repeat;
  background-size:cover,cover;
  background-position:center,center;
  box-shadow:inset 0 0 36px rgba(0,0,0,.46);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
}

.bs-wiki-layout-test .bs-entity-hero__breadcrumb {
  margin-bottom:auto;
  color:var(--bs-cyan-bright);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-shadow:0 1px 8px #000;
}

.bs-wiki-layout-test .bs-entity-hero__heading {
  display:flex;
  align-items:center;
  gap:10px;
  max-width:calc(100% - 190px);
}

.bs-wiki-layout-test .bs-entity-hero__icon {
  color:var(--bs-cyan-bright);
  font:2.25rem/1 Georgia,"Times New Roman",serif;
  text-shadow:0 0 14px rgba(88,185,230,.45);
}

.bs-wiki-layout-test .bs-entity-hero__title {
  color:#e7edf5;
  min-width:0;
  font:clamp(1.8rem,2.35vw,2.9rem)/1.02 Georgia,"Times New Roman",serif;
  overflow-wrap:anywhere;
  text-shadow:0 2px 12px #000;
}

.bs-wiki-layout-test .bs-entity-hero__subtitle {
  max-width:760px;
  margin-top:7px;
  color:#73cce4;
  font:1rem/1.3 Georgia,"Times New Roman",serif;
  text-shadow:0 1px 8px #000;
}

/* Shared folder-order campaign navigation: Home plus 00 through 10. */
.bs-wiki-layout-test .callout[data-callout="bs-main-nav"] {
  margin:7px 0;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
}

.bs-wiki-layout-test .callout[data-callout="bs-main-nav"]>.callout-title {display:none;}
.bs-wiki-layout-test .callout[data-callout="bs-main-nav"]>.callout-content {padding:0;overflow:visible;}
.bs-wiki-layout-test .callout[data-callout="bs-main-nav"]>.callout-content>p {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:4px;
  width:100%;
  margin:0;
}

.bs-wiki-layout-test .callout[data-callout="bs-main-nav"]>.callout-content>p>br {display:none;}
.bs-wiki-layout-test .callout[data-callout="bs-main-nav"]>.callout-content>p>a,
.bs-wiki-layout-test .callout[data-callout="bs-main-nav"]>.callout-content>p>strong {
  display:flex;
  min-width:0;
  margin:0;
}

.bs-wiki-layout-test .callout[data-callout="bs-main-nav"] .internal-link {
  width:100%;
  min-width:0;
  min-height:44px;
  box-sizing:border-box;
  padding:6px 7px;
  border:1px solid var(--bs-border);
  background:linear-gradient(180deg,#0e1b28,#060d14);
  color:var(--bs-silver);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-decoration:none;
  font-size:.7rem;
  font-weight:700;
  line-height:1.15;
  text-transform:uppercase;
  clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);
}

.bs-wiki-layout-test .callout[data-callout="bs-main-nav"] strong .internal-link,
.bs-wiki-layout-test .callout[data-callout="bs-main-nav"] .internal-link.is-active {
  border-color:var(--bs-cyan);
  background:linear-gradient(180deg,#198dc2,#0c5279);
  color:#fff;
  box-shadow:inset 0 -2px 0 rgba(139,220,255,.58);
}

/* Slim source-navigation strip used by Layout 2 directory pages. */
.bs-wiki-layout-test .callout[data-callout="bs-context"] {
  margin:7px 0;
  padding:0;
  border:1px solid var(--bs-border);
  border-radius:var(--bs-radius);
  background:linear-gradient(90deg,rgba(10,31,45,.96),rgba(5,15,24,.96));
}
.bs-wiki-layout-test .callout[data-callout="bs-context"]>.callout-title {display:none;}
.bs-wiki-layout-test .callout[data-callout="bs-context"]>.callout-content {
  padding:7px 12px;
  color:var(--bs-silver);
  font-size:.84rem;
}
.bs-wiki-layout-test .callout[data-callout="bs-context"]>.callout-content>p {margin:0;}

/* Configurable category grid; campaign homes use six columns, other directories five. */
.bs-wiki-layout-test .callout[data-callout="bs-category-grid"] {
  margin:7px 0;
  padding:0;
  border:1px solid var(--bs-border);
  border-radius:var(--bs-radius);
  background:linear-gradient(180deg,rgba(8,20,31,.98),rgba(4,12,18,.98));
  overflow:hidden;
  --callout-color:88,185,230;
  --callout-icon:lucide-panels-top-left;
}

.bs-wiki-layout-test.bs-campaign-home {
  --bs-category-grid-columns:6;
}

.bs-wiki-layout-test .callout[data-callout="bs-category-grid"]>.callout-title {
  min-height:30px;
  padding:5px 10px;
  border-bottom:1px solid var(--bs-border);
  background:linear-gradient(90deg,#144869,#0a2133);
  color:#dcebf5;
  font-family:Georgia,"Times New Roman",serif;
  text-transform:uppercase;
}

.bs-wiki-layout-test .callout[data-callout="bs-category-grid"]>.callout-content {
  display:grid;
  grid-template-columns:repeat(var(--bs-category-grid-columns,5),minmax(0,1fr));
  gap:5px;
  padding:8px;
}

.bs-wiki-layout-test .bs-starter-category-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
  width:100%;
}

.bs-wiki-layout-test .bs-starter-category-grid>a.internal-link {
  min-height:42px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px 9px;
  border:1px solid var(--bs-border);
  border-radius:2px;
  background:linear-gradient(180deg,#0b1d2b,#061019);
  color:var(--bs-silver);
  font-family:var(--bs-serif);
  font-size:.8rem;
  font-weight:700;
  text-align:center;
  text-decoration:none;
}

.bs-wiki-layout-test .bs-starter-category-grid>a.internal-link:hover {
  color:#fff;
  border-color:var(--bs-cyan);
  background:linear-gradient(180deg,#10496a,#082133);
}
.bs-wiki-layout-test .callout[data-callout="bs-category-grid"]>.callout-content>p {
  display:contents;
  margin:0;
}

.bs-wiki-layout-test .callout[data-callout="bs-category-grid"]>.callout-content>p>br {display:none;}
.bs-wiki-layout-test .callout[data-callout="bs-category-grid"]>.callout-content>p>a,
.bs-wiki-layout-test .callout[data-callout="bs-category-grid"]>.callout-content>p>strong {display:flex;min-width:0;margin:0;}
.bs-wiki-layout-test .callout[data-callout="bs-category-grid"] .internal-link,
.bs-wiki-layout-test .bs-category-card {
  width:100%;
  min-width:0;
  min-height:42px;
  box-sizing:border-box;
  padding:8px 10px;
  border:1px solid var(--bs-border);
  border-radius:3px;
  background:linear-gradient(180deg,#0d1a26,#060d14);
  color:var(--bs-silver);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  text-decoration:none;
  font:700 .82rem/1.15 Georgia,"Times New Roman",serif;
}

.bs-wiki-layout-test .callout[data-callout="bs-category-grid"] .internal-link:hover,
.bs-wiki-layout-test .bs-category-card:hover {border-color:var(--bs-cyan);background:#0d2738;color:#fff;}

.bs-wiki-layout-test .callout[data-callout="bs-category-card"] {
  min-width:0;
  min-height:42px;
  box-sizing:border-box;
  margin:0;
  padding:0;
  border:1px solid var(--bs-border);
  border-radius:3px;
  background:linear-gradient(180deg,#0d1a26,#060d14);
  --callout-color:88,185,230;
  overflow:hidden;
}

.bs-wiki-layout-test .callout[data-callout="bs-category-card"]>.callout-title {
  min-height:42px;
  box-sizing:border-box;
  padding:6px 9px;
  color:var(--bs-silver);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font:700 .82rem/1.15 Georgia,"Times New Roman",serif;
}

.bs-wiki-layout-test .callout[data-callout="bs-category-card"]>.callout-title .callout-icon,
.bs-wiki-layout-test .callout[data-callout="bs-category-card"]>.callout-title .callout-fold {display:none;}
.bs-wiki-layout-test .callout[data-callout="bs-category-card"]>.callout-title .callout-title-inner {width:100%;}
.bs-wiki-layout-test .callout[data-callout="bs-category-card"]>.callout-title .internal-link {
  min-height:unset;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  display:inline;
  font:inherit;
  text-transform:none;
}
.bs-wiki-layout-test .callout[data-callout="bs-category-card"]>.callout-content {padding:0 8px 7px;text-align:center;}
.bs-wiki-layout-test .callout[data-callout="bs-category-card"]:hover {border-color:var(--bs-cyan);background:#0d2738;}

/* Shared main-column and right-rail shells. */
.bs-wiki-layout-test .callout[data-callout="bs-shell"],
.bs-wiki-layout-test .callout[data-callout="bs-entity-shell"] {
  margin:8px 0 0;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
}

.bs-wiki-layout-test .callout[data-callout="bs-shell"]>.callout-title,
.bs-wiki-layout-test .callout[data-callout="bs-entity-shell"]>.callout-title,
.bs-wiki-layout-test .callout[data-callout="bs-main"]>.callout-title,
.bs-wiki-layout-test .callout[data-callout="bs-rail"]>.callout-title {display:none;}

.bs-wiki-layout-test .callout[data-callout="bs-shell"]>.callout-content,
.bs-wiki-layout-test .callout[data-callout="bs-entity-shell"]>.callout-content {
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--bs-rail-width);
  align-items:start;
  gap:var(--bs-gap);
  padding:0;
  overflow:visible;
}

.bs-wiki-layout-test .callout[data-callout="bs-shell"]>.callout-content>.callout,
.bs-wiki-layout-test .callout[data-callout="bs-entity-shell"]>.callout-content>.callout {min-width:0;}

.bs-wiki-layout-test .callout[data-callout="bs-main"],
.bs-wiki-layout-test .callout[data-callout="bs-rail"] {
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
}

.bs-wiki-layout-test .callout[data-callout="bs-main"]>.callout-content,
.bs-wiki-layout-test .callout[data-callout="bs-rail"]>.callout-content {padding:0;overflow:visible;}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] {position:static;top:auto;align-self:start;}
.bs-wiki-layout-test .callout[data-callout="bs-rail"]>.callout-content {font-size:.86rem;}

/* Embedded rail components fill the rail without imposing a fixed width on
   Obsidian's virtualised preview roots. Fixed widths on markdown-preview-sizer
   and markdown-preview-section cause visible jumping while a long note scrolls. */
.bs-wiki-layout-test .callout[data-callout="bs-rail"]>.callout-content>p:has(.internal-embed),
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .el-embed-page,
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .internal-embed,
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-embed,
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-embed-content,
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-preview-view,
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-preview-sizer,
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-preview-section {
  box-sizing:border-box;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
.bs-wiki-layout-test .callout[data-callout="bs-rail"]>.callout-content>p:has(.internal-embed),
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-embed,
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-embed-content>.markdown-preview-view,
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-preview-sizer,
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-preview-section {
  padding-left:0!important;
  padding-right:0!important;
}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .internal-embed {
  --file-margins:0px;
  --embed-padding:0px;
  display:block!important;
}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-embed-content .callout[data-callout="bs-panel"] {
  box-sizing:border-box;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}

/* Reusable panel language. */
.bs-wiki-layout-test .callout[data-callout="bs-panel"],
.bs-wiki-layout-test .callout[data-callout="bs-info"],
.bs-wiki-layout-test .callout[data-callout="bs-secret"],
.bs-wiki-layout-test .callout[data-callout="bs-filter"] {
  margin:0 0 var(--bs-gap);
  border:1px solid var(--bs-border);
  border-radius:var(--bs-radius);
  background:linear-gradient(180deg,rgba(10,24,36,.98),rgba(4,12,18,.98));
  --callout-color:88,185,230;
  --callout-icon:lucide-diamond;
  overflow:hidden;
}

.bs-wiki-layout-test .callout[data-callout="bs-info"] {--callout-icon:lucide-info;}
.bs-wiki-layout-test .callout[data-callout="bs-secret"] {--callout-color:119,117,184;--callout-icon:lucide-lock-keyhole;}
.bs-wiki-layout-test .callout[data-callout="bs-filter"] {--callout-color:190,201,215;--callout-icon:lucide-tags;}

.bs-wiki-layout-test .callout[data-callout="bs-panel"]>.callout-title,
.bs-wiki-layout-test .callout[data-callout="bs-info"]>.callout-title,
.bs-wiki-layout-test .callout[data-callout="bs-secret"]>.callout-title,
.bs-wiki-layout-test .callout[data-callout="bs-filter"]>.callout-title {
  min-height:31px;
  padding:5px 10px;
  border-bottom:1px solid var(--bs-border);
  background:linear-gradient(90deg,#154969,#0b2436 72%,rgba(7,17,26,.25));
  color:#dcebf5;
  font:700 .86rem/1.2 Georgia,"Times New Roman",serif;
  letter-spacing:.025em;
  text-transform:uppercase;
}

.bs-wiki-layout-test .callout[data-callout="bs-secret"]>.callout-title {background:linear-gradient(90deg,#333257,#13162a);}
.bs-wiki-layout-test .callout[data-callout="bs-filter"]>.callout-title {background:linear-gradient(90deg,#273844,#101b24);}
.bs-wiki-layout-test .callout[data-callout="bs-panel"]>.callout-content,
.bs-wiki-layout-test .callout[data-callout="bs-info"]>.callout-content,
.bs-wiki-layout-test .callout[data-callout="bs-secret"]>.callout-content,
.bs-wiki-layout-test .callout[data-callout="bs-filter"]>.callout-content {padding:9px 10px;overflow-x:auto;}

.bs-wiki-layout-test .callout[data-callout="bs-panel"] p:first-child,
.bs-wiki-layout-test .callout[data-callout="bs-info"] p:first-child {margin-top:0;}
.bs-wiki-layout-test .callout[data-callout="bs-panel"] p:last-child,
.bs-wiki-layout-test .callout[data-callout="bs-info"] p:last-child {margin-bottom:0;}
.bs-wiki-layout-test .callout[data-callout="bs-panel"] ul,
.bs-wiki-layout-test .callout[data-callout="bs-info"] ul,
.bs-wiki-layout-test .callout[data-callout="bs-secret"] ul {margin-top:5px;margin-bottom:5px;}

/* Nested panel grids. */
.bs-wiki-layout-test .callout[data-callout="bs-grid-2"],
.bs-wiki-layout-test .callout[data-callout="bs-grid-3"],
.bs-wiki-layout-test .callout[data-callout="bs-grid-5"] {
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
}

.bs-wiki-layout-test .callout[data-callout="bs-grid-2"]>.callout-title,
.bs-wiki-layout-test .callout[data-callout="bs-grid-3"]>.callout-title,
.bs-wiki-layout-test .callout[data-callout="bs-grid-5"]>.callout-title {display:none;}

.bs-wiki-layout-test .callout[data-callout="bs-grid-2"]>.callout-content,
.bs-wiki-layout-test .callout[data-callout="bs-grid-3"]>.callout-content,
.bs-wiki-layout-test .callout[data-callout="bs-grid-5"]>.callout-content {
  display:grid;
  gap:var(--bs-gap);
  padding:0;
  overflow:visible;
}

.bs-wiki-layout-test .callout[data-callout="bs-grid-2"]>.callout-content {grid-template-columns:repeat(2,minmax(0,1fr));}
.bs-wiki-layout-test .callout[data-callout="bs-grid-3"]>.callout-content {grid-template-columns:repeat(3,minmax(0,1fr));}
.bs-wiki-layout-test .callout[data-callout="bs-grid-5"]>.callout-content {grid-template-columns:repeat(5,minmax(0,1fr));}

/* Lore homepage: three cards on the first level, two wider cards below. */
.bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"]>.callout-content {
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}

.bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"]>.callout-content>.callout:nth-child(-n+3) {grid-column:span 2;}
.bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"]>.callout-content>.callout:nth-child(n+4) {grid-column:span 3;}

.bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"]>.callout-content>.callout[data-callout="bs-panel"] {
  min-width:0;
  margin:0;
}

.bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"]>.callout-content>.callout[data-callout="bs-panel"]>.callout-title {
  min-height:29px;
  padding:5px 8px;
  font-size:.76rem;
}

.bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"]>.callout-content>.callout[data-callout="bs-panel"]>.callout-content {
  min-height:205px;
  max-height:285px;
  overflow:auto;
  padding:8px 9px;
  font-size:.78rem;
}

.bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"] table {
  table-layout:fixed;
  font-size:.72rem;
}

.bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"] th,
.bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"] td {
  padding:3px 4px;
  overflow-wrap:anywhere;
}

/* Quest homepage dashboard: status overview, unequal work area, and analytics. */
.bs-wiki-layout-test.bs-quest-home .bs-quest-stat-grid {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:6px;
  margin:0;
}

.bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-panel"]:has(.bs-quest-stat-grid) {
  margin-bottom:8px;
}

.bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-panel"]:has(.bs-quest-stat-grid)>.callout-title {
  min-height:29px;
  padding-block:4px;
}

.bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-panel"]:has(.bs-quest-stat-grid)>.callout-content {
  padding:7px;
}

.bs-wiki-layout-test.bs-quest-home .bs-quest-stat {
  min-width:0;
  min-height:82px;
  box-sizing:border-box;
  padding:8px;
  border:1px solid var(--bs-border);
  border-radius:var(--bs-radius);
  background:linear-gradient(180deg,#0d1d2b,#061019);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  text-align:center;
}

.bs-wiki-layout-test.bs-quest-home .bs-quest-stat__icon {
  color:var(--bs-cyan-bright);
  font-size:1.05rem;
  line-height:1;
}

.bs-wiki-layout-test.bs-quest-home .bs-quest-stat.is-completed .bs-quest-stat__icon {color:#73c987;}
.bs-wiki-layout-test.bs-quest-home .bs-quest-stat.is-paused .bs-quest-stat__icon {color:#e0b84e;}
.bs-wiki-layout-test.bs-quest-home .bs-quest-stat.is-failed .bs-quest-stat__icon {color:#ef6e66;}
.bs-wiki-layout-test.bs-quest-home .bs-quest-stat.is-abandoned .bs-quest-stat__icon {color:#8f9aa6;}
.bs-wiki-layout-test.bs-quest-home .bs-quest-stat.is-total .bs-quest-stat__icon {color:#65c7df;}

.bs-wiki-layout-test.bs-quest-home .bs-quest-stat__label {
  color:var(--bs-silver);
  font:700 .8rem/1.15 Georgia,"Times New Roman",serif;
}

.bs-wiki-layout-test.bs-quest-home .bs-quest-stat__value {
  margin-top:2px;
  color:#fff;
  font:1.75rem/1 Georgia,"Times New Roman",serif;
  text-shadow:0 1px 8px rgba(0,0,0,.55);
}

.bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-quest-dashboard"],
.bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-quest-column"] {
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
}

.bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-quest-dashboard"]>.callout-title,
.bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-quest-column"]>.callout-title {
  display:none;
}

.bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-quest-dashboard"]>.callout-content {
  display:grid;
  grid-template-columns:minmax(0,3.2fr) minmax(250px,1fr);
  align-items:start;
  gap:var(--bs-gap);
  padding:0;
  overflow:visible;
}

.bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-quest-column"]>.callout-content {
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--bs-gap);
  padding:0;
  overflow:visible;
}

.bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-quest-column"]>.callout-content>.callout,
.bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-quest-dashboard"] .callout[data-callout="bs-grid-2"] .callout[data-callout="bs-panel"] {
  min-width:0;
  margin-bottom:0;
}

.bs-wiki-layout-test.bs-quest-home .bs-quest-stat-grid + p,
.bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-quest-dashboard"] table {
  margin-bottom:0;
}

.bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-quest-dashboard"] .callout-content {
  scrollbar-gutter:stable;
}

.bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-rail"] .callout[data-callout="bs-category-card"] {
  margin:5px 0;
}

.bs-wiki-layout-test.bs-quest-home .bs-quest-donut-wrap {
  display:grid;
  grid-template-columns:minmax(88px,112px) minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:118px;
}

.bs-wiki-layout-test.bs-quest-home .bs-quest-donut {
  width:min(100%,108px);
  aspect-ratio:1;
  margin-inline:auto;
  border-radius:50%;
  background:conic-gradient(#2e9fd0 0 42%,#84b34f 42% 68%,#ba6baa 68% 86%,#d99043 86% 100%);
  box-shadow:inset 0 0 0 1px rgba(88,185,230,.2),0 4px 16px rgba(0,0,0,.28);
  position:relative;
}

.bs-wiki-layout-test.bs-quest-home .bs-quest-donut::after {
  content:"";
  position:absolute;
  inset:27%;
  border:1px solid rgba(88,185,230,.2);
  border-radius:50%;
  background:#07131d;
  box-shadow:0 0 9px rgba(0,0,0,.5);
}

.bs-wiki-layout-test.bs-quest-home .bs-quest-donut__total {
  position:absolute;
  inset:27%;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font:700 1rem/1 Georgia,"Times New Roman",serif;
}

.bs-wiki-layout-test.bs-quest-home .bs-quest-legend {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
  color:var(--bs-text);
  font-size:.75rem;
  line-height:1.2;
}

.bs-wiki-layout-test.bs-quest-home .bs-quest-legend__item {
  min-width:0;
  display:grid;
  grid-template-columns:9px minmax(0,1fr) auto;
  align-items:center;
  gap:5px;
}

.bs-wiki-layout-test.bs-quest-home .bs-quest-legend__swatch {
  width:8px;
  height:8px;
  border-radius:2px;
  background:var(--bs-cyan);
  box-shadow:0 0 5px currentColor;
}

.bs-wiki-layout-test.bs-quest-home .bs-quest-legend__value {
  color:var(--bs-silver);
  font-weight:700;
}

/* Summary reference: six snapshot cards plus source-coverage progress bars. */
.bs-wiki-layout-test.bs-summary-home .bs-summary-stat-grid {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-auto-rows:104px;
  align-items:stretch;
  gap:7px;
}

/* DataviewJS builds these two dashboard rows dynamically. Keep all six
   metrics together at desktop width instead of leaving the last card orphaned. */
.bs-wiki-layout-test.bs-quest-home .markdown-preview-view .bs-quest-stat-grid,
.bs-wiki-layout-test.bs-summary-home .markdown-preview-view .bs-summary-stat-grid {
  width:100%;
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-auto-flow:row;
}

.bs-wiki-layout-test.bs-summary-home .bs-summary-stat {
  min-width:0;
  min-height:104px;
  height:100%;
  box-sizing:border-box;
  padding:9px 7px;
  border:1px solid var(--bs-border);
  border-radius:var(--bs-radius);
  background:linear-gradient(180deg,#0d1d2b,#061019);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  text-align:center;
}

.bs-wiki-layout-test.bs-summary-home .bs-summary-stat__icon {
  color:var(--bs-cyan-bright);
  font-size:1rem;
  line-height:1;
}

.bs-wiki-layout-test.bs-summary-home .bs-summary-stat__value {
  color:#fff;
  font:1.75rem/1 Georgia,"Times New Roman",serif;
  text-shadow:0 1px 8px rgba(0,0,0,.55);
}

.bs-wiki-layout-test.bs-summary-home .bs-summary-stat__label {
  color:var(--bs-silver);
  font:700 .77rem/1.15 Georgia,"Times New Roman",serif;
}

.bs-wiki-layout-test.bs-summary-home .bs-summary-progress {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 10px;
  align-items:center;
  margin:7px 0;
  color:var(--bs-text);
  font-size:.8rem;
}

.bs-wiki-layout-test.bs-summary-home .bs-summary-progress strong {color:var(--bs-cyan-bright);}
.bs-wiki-layout-test.bs-summary-home .bs-summary-progress i {
  grid-column:1/-1;
  height:5px;
  overflow:hidden;
  border-radius:99px;
  background:#132433;
}
.bs-wiki-layout-test.bs-summary-home .bs-summary-progress i::after {
  content:"";
  display:block;
  width:var(--bs-progress,0%);
  height:100%;
  background:linear-gradient(90deg,#0c8e9d,#55cbd8);
  box-shadow:0 0 7px rgba(85,203,216,.55);
}
.bs-wiki-layout-test.bs-summary-home .bs-summary-progress--danger i::after {
  background:linear-gradient(90deg,#7e2939,#d45365);
  box-shadow:0 0 7px rgba(212,83,101,.5);
}

/* Individual Loot reference: verified-image space and three fact columns. */
.bs-wiki-layout-test.bs-loot-file .callout[data-callout="bs-item-overview"] {
  margin:0 0 var(--bs-gap);
  padding:0;
  border:1px solid var(--bs-border);
  border-radius:var(--bs-radius);
  background:linear-gradient(180deg,rgba(8,22,33,.98),rgba(4,11,17,.98));
  overflow:hidden;
}

.bs-wiki-layout-test.bs-loot-file .callout[data-callout="bs-item-overview"]>.callout-title {display:none;}
.bs-wiki-layout-test.bs-loot-file .callout[data-callout="bs-item-overview"]>.callout-content {
  display:grid;
  grid-template-columns:minmax(190px,.8fr) repeat(3,minmax(0,1fr));
  gap:var(--bs-gap);
  align-items:stretch;
  padding:10px;
  overflow:visible;
}
.bs-wiki-layout-test.bs-loot-file .callout[data-callout="bs-item-overview"]>.callout-content>.callout {margin:0;min-width:0;}
.bs-wiki-layout-test.bs-loot-file .bs-item-visual {
  min-height:250px;
  border:1px solid var(--bs-border-bright);
  border-radius:var(--bs-radius);
  background:
    radial-gradient(circle at 50% 38%,rgba(84,191,231,.23),transparent 34%),
    linear-gradient(145deg,#10283a,#050c13 74%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:var(--bs-muted);
  text-align:center;
}
.bs-wiki-layout-test.bs-loot-file .bs-item-visual span {color:var(--bs-cyan-bright);font-size:4rem;text-shadow:0 0 18px rgba(88,185,230,.65);}
.bs-wiki-layout-test.bs-loot-file .bs-item-visual strong {color:#e7f2f8;font:700 1.15rem Georgia,"Times New Roman",serif;}
.bs-wiki-layout-test.bs-loot-file .bs-item-visual small {max-width:160px;line-height:1.3;}

/* Compact encounter tables retain the dense combat-log reference without
   squeezing long source-safe notes into unreadable columns. */
.bs-wiki-layout-test.bs-combat-file table {font-size:.8rem;}
.bs-wiki-layout-test.bs-combat-file .callout[data-callout="bs-main-nav"] {margin-top:7px;}
.bs-wiki-layout-test.bs-combat-file .callout[data-callout="bs-main"]>.callout-content {min-width:0;}
.bs-wiki-layout-test.bs-combat-file .callout[data-callout="bs-entity-shell"]>.callout-content,
.bs-wiki-layout-test.bs-combat-file .callout[data-callout="bs-main"],
.bs-wiki-layout-test.bs-combat-file .callout[data-callout="bs-rail"] {
  min-width:0;
  max-width:100%;
}
.bs-wiki-layout-test.bs-combat-file .callout[data-callout="bs-panel"][data-callout-metadata~="combat-table"]>.callout-content,
.bs-wiki-layout-test.bs-combat-file .callout[data-callout="bs-panel"][data-callout-metadata~="combat-wide-table"]>.callout-content {
  min-width:0;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:auto;
}
.bs-wiki-layout-test.bs-combat-file .callout[data-callout="bs-panel"][data-callout-metadata~="combat-table"] table {min-width:850px;}
.bs-wiki-layout-test.bs-combat-file .callout[data-callout="bs-panel"][data-callout-metadata~="combat-wide-table"] table {min-width:1100px;}

/* Warframe-inspired equipment rails, scoped to test-only loot and armour files. */
.bs-wiki-layout-test.bs-equipment-file .callout[data-callout="bs-rail"] .callout[data-callout="bs-equipment"] {
  margin:0 0 8px;
  border:1px solid var(--bs-border-bright);
  border-radius:2px;
  background:#1e1e1e;
  --callout-color:88,185,230;
  --callout-icon:lucide-chevron-up;
  overflow:hidden;
}

.bs-wiki-layout-test.bs-equipment-file .callout[data-callout="bs-equipment"]>.callout-title {
  min-height:32px;
  padding:6px 10px;
  background:linear-gradient(180deg,#245f83,#174766);
  color:#fff;
  justify-content:center;
  font:700 .82rem/1.1 Georgia,"Times New Roman",serif;
  text-transform:uppercase;
}

.bs-wiki-layout-test.bs-equipment-file .callout[data-callout="bs-equipment"]>.callout-content {padding:0;overflow:hidden;}
.bs-wiki-layout-test.bs-equipment-file .callout[data-callout="bs-equipment"] table {margin:0;background:#202020;font-size:.8rem;}
.bs-wiki-layout-test.bs-equipment-file .callout[data-callout="bs-equipment"] th {display:none;}
.bs-wiki-layout-test.bs-equipment-file .callout[data-callout="bs-equipment"] td {padding:6px 8px;border-bottom:1px dashed #4a4a4a;background:#202020;}
.bs-wiki-layout-test.bs-equipment-file .callout[data-callout="bs-equipment"] td:first-child {width:43%;color:#58c7ff;text-align:right;font-weight:700;}
.bs-wiki-layout-test.bs-equipment-file .callout[data-callout="bs-equipment"] tr:last-child td {border-bottom:0;}

.bs-wiki-layout-test.bs-combat-file .bs-effect-live {color:var(--bs-green);font-weight:700;}
.bs-wiki-layout-test.bs-combat-file .bs-effect-review {color:var(--bs-warning);font-weight:700;}

/* Tables, Bases, and generated directories. */
.bs-wiki-layout-test table {
  width:100%;
  margin:4px 0;
  border-collapse:collapse;
  background:#061019;
  font-size:.86rem;
  line-height:1.25;
}

.bs-wiki-layout-test th {
  padding:5px 7px;
  border-color:var(--bs-border);
  background:#123149;
  color:var(--bs-silver);
  font-family:Georgia,"Times New Roman",serif;
  text-align:left;
}

.bs-wiki-layout-test td {
  padding:4px 7px;
  border-color:#173447;
  color:var(--bs-text);
  vertical-align:top;
}

.bs-wiki-layout-test tbody tr:nth-child(even) td {background:rgba(12,37,40,.46);}
.bs-wiki-layout-test .table-wrapper,
.bs-wiki-layout-test .dataview.table-view-table,
.bs-wiki-layout-test .bases-view {max-width:100%;overflow:auto;}
.bs-wiki-layout-test .bases-view {border:1px solid var(--bs-border);border-radius:3px;background:#061019;}
.bs-wiki-layout-test .bases-header {border-color:var(--bs-border);background:#0b1c2a;}
.bs-wiki-layout-test .bases-table-container {overflow:auto;}
.bs-wiki-layout-test .bases-view table {margin:0;min-width:720px;}

/* Keep large homepage directories useful without allowing them to consume the page. */
.bs-wiki-layout-test.bs-bestiary-home .callout[data-callout="bs-main"] .bases-table-container,
.bs-wiki-layout-test.bs-loot-home .callout[data-callout="bs-main"] .bases-table-container {
  max-height:360px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

/* This directory has exactly ten one-level-down records. It is more useful
   fully expanded than hidden behind an internal scrollbar. */
.bs-wiki-layout-test.bs-npc-location-home .callout[data-callout="bs-main"] .bases-table-container {
  max-height:none;
  overflow:visible;
  overscroll-behavior:auto;
  scrollbar-gutter:auto;
}

/* The three directory-support panels scroll internally when live data is verbose. */
.bs-wiki-layout-test.bs-bestiary-home .callout[data-callout="bs-grid-3"]>.callout-content>.callout[data-callout="bs-panel"]>.callout-content,
.bs-wiki-layout-test.bs-loot-home .callout[data-callout="bs-grid-3"]>.callout-content>.callout[data-callout="bs-panel"]>.callout-content,
.bs-wiki-layout-test.bs-npc-location-home .callout[data-callout="bs-grid-3"]>.callout-content>.callout[data-callout="bs-panel"]>.callout-content {
  max-height:280px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

.bs-wiki-layout-test.bs-bestiary-home .callout[data-callout="bs-grid-3"] .dataview.table-view-table,
.bs-wiki-layout-test.bs-loot-home .callout[data-callout="bs-grid-3"] .dataview.table-view-table,
.bs-wiki-layout-test.bs-npc-location-home .callout[data-callout="bs-grid-3"] .dataview.table-view-table {
  table-layout:fixed;
  font-size:.78rem;
}

.bs-wiki-layout-test.bs-loot-home .bases-group-heading,
.bs-wiki-layout-test.bs-loot-home .bases-group-header,
.bs-wiki-layout-test.bs-loot-home tr[data-group-row="true"] td,
.bs-wiki-layout-test.bs-loot-home tr[data-group-value] td {
  border-color:var(--bs-red-border)!important;
  background:var(--bs-red-group)!important;
  color:#f0d9dc!important;
  font-weight:700;
}

/* Cards and compact information blocks. */
.bs-wiki-layout-test .bs-party-grid,
.bs-wiki-layout-test .bs-card-grid,
.bs-wiki-layout-test .bs-fact-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(135px,1fr));
  gap:8px;
}

.bs-wiki-layout-test .bs-party-card,
.bs-wiki-layout-test .bs-card,
.bs-wiki-layout-test .bs-fact-card {
  min-width:0;
  border:1px solid var(--bs-border-bright);
  border-radius:3px;
  background:linear-gradient(160deg,rgba(30,62,81,.85),rgba(7,17,26,.98) 40%);
  overflow:hidden;
}

.bs-wiki-layout-test .bs-party-card {min-height:250px;}
.bs-wiki-layout-test .bs-party-card__head,
.bs-wiki-layout-test .bs-card__head {
  border-bottom:1px solid var(--bs-border-bright);
  color:#fff;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  text-align:center;
  font:700 1rem/1.2 Georgia,"Times New Roman",serif;
}
.bs-wiki-layout-test .bs-party-card__head {min-height:100px;padding:12px 8px;}
.bs-wiki-layout-test .bs-card__head {min-height:72px;padding:11px 9px;}

.bs-wiki-layout-test .bs-party-card__body {padding:8px;font-size:.83rem;}
.bs-wiki-layout-test .bs-card__body,
.bs-wiki-layout-test .bs-fact-card {padding:9px;font-size:.82rem;}
.bs-wiki-layout-test .bs-party-card__field {
  display:grid;
  grid-template-columns:minmax(58px,36%) 1fr;
  gap:6px;
  margin:3px 0;
  line-height:1.25;
}
.bs-wiki-layout-test .bs-party-card__field strong {color:var(--bs-cyan);font-size:.76rem;}
.bs-wiki-layout-test .bs-party-card__field span {min-width:0;overflow-wrap:anywhere;}
.bs-wiki-layout-test .bs-party-card__body dl,
.bs-wiki-layout-test .bs-card__body dl {display:grid;grid-template-columns:auto 1fr;gap:2px 7px;margin:0;}
.bs-wiki-layout-test .bs-party-card__body dt,
.bs-wiki-layout-test .bs-card__body dt {color:var(--bs-cyan);font-weight:700;}
.bs-wiki-layout-test .bs-party-card__body dd,
.bs-wiki-layout-test .bs-card__body dd {min-width:0;margin:0;overflow-wrap:anywhere;}

.bs-wiki-layout-test .bs-info-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;}
.bs-wiki-layout-test .bs-info-row {display:grid;grid-template-columns:minmax(90px,38%) 1fr;gap:8px;padding:4px 0;border-bottom:1px dotted #254052;}
.bs-wiki-layout-test .bs-info-label {color:var(--bs-cyan);font-weight:700;}
.bs-wiki-layout-test .bs-info-value {min-width:0;overflow-wrap:anywhere;}

.bs-wiki-layout-test .bs-tag-row {display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 12px;}
.bs-wiki-layout-test .bs-tag-chip,
.bs-wiki-layout-test a.tag {
  padding:3px 7px;
  border:1px solid var(--bs-border);
  border-radius:3px;
  background:#0d2033;
  color:#9fc8df;
  font-size:.74rem;
  text-decoration:none;
}

.bs-wiki-layout-test .bs-media-placeholder {
  min-height:170px;
  padding:18px;
  border:1px dashed var(--bs-border-bright);
  border-radius:var(--bs-radius);
  background:linear-gradient(135deg,#0d2130,#071019);
  color:var(--bs-muted);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.bs-wiki-layout-test .image-embed img {
  max-width:100%;
  border:1px solid var(--bs-border-bright);
  border-radius:var(--bs-radius);
  box-shadow:0 7px 24px rgba(0,0,0,.35);
}

/* Right-rail density and link treatment. */
.bs-wiki-layout-test .callout[data-callout="bs-rail"] table {table-layout:fixed;font-size:.79rem;}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] th,
.bs-wiki-layout-test .callout[data-callout="bs-rail"] td {padding:3px 5px;overflow-wrap:anywhere;}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] td:first-child {width:38%;color:var(--bs-cyan);font-weight:700;}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] ul {padding-left:1.25rem;margin:4px 0;}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] li {margin:3px 0;}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .internal-link {overflow-wrap:anywhere;}

.bs-wiki-layout-test .bs-status-active {color:var(--bs-green);}
.bs-wiki-layout-test .bs-status-review {color:var(--bs-warning);}
.bs-wiki-layout-test .bs-status-danger {color:var(--bs-danger);}
.bs-wiki-layout-test .callout[data-callout="warning"] {border-color:#8f7138;background:rgba(74,55,20,.28);}

/* Narrow panes: move the right rail underneath and preserve readable controls. */
@media (max-width:1300px) {
  .bs-wiki-layout-test .callout[data-callout="bs-shell"]>.callout-content,
  .bs-wiki-layout-test .callout[data-callout="bs-entity-shell"]>.callout-content {grid-template-columns:1fr;}
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] {position:static;}
  .bs-wiki-layout-test .callout[data-callout="bs-rail"]>.callout-content>p:has(.internal-embed),
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .el-embed-page,
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .internal-embed,
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-embed,
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-embed-content,
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-preview-view,
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-preview-sizer,
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-preview-section,
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-embed-content .callout[data-callout="bs-panel"] {
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .bs-wiki-layout-test .callout[data-callout="bs-main-nav"]>.callout-content>p {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test .callout[data-callout="bs-category-grid"]>.callout-content {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test .callout[data-callout="bs-grid-3"]>.callout-content,
  .bs-wiki-layout-test .callout[data-callout="bs-grid-5"]>.callout-content {grid-template-columns:1fr;}
  .bs-wiki-layout-test .bs-party-grid,
  .bs-wiki-layout-test .bs-card-grid,
  .bs-wiki-layout-test .bs-fact-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test .bs-party-card {min-height:unset;}
  .bs-wiki-layout-test.bs-quest-home .bs-quest-stat-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-quest-dashboard"]>.callout-content {grid-template-columns:1fr;}
  .bs-wiki-layout-test.bs-summary-home .bs-summary-stat-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-loot-file .callout[data-callout="bs-item-overview"]>.callout-content {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"]>.callout-content {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"]>.callout-content>.callout {grid-column:auto!important;}
}

@container bs-layout (max-width:1300px) {
  .bs-wiki-layout-test .callout[data-callout="bs-shell"]>.callout-content,
  .bs-wiki-layout-test .callout[data-callout="bs-entity-shell"]>.callout-content {grid-template-columns:1fr;}
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] {position:static;}
  .bs-wiki-layout-test .callout[data-callout="bs-rail"]>.callout-content>p:has(.internal-embed),
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .el-embed-page,
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .internal-embed,
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-embed,
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-embed-content,
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-preview-view,
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-preview-sizer,
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-preview-section,
  .bs-wiki-layout-test .callout[data-callout="bs-rail"] .markdown-embed-content .callout[data-callout="bs-panel"] {
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .bs-wiki-layout-test .callout[data-callout="bs-main-nav"]>.callout-content>p {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test .callout[data-callout="bs-category-grid"]>.callout-content {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test .callout[data-callout="bs-grid-3"]>.callout-content,
  .bs-wiki-layout-test .callout[data-callout="bs-grid-5"]>.callout-content {grid-template-columns:1fr;}
  .bs-wiki-layout-test .bs-party-grid,
  .bs-wiki-layout-test .bs-card-grid,
  .bs-wiki-layout-test .bs-fact-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-quest-home .bs-quest-stat-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-quest-home .callout[data-callout="bs-quest-dashboard"]>.callout-content {grid-template-columns:1fr;}
  .bs-wiki-layout-test.bs-summary-home .bs-summary-stat-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-loot-file .callout[data-callout="bs-item-overview"]>.callout-content {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"]>.callout-content {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"]>.callout-content>.callout {grid-column:auto!important;}
}

@media (max-width:600px) {
  .bs-wiki-layout-test .bs-hero {min-height:150px;padding:18px;}
  .bs-wiki-layout-test .bs-hero__title {font-size:2.25rem;}
  .bs-wiki-layout-test .bs-entity-hero {min-height:145px;padding:16px;}
  .bs-wiki-layout-test .bs-entity-hero__title {font-size:2rem;}
  .bs-wiki-layout-test .callout[data-callout="bs-category-grid"]>.callout-content {grid-template-columns:1fr;}
  .bs-wiki-layout-test .callout[data-callout="bs-grid-2"]>.callout-content {grid-template-columns:1fr;}
  .bs-wiki-layout-test .bs-party-grid,
  .bs-wiki-layout-test .bs-card-grid,
  .bs-wiki-layout-test .bs-fact-grid,
  .bs-wiki-layout-test .bs-info-grid {grid-template-columns:1fr;}
  .bs-wiki-layout-test.bs-quest-home .bs-quest-stat-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-quest-home .bs-quest-donut-wrap {grid-template-columns:1fr;}
  .bs-wiki-layout-test.bs-summary-home .bs-summary-stat-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-loot-file .callout[data-callout="bs-item-overview"]>.callout-content {grid-template-columns:1fr;}
  .bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"]>.callout-content {grid-template-columns:1fr;}
}

@container bs-layout (max-width:600px) {
  .bs-wiki-layout-test .bs-hero {min-height:150px;padding:18px;}
  .bs-wiki-layout-test .bs-hero__title {font-size:2.25rem;}
  .bs-wiki-layout-test .bs-entity-hero {min-height:145px;padding:16px;}
  .bs-wiki-layout-test .bs-entity-hero__title {font-size:2rem;}
  .bs-wiki-layout-test .callout[data-callout="bs-category-grid"]>.callout-content {grid-template-columns:1fr;}
  .bs-wiki-layout-test .callout[data-callout="bs-grid-2"]>.callout-content {grid-template-columns:1fr;}
  .bs-wiki-layout-test .bs-party-grid,
  .bs-wiki-layout-test .bs-card-grid,
  .bs-wiki-layout-test .bs-fact-grid,
  .bs-wiki-layout-test .bs-info-grid {grid-template-columns:1fr;}
  .bs-wiki-layout-test.bs-quest-home .bs-quest-stat-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-quest-home .bs-quest-donut-wrap {grid-template-columns:1fr;}
  .bs-wiki-layout-test.bs-summary-home .bs-summary-stat-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-loot-file .callout[data-callout="bs-item-overview"]>.callout-content {grid-template-columns:1fr;}
  .bs-wiki-layout-test.bs-lore-home .callout[data-callout="bs-grid-5"]>.callout-content {grid-template-columns:1fr;}
}

/* Keep both responsive query families active on PC notes. */
.bs-wiki-layout-test.pc-wiki-layout-test {
  container-name: pc-layout bs-layout;
}

/* === Summurizer PC homepage party cards v2 === */
/* Main-column card treatment only. The existing bs-rail is intentionally untouched. */
.bs-wiki-layout-test.bs-pc-home .callout[data-callout="bs-main"] {
  container-name:bs-party-main;
  container-type:inline-size;
}

.bs-wiki-layout-test.bs-pc-home .bs-party-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  gap:8px;
}

.bs-wiki-layout-test.bs-pc-home .bs-party-card {
  display:flex;
  min-width:0;
  min-height:350px;
  flex-direction:column;
  border:1px solid #315c73;
  border-radius:3px;
  background:#0b141d;
  overflow:hidden;
}

.bs-wiki-layout-test.bs-pc-home .bs-party-card__head {
  display:flex;
  min-height:108px;
  align-items:flex-end;
  justify-content:space-between;
  gap:7px;
  padding:12px 10px 10px;
  border-bottom:1px solid #315c73;
  background:#174e70;
  text-align:left;
  font-family:var(--font-interface,Arial,sans-serif);
}

.bs-wiki-layout-test.bs-pc-home .bs-party-card__link {
  min-width:0;
  color:#f5f8fb;
  font-size:.94rem;
  font-weight:800;
  line-height:1.15;
  text-decoration:none;
  overflow-wrap:anywhere;
}

.bs-wiki-layout-test.bs-pc-home .bs-party-card__link:hover {
  color:#8feaff;
  text-decoration:none;
}

.bs-wiki-layout-test.bs-pc-home .bs-party-card__chevron {
  flex:0 0 auto;
  color:#e8f5fb;
  font-size:.94rem;
  line-height:1;
}

.bs-wiki-layout-test.bs-pc-home .bs-party-card__body {
  display:flex;
  flex:1;
  flex-direction:column;
  gap:6px;
  padding:8px 10px 11px;
  color:#d7dee8;
  font-size:.82rem;
}

.bs-wiki-layout-test.bs-pc-home .bs-party-card__field {
  display:block;
  margin:0;
  line-height:1.18;
}

.bs-wiki-layout-test.bs-pc-home .bs-party-card__field strong,
.bs-wiki-layout-test.bs-pc-home .bs-party-card__field span {
  display:block;
}

.bs-wiki-layout-test.bs-pc-home .bs-party-card__field strong {
  margin-bottom:1px;
  color:#91a5c6;
  font-size:.74rem;
  font-weight:800;
}

.bs-wiki-layout-test.bs-pc-home .bs-party-card__field span {
  min-width:0;
  color:#d7dee8;
  overflow-wrap:anywhere;
}

/* Past Party Members and Guest Companion stay blue. Scope excludes bs-rail. */
.bs-wiki-layout-test.bs-pc-home .callout[data-callout="bs-main"] th {
  background:#174e70 !important;
  background-image:none !important;
}

@media (max-width:1000px) {
  .bs-wiki-layout-test.bs-pc-home .bs-party-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
}

@media (max-width:760px) {
  .bs-wiki-layout-test.bs-pc-home .bs-party-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (max-width:620px) {
  .bs-wiki-layout-test.bs-pc-home .bs-party-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-pc-home .bs-party-card {min-height:0;}
}

@media (max-width:440px) {
  .bs-wiki-layout-test.bs-pc-home .bs-party-grid {grid-template-columns:1fr;}
  .bs-wiki-layout-test.bs-pc-home .bs-party-card {min-height:0;}
}

/* The rail is outside this named container, so these rules measure the actual
   card area rather than the full note width. Five columns are the safe base
   for engines without container-query support. */
@container bs-party-main (min-width:84rem) {
  .bs-wiki-layout-test.bs-pc-home .bs-party-grid {grid-template-columns:repeat(7,minmax(0,1fr));}
}

@container bs-party-main (max-width:69.999rem) {
  .bs-wiki-layout-test.bs-pc-home .bs-party-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
}

@container bs-party-main (max-width:57.999rem) {
  .bs-wiki-layout-test.bs-pc-home .bs-party-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}

@container bs-party-main (max-width:41.999rem) {
  .bs-wiki-layout-test.bs-pc-home .bs-party-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .bs-wiki-layout-test.bs-pc-home .bs-party-card {min-height:0;}
}

@container bs-party-main (max-width:29.999rem) {
  .bs-wiki-layout-test.bs-pc-home .bs-party-grid {grid-template-columns:1fr;}
  .bs-wiki-layout-test.bs-pc-home .bs-party-card {min-height:0;}
}
/* === End Summurizer PC homepage party cards v2 === */

/* Character-bound empty PC timeline slots */
.pc-wiki-layout-test .pc-milestone-track:has(> .pc-milestone--empty) {
  grid-template-columns:minmax(0,1fr);
}
.pc-wiki-layout-test .pc-milestone--empty {
  min-height:96px;
  border-style:dashed;
  background:#07111b;
}
.pc-wiki-layout-test .pc-milestone--empty::before {
  background:var(--pc-panel);
  box-shadow:none;
}

/* ================================================================
   ARCANE CODEX GOLD (2026-08-16) â€” matches the campaign website.
   Stronger gold (#dcae4d family) on the bs- layout: shell frame,
   panel titles, rail headings, and gilded note headings.
   Backup: discord_bot_project_Main\backups\website-assets-2026-08-16\
   ================================================================ */

.bs-wiki-layout-test .callout[data-callout="bs-entity-shell"] {
  border: 1px solid rgba(222, 178, 76, 0.3) !important;
  border-radius: 0.9rem;
  box-shadow: 0 0 3rem rgba(222, 178, 76, 0.06), 0 1.2rem 4rem rgba(0, 0, 0, 0.45);
}
.bs-wiki-layout-test .callout[data-callout="bs-panel"] {
  border-color: rgba(196, 158, 74, 0.4);
}
.bs-wiki-layout-test .callout[data-callout="bs-panel"] > .callout-title,
.bs-wiki-layout-test .callout[data-callout="bs-main-nav"] > .callout-title {
  color: #e3ba5c;
  font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  letter-spacing: 0.04em;
}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .callout-title {
  color: #dcae4d;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  text-transform: lowercase;
}
.bs-wiki-layout-test .markdown-preview-view h1,
.bs-wiki-layout-test h1 {
  color: #eccd7e;
  font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
}
.bs-wiki-layout-test .markdown-preview-view h2,
.bs-wiki-layout-test h2 {
  color: #e3cd92;
}

/* ================================================================
   ARCANE CODEX GOLD â€” round 2 (2026-08-16)
   Red -> gold on the campaign dashboards, and the Quick Create rail
   buttons stacked full-width in the arcane style.
   ================================================================ */

/* Dataview result counts ("(0)") and table header underlines: gold. */
.bs-wiki-layout-test .dataview.small-text,
.bs-wiki-layout-test span.small-text {
  color: #dcae4d !important;
}
.bs-wiki-layout-test table thead tr,
.bs-wiki-layout-test th {
  border-bottom-color: rgba(222, 178, 76, 0.55) !important;
}

/* The old red group accents become gold. */
.bs-wiki-layout-test {
  --bs-red-group: #57471f;
  --bs-red-border: #c49e4a;
}
.bs-wiki-layout-test.bs-loot-home .bases-group-heading,
.bs-wiki-layout-test.bs-loot-home .bases-group-header,
.bs-wiki-layout-test.bs-loot-home tr[data-group-row="true"] td,
.bs-wiki-layout-test.bs-loot-home tr[data-group-value] td {
  color: #eede9f !important;
}

/* Quick Create rail: stack every button full-width, arcane style. */
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .mb-button {
  display: block !important;
  width: 100% !important;
  margin: 4px 0 !important;
}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .mb-button button,
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .mb-button .mb-button-inner {
  display: flex !important;
  width: 100% !important;
  justify-content: flex-start !important;
  background: linear-gradient(165deg, #12203a, #0a1322) !important;
  border: 1px solid rgba(222, 178, 76, 0.35) !important;
  border-radius: 0.5rem !important;
  color: #e9dfc0 !important;
  box-shadow: none !important;
  padding: 6px 10px !important;
}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .mb-button button:hover,
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .mb-button .mb-button-inner:hover {
  border-color: #dcae4d !important;
  background: linear-gradient(165deg, #16264a, #0d182b) !important;
}

/* Sortable table headers: the theme's red hover becomes gold. */
.bs-wiki-layout-test th:hover,
.bs-wiki-layout-test table thead th:hover,
.bs-wiki-layout-test .dataview.table-view-table thead th:hover {
  background:
    linear-gradient(180deg, rgba(222, 178, 76, 0.26), rgba(222, 178, 76, 0.08)),
    #16344c !important;
  color: #f2e6bd !important;
}

/* Uniform table headers: kill every per-column paint (red, olive, or
   otherwise) from theme/legacy rules. One steel header, gold rule,
   gold hover â€” everywhere in the bs layout. */
.bs-wiki-layout-test th,
.bs-wiki-layout-test table thead th,
.bs-wiki-layout-test .dataview.table-view-table thead th,
.bs-wiki-layout-test th:nth-child(odd),
.bs-wiki-layout-test th:nth-child(even) {
  background: #123149 !important;
  color: var(--bs-silver) !important;
  border-bottom-color: rgba(222, 178, 76, 0.55) !important;
}
.bs-wiki-layout-test th:hover,
.bs-wiki-layout-test table thead th:hover {
  background:
    linear-gradient(180deg, rgba(222, 178, 76, 0.26), rgba(222, 178, 76, 0.08)),
    #16344c !important;
  color: #f2e6bd !important;
}

/* Bullet points: red list markers become gold everywhere in the layout. */
.bs-wiki-layout-test li::marker,
.bs-wiki-layout-test ul > li::marker,
.bs-wiki-layout-test ol > li::marker {
  color: #dcae4d !important;
}

/* Quick Create rail: even spacing â€” paragraph breaks between the old
   side-by-side button pairs no longer add irregular gaps. */
.bs-wiki-layout-test .callout[data-callout="bs-rail"] p:has(> .mb-button) {
  margin: 0 !important;
}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .mb-button {
  margin: 5px 0 !important;
}

/* Gold bullets, vault-wide: the theme paints red list markers (via the
   core marker variable and/or its own pseudo-elements). Override every
   route it can take. Colour only â€” glyphs and content untouched. */
body {
  --list-marker-color: #dcae4d;
}
.markdown-preview-view li::marker,
.markdown-rendered li::marker,
.markdown-source-view li::marker,
.cm-formatting-list {
  color: #dcae4d !important;
}
.markdown-preview-view ul > li::before,
.markdown-rendered ul > li::before {
  color: #dcae4d !important;
}

/* ================================================================
   File explorer: gold folders, blue files (replaces the theme red).
   ================================================================ */
body {
  --indentation-guide-color: rgba(88, 185, 230, 0.22);
  --nav-collapse-icon-color: #dcae4d;
}

/* Folders: gold names and chevrons. */
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content {
  color: #dcae4d !important;
  font-weight: 600 !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-collapse-indicator,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-collapse-indicator svg,
.workspace-leaf-content[data-type="file-explorer"] .collapse-icon,
.workspace-leaf-content[data-type="file-explorer"] .collapse-icon svg {
  color: #dcae4d !important;
}

/* Files: steel-blue names. */
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title-content {
  color: #a8c8e0 !important;
  font-weight: 400 !important;
}

/* Hover: quiet blue wash. */
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title:hover,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title:hover {
  background: rgba(88, 185, 230, 0.10) !important;
}

/* Active file: gold edge over a blue-gold wash, parchment text. */
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active,
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-active,
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.has-focus {
  background: linear-gradient(90deg, rgba(222, 178, 76, 0.16), rgba(88, 185, 230, 0.12)) !important;
  box-shadow: inset 2px 0 #dcae4d !important;
  color: #f2e6bd !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active .nav-file-title-content {
  color: #f2e6bd !important;
}

/* ================================================================
   ITS Theme accent: the app-wide RGB accent triplet was brick red
   (134, 55, 55). Arcane gold replaces it at the source â€” explorer,
   ribbon, tabs, underlines, highlights all inherit this.
   ================================================================ */
body,
body.theme-dark,
body.theme-light {
  --accent-color: 220, 174, 77 !important;
  --accent-h: 43 !important;
  --accent-s: 67% !important;
  --accent-l: 58% !important;
}

/* ================================================================
   r10a â€” Explorer swap: folders BLUE, files GOLD (later rules win
   over the r8 block above). Chevrons follow the folders.
   ================================================================ */
body {
  --nav-collapse-icon-color: #a8c8e0;
  --indentation-guide-color: rgba(196, 158, 74, 0.25);
}
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content {
  color: #a8c8e0 !important;
  font-weight: 600 !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-collapse-indicator,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-collapse-indicator svg,
.workspace-leaf-content[data-type="file-explorer"] .collapse-icon,
.workspace-leaf-content[data-type="file-explorer"] .collapse-icon svg {
  color: #a8c8e0 !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title-content {
  color: #dcae4d !important;
  font-weight: 400 !important;
}
/* Hover: quiet gold wash now that files carry the gold. */
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title:hover,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title:hover {
  background: rgba(220, 174, 77, 0.10) !important;
}
/* Active file: brighter gold text, same gold edge. */
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active,
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-active,
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.has-focus {
  background: linear-gradient(90deg, rgba(222, 178, 76, 0.16), rgba(88, 185, 230, 0.12)) !important;
  box-shadow: inset 2px 0 #dcae4d !important;
  color: #eccd7e !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active .nav-file-title-content {
  color: #eccd7e !important;
}

/* ================================================================
   r10b â€” ITS Theme red palette â†’ arcane gold, at the source.
   ITS hard-codes its red identity as named variables (separate from
   the accent triplet above): --accent #863737, --lite-accent
   #c94d4d, --dark-accent #652121, --headers #c14343, red hovers,
   highlights, tags, code text, folder icons. Re-point them all to
   the gold family so every consumer (tabs, vault title, buttons,
   folder-note underlines, headings, graph, drag ghosts) follows.
   Error/failure reds are left alone â€” they mean something.
   ================================================================ */
body.theme-dark {
  --deep-dark-accent: #3a2a0e !important;
  --dark-accent: #5c451c !important;
  --lite-accent: #dcae4d !important;
  --accent: #a3802e !important;
  --hvr: rgba(220, 174, 77, 0.25) !important;
  --hvr-active: rgba(220, 174, 77, 0.35) !important;
  --highlight: #dcae4d55 !important;
  --headers: #dcae4d !important;
  --code-text: #e8c26a !important;
  --tag-text: #eccd7e !important;
  --i-at: #c9a24d !important;
  --folder: #7fa9cf !important;
  --folder-open: #9cc7ea !important;
  --theme-rainbow-1: #6b5320 !important;
  --theme-rainbow-2: #59431a !important;
  --theme-rainbow-3: #453413 !important;
  --theme-rainbow-4: #362a10 !important;
  --rainbow-1: #c49e4a !important;
}
body.theme-light {
  --deep-dark-accent: #4a3a12 !important;
  --dark-accent: #a3802e !important;
  --lite-accent: #b8860b !important;
  --accent: #8a6a26 !important;
  --hvr: rgba(196, 158, 74, 0.25) !important;
  --hvr-active: rgba(196, 158, 74, 0.35) !important;
  --highlight: rgba(220, 174, 77, 0.35) !important;
  --headers: #8a6a26 !important;
  --code-text: #8a6a26 !important;
  --tag-text: #8a6a26 !important;
  --i-at: #a3802e !important;
  --folder: #4a7dae !important;
  --folder-open: #35648f !important;
}

/* ================================================================
   r11 â€” Swap back: folders GOLD, files BLUE â€” with the blue taken
   deeper (rich steel instead of pale ice). Overrides r10a.
   ================================================================ */
body {
  --nav-collapse-icon-color: #dcae4d;
  --indentation-guide-color: rgba(122, 165, 212, 0.28);
}
body.theme-dark {
  --folder: #dcae4d !important;
  --folder-open: #eccd7e !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content {
  color: #dcae4d !important;
  font-weight: 600 !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-collapse-indicator,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-collapse-indicator svg,
.workspace-leaf-content[data-type="file-explorer"] .collapse-icon,
.workspace-leaf-content[data-type="file-explorer"] .collapse-icon svg {
  color: #dcae4d !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title-content {
  color: #4a7ec8 !important;
  font-weight: 400 !important;
}
/* Hover: quiet deep-blue wash under the gold folders. */
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title:hover,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title:hover {
  background: rgba(111, 159, 208, 0.12) !important;
}
/* Active file: bright blue text behind the gold edge. */
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active,
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-active,
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.has-focus {
  background: linear-gradient(90deg, rgba(222, 178, 76, 0.16), rgba(111, 159, 208, 0.14)) !important;
  box-shadow: inset 2px 0 #dcae4d !important;
  color: #cfe3f5 !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active .nav-file-title-content {
  color: #cfe3f5 !important;
}

/* ================================================================
   r12 â€” Icons and indent lines GOLD; names BLUE. Overrides r11.
   ITS draws the explorer icons as ::before glyphs on the title
   content, so they're recolored explicitly after the text rule.
   ================================================================ */
body {
  --nav-collapse-icon-color: #dcae4d;
  --indentation-guide-color: rgba(220, 174, 77, 0.30);
}
body.theme-dark {
  --folder: #dcae4d !important;
  --folder-open: #eccd7e !important;
  --file-icon-color: #dcae4d !important;
}
/* Names: deep steel blue, folders kept heavier for hierarchy. */
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content {
  color: #4a7ec8 !important;
  font-weight: 600 !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title-content {
  color: #4a7ec8 !important;
  font-weight: 400 !important;
}
/* Icons: folder/file glyphs and chevrons in gold. */
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-icon,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-collapse-indicator,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-collapse-indicator svg,
.workspace-leaf-content[data-type="file-explorer"] .collapse-icon,
.workspace-leaf-content[data-type="file-explorer"] .collapse-icon svg {
  color: #dcae4d !important;
}
/* Active file: keep the gold edge, bright blue name, gold icon. */
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active .nav-file-title-content {
  color: #cfe3f5 !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active .nav-file-title-content::before {
  color: #dcae4d !important;
}

/* ================================================================
   r15 â€” Tidy pass: no link-style underlines in the tree, and one
   uniform blue for every name (covers the modern tree-item classes
   some rows use, which the nav-* selectors alone missed).
   ================================================================ */
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title-content,
.workspace-leaf-content[data-type="file-explorer"] .has-folder-note .nav-folder-title-content,
.folder-note-underline .has-folder-note .nav-folder-title-content {
  text-decoration: none !important;
}
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self .tree-item-inner,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title .tree-item-inner,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title .tree-item-inner {
  color: #4a7ec8 !important;
}
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-active .tree-item-inner,
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.has-focus .tree-item-inner {
  color: #cfe3f5 !important;
}

/* ================================================================
   r16 â€” Folder-note underlines return, in the same blue as the
   names: thin, slightly offset, folders-with-notes only.
   ================================================================ */
.workspace-leaf-content[data-type="file-explorer"] .has-folder-note .nav-folder-title-content,
.folder-note-underline .has-folder-note .nav-folder-title-content {
  text-decoration: underline !important;
  text-decoration-color: #4a7ec8 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

/* ================================================================
   r17 â€” Explorer gold deepened: icons, chevrons, guides and the
   active edge go darker amber. Scoped to the explorer only â€” the
   note-page gold stays as tuned.
   ================================================================ */
body {
  --nav-collapse-icon-color: #c49e4a;
  --indentation-guide-color: rgba(196, 158, 74, 0.32);
}
body.theme-dark {
  --folder: #c49e4a !important;
  --folder-open: #d4ae58 !important;
  --file-icon-color: #c49e4a !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-icon,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-collapse-indicator,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-collapse-indicator svg,
.workspace-leaf-content[data-type="file-explorer"] .collapse-icon,
.workspace-leaf-content[data-type="file-explorer"] .collapse-icon svg {
  color: #c49e4a !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active,
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-active,
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.has-focus {
  box-shadow: inset 2px 0 #c49e4a !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active .nav-file-title-content::before {
  color: #c49e4a !important;
}

/* ================================================================
   r20 â€” Brighter selection highlight: the solid muddy-brown bar
   (theme's active-hover background) becomes a luminous gold wash.
   ================================================================ */
body {
  --nav-item-background-active: rgba(220, 174, 77, 0.32);
  --nav-item-background-selected: rgba(220, 174, 77, 0.32);
}
body.theme-dark {
  --background-modifier-active-hover: rgba(220, 174, 77, 0.35) !important;
}
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title.is-active,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title.has-focus,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active,
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-active,
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.has-focus,
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-selected,
.workspace-leaf-content[data-type="file-explorer"] .is-being-dragged-over {
  background: linear-gradient(90deg, rgba(220, 174, 77, 0.42), rgba(220, 174, 77, 0.20)) !important;
  box-shadow: inset 2px 0 #dcae4d !important;
}


/* ================================================================
   r21 â€” Arcane glow background: violet/cyan washes behind the
   whole vault; note panes go transparent so the glow shows through.
   ================================================================ */
body.theme-dark .workspace,
body.theme-dark .workspace-split.mod-root {
  background:
    radial-gradient(ellipse 60rem 34rem at 18% -8%, rgba(143, 123, 255, 0.13), transparent),
    radial-gradient(ellipse 52rem 30rem at 88% 12%, rgba(88, 185, 230, 0.10), transparent),
    radial-gradient(ellipse 70rem 40rem at 50% 115%, rgba(207, 181, 114, 0.05), transparent),
    #05070f !important;
}
body.theme-dark .workspace-leaf-content .view-content,
body.theme-dark .markdown-preview-view,
body.theme-dark .markdown-source-view,
body.theme-dark .cm-editor {
  background: transparent !important;
}


/* r22 â€” stronger glow + markdown leaf containers made transparent. */
body.theme-dark .workspace,
body.theme-dark .workspace-split.mod-root {
  background:
    radial-gradient(ellipse 60rem 34rem at 18% -8%, rgba(143, 123, 255, 0.22), transparent),
    radial-gradient(ellipse 52rem 30rem at 88% 12%, rgba(88, 185, 230, 0.16), transparent),
    radial-gradient(ellipse 70rem 40rem at 50% 115%, rgba(207, 181, 114, 0.08), transparent),
    #05070f !important;
}
body.theme-dark .workspace-leaf-content[data-type="markdown"] {
  background: transparent !important;
}

/* r23 - panes become translucent glass so the r22 glow reads through. */
body.theme-dark {
  --background-primary: rgba(26, 30, 36, 0.62);
}

/* r24 - the real pane painters go glassy: tab containers and leaves. */
body.theme-dark {
  --note: rgba(26, 30, 36, 0.60);
  --tab-background-active: rgba(26, 30, 36, 0.45);
}
body.theme-dark .workspace-tabs,
body.theme-dark .workspace-leaf,
body.theme-dark .workspace-tab-container {
  background: transparent !important;
}

/* r25 - full website palette in the vault: arcane ink, steel, cyan/violet. */
body.theme-dark {
  --outer-bar: #05070f;
  --dark-sidebar: #070a16;
  --side-bar: rgba(7, 10, 22, 0.85);
  --note: rgba(10, 14, 31, 0.62);
  --tab-background-active: rgba(10, 14, 31, 0.5);
  --bg: #0d1326;
  --code-bg: #0a0e1f;
  --embed-bg: #0a0e1f;
  --aside-bg: #070a16;
  --table: #0d1a2e;
  --hr: rgba(50, 101, 129, 0.45);
  --lines: rgba(50, 101, 129, 0.45);
  --outline: rgba(50, 101, 129, 0.45);
  --text: #c9d7e4;
  --text-dl: #eef0f4;
  --soft-text: #8fa3bd;
  --faint-text: #55647d;
  --footnote: #6b7f9a;
  --inactive: #55647d;
  --accent2: #32657f;
  --accent2-lite: #58b9e6;
  --input-bg: rgba(5, 7, 15, 0.5);
  --td: rgba(5, 7, 15, 0.4);
}

/* r26 - bs-wiki surfaces onto the website navy: cards, tables, buttons.
   Structural callouts are layout only and must remain transparent. */
.bs-wiki-layout-test .callout[data-callout^="bs-"]:not([data-callout="bs-shell"]):not([data-callout="bs-entity-shell"]):not([data-callout="bs-main"]):not([data-callout="bs-rail"]):not([data-callout="bs-grid-2"]):not([data-callout="bs-grid-3"]):not([data-callout="bs-grid-5"]):not([data-callout="bs-main-nav"]) {
  background: linear-gradient(150deg, rgba(13, 19, 38, 0.92), rgba(7, 10, 22, 0.96)) !important;
  border-color: rgba(50, 101, 129, 0.55) !important;
}
.bs-wiki-layout-test th,
.bs-wiki-layout-test table thead th,
.bs-wiki-layout-test .dataview.table-view-table thead th {
  background: #0d1a2e !important;
  border-bottom-color: rgba(222, 178, 76, 0.55) !important;
}
.bs-wiki-layout-test th:hover,
.bs-wiki-layout-test table thead th:hover {
  background: linear-gradient(180deg, rgba(222, 178, 76, 0.26), rgba(222, 178, 76, 0.08)), #12233d !important;
}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .mb-button button,
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .mb-button .mb-button-inner {
  background: linear-gradient(165deg, #0d1a33, #070d1c) !important;
  border-color: rgba(88, 185, 230, 0.28) !important;
}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .mb-button button:hover,
.bs-wiki-layout-test .callout[data-callout="bs-rail"] .mb-button .mb-button-inner:hover {
  background: linear-gradient(165deg, #122444, #0a1224) !important;
  border-color: #dcae4d !important;
}

/* r27 - stronger two-tone card gradient + website note links in the rails. */
.bs-wiki-layout-test .callout[data-callout^="bs-"]:not([data-callout="bs-shell"]):not([data-callout="bs-entity-shell"]):not([data-callout="bs-main"]):not([data-callout="bs-rail"]):not([data-callout="bs-grid-2"]):not([data-callout="bs-grid-3"]):not([data-callout="bs-grid-5"]):not([data-callout="bs-main-nav"]) {
  background: linear-gradient(150deg, rgba(20, 32, 61, 0.95), rgba(5, 7, 15, 0.97)) !important;
}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] a,
.bs-wiki-layout-test .callout[data-callout^="bs-"] a.internal-link {
  color: #58b9e6 !important;
}
.bs-wiki-layout-test .callout[data-callout="bs-rail"] a:hover,
.bs-wiki-layout-test .callout[data-callout^="bs-"] a.internal-link:hover {
  color: #bdeafa !important;
}

/* r28 - site tokens: ink canvas, cyan link states, parchment headings. */
body.theme-dark {
  --arcane-ink: #05070f;
  --arcane-cyan: #58b9e6;
  --arcane-cyan-hi: #9fdcf7;
  --arcane-link: #58b9e6;
  --arcane-link-hover: #bdeafa;
  --arcane-muted: #8fa3bd;
  --background-primary: #05070f;
  --background-primary-alt: #0a0e1f;
  --background-secondary: #070a16;
  --background-secondary-alt: #0a0e1f;
  --note: rgba(5, 7, 15, 0.88);
  --tab-background-active: rgba(10, 14, 31, 0.6);
  --link-color: var(--arcane-link);
  --link-color-hover: var(--arcane-link-hover);
  --link-external-color: var(--arcane-link);
  --link-external-color-hover: var(--arcane-link-hover);
  --link-unresolved-color: #6b7f9a;
  --text-accent: var(--arcane-link);
  --text-accent-hover: var(--arcane-link-hover);
}
body.theme-dark .markdown-preview-view.bs-wiki-layout-test a,
body.theme-dark .markdown-preview-view.bs-wiki-layout-test a:visited,
body.theme-dark .markdown-source-view.mod-cm6.bs-wiki-layout-test .cm-link,
body.theme-dark .markdown-source-view.mod-cm6.bs-wiki-layout-test .cm-hmd-internal-link,
body.theme-dark .markdown-source-view.mod-cm6.bs-wiki-layout-test .cm-url {
  color: var(--arcane-link) !important;
}
body.theme-dark .markdown-preview-view.bs-wiki-layout-test a:hover,
body.theme-dark .markdown-preview-view.bs-wiki-layout-test a:focus,
body.theme-dark .markdown-preview-view.bs-wiki-layout-test a:active {
  color: var(--arcane-link-hover) !important;
}
.bs-wiki-layout-test .markdown-preview-view h1,
.bs-wiki-layout-test h1 {
  color: #eef0f4 !important;
}
.bs-wiki-layout-test h2 {
  color: #d5e6f3 !important;
}

/* r31 - ONE seamless ink canvas: every top-level surface solid #05070f.
   Cards/panels keep their own lighter paint (--pc-panel/--bs-panel). */
body.theme-dark,
body.theme-dark .workspace,
body.theme-dark .workspace-split.mod-root,
body.theme-dark .workspace-tabs,
body.theme-dark .workspace-leaf,
body.theme-dark .workspace-leaf-content,
body.theme-dark .view-content,
body.theme-dark .markdown-preview-view,
body.theme-dark .markdown-source-view,
body.theme-dark .cm-editor,
body.theme-dark .cm-scroller,
body.theme-dark .markdown-preview-sizer {
  background: #05070f !important;
}
body.theme-dark {
  --note: #05070f;
  --side-bar: #05070f;
  --tab-background-active: #05070f;
  --background-primary: #05070f;
  --background-primary-alt: #0a0e1f;
  --background-secondary: #05070f;
}
/* Published campaign-note links: base #58b9e6, hover #bdeafa. */
body.theme-dark .markdown-preview-view.bs-wiki-layout-test a,
body.theme-dark .markdown-preview-view.bs-wiki-layout-test a:visited,
body.theme-dark .markdown-source-view.mod-cm6.bs-wiki-layout-test .cm-link,
body.theme-dark .markdown-source-view.mod-cm6.bs-wiki-layout-test .cm-hmd-internal-link,
body.theme-dark .markdown-source-view.mod-cm6.bs-wiki-layout-test .cm-url {
  color: #58b9e6 !important;
}
body.theme-dark .markdown-preview-view.bs-wiki-layout-test a:hover,
body.theme-dark .markdown-preview-view.bs-wiki-layout-test a:focus,
body.theme-dark .markdown-preview-view.bs-wiki-layout-test a:active {
  color: #bdeafa !important;
}

/* r32 - Repair the layout shell itself. r26/r27 previously painted every
   bs-* callout, including invisible grid wrappers, which created the tall
   navy rectangle and the vertical two-colour seam around the page. */
.bs-wiki-layout-test .callout:is(
  [data-callout="bs-shell"],
  [data-callout="bs-main"],
  [data-callout="bs-rail"],
  [data-callout="bs-grid-2"],
  [data-callout="bs-grid-3"],
  [data-callout="bs-grid-5"]
) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.bs-wiki-layout-test .callout[data-callout="bs-entity-shell"] {
  background: transparent !important;
}

/* Match the website's keyboard focus treatment without recolouring cards. */
body.theme-dark .markdown-preview-view.bs-wiki-layout-test a:focus-visible {
  outline: 3px solid #f1c75b !important;
  outline-offset: 2px;
}
