/* The Back Room (docs/back-room-feature-2026-10-10.md). Everything here is scoped to
   body.backroom-page: the wing will be redesigned on its own, and nothing in it may reach the
   main archive. Its colour is a cold blue against the main archive's green (D5). */
.backroom-page {
  --bg:#080c12;
  --panel:#0f1620;
  --line:#263241;
  --ink:#d3dae3;
  --dim:#a2adbb;
  --glow:#b4c8e0;
  --paper:#b9bfc6;
  --paper-2:#cdd2d8;
  --paper-line:#959ca5;
  --paper-ink:#1f242b;
  background:var(--bg);
  color:var(--ink);
  font-family:Georgia, serif;
}
.backroom-page .brand .brand-type small { font-size:11px; line-height:1.4; letter-spacing:.05em; white-space:normal; max-width:215px; }
.backroom-page .findings-footer > p,
.backroom-page .footer-motto { font-size:11px; line-height:1.6; }
@media (max-width:760px) {
  .backroom-page .site-header .brand-type small { max-width:190px; }
}
@media (max-width:360px) {
  .backroom-page .site-header .brand-type small { max-width:145px; }
}
.backroom-page .br-intro { position:relative; padding:150px var(--page-inset) 60px; isolation:isolate; }
.backroom-page .br-hero { position:absolute; inset:0; margin:0; z-index:-1; }
.backroom-page .br-hero img { width:100%; height:100%; object-fit:cover; filter:brightness(.55) saturate(.8); }
.backroom-page .br-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#080c12ee,#080c1255),linear-gradient(0deg,var(--bg),transparent 60%); }
.backroom-page .br-hero figcaption { position:absolute; right:16px; left:16px; bottom:12px; z-index:1; font:11px/1.6 var(--mono); color:var(--dim); text-align:right; }
.backroom-page .br-intro h1 { max-width:14ch; }
.backroom-page .br-intro h1 em { color:var(--glow); font-style:normal; }
.backroom-page .br-shelf { padding:60px var(--page-inset); border-top:1px solid var(--line); }
.backroom-page .br-shelf > header { max-width:60ch; margin-bottom:24px; }
.backroom-page .br-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.backroom-page .br-filters button { border:1px solid var(--line); background:transparent; color:var(--dim); font:12px var(--mono); padding:6px 12px; cursor:pointer; }
.backroom-page .br-filters button[aria-pressed="true"] { border-color:var(--glow); color:var(--glow); }
.backroom-page .br-boxes,
.backroom-page .br-drawer { list-style:none; margin:0; padding:0; display:grid; gap:18px; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); }
.backroom-page .br-empty { color:var(--dim); font-style:italic; }
/* Investigated: grey archive box files, the same discipline as the main archive's folders. */
.backroom-page .br-box { display:block; height:100%; padding:18px; background:var(--paper); color:var(--paper-ink); text-decoration:none; border:1px solid var(--paper-line); box-shadow:0 10px 24px #0008; }
.backroom-page .br-box.selected,
.backroom-page .br-box:hover,
.backroom-page .br-box:focus-visible { outline:2px solid var(--glow); outline-offset:3px; }
.backroom-page .br-box-thumb { display:block; width:calc(100% + 36px); max-width:none; height:auto; aspect-ratio:4/3; object-fit:cover; margin:-18px -18px 12px; filter:saturate(.85); }
.backroom-page .br-box-id { font:11px var(--mono); }
.backroom-page .br-stamp { display:inline-block; margin:8px 0; padding:3px 8px; border:2px solid var(--stamp); color:var(--stamp); font:700 11px var(--mono); letter-spacing:.06em; transform:rotate(-2deg); }
.backroom-page .br-box h3 { margin:6px 0; color:var(--paper-ink); }
.backroom-page .br-sheet { max-width:1000px; margin:30px auto 0; padding:clamp(20px,4vw,48px); background:linear-gradient(135deg,#e0e4e8,var(--paper-2)); color:var(--paper-ink); border:1px solid var(--paper-line); box-shadow:0 16px 40px #0005; }
.backroom-page .br-sheet h2, .backroom-page .br-sheet h3 { color:var(--paper-ink); }
.backroom-page .br-sheet > #br-sheet-title { font:400 clamp(26px,3vw,38px)/1.15 Georgia,serif; margin:12px 0 22px; }
.backroom-page .br-sheet > p:not([class]), .backroom-page .br-sheet-note { max-width:72ch; }
.backroom-page .br-sheet figure { max-width:664px; margin:28px auto; padding:12px; background:#eef0f2; border:1px solid #a7b0ba; box-shadow:0 4px 12px #1f242b18; }
.backroom-page .br-sheet img { width:100%; max-width:640px; height:auto; display:block; margin:auto; }
.backroom-page .br-sheet figcaption,
.backroom-page .br-sheet-category { font:11px var(--mono); }
.backroom-page .br-sheet figcaption { margin-top:12px; color:#505d6b; line-height:1.6; }
.backroom-page .br-docket { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 36px; margin:0; }
.backroom-page .br-docket > div { padding-top:14px; border-top:1px solid #a7b0ba; }
.backroom-page .br-docket dt { font:11px/1.5 var(--mono); letter-spacing:.09em; text-transform:uppercase; color:#4c5b6d; }
.backroom-page .br-docket dd { margin:8px 0 0; font-size:15px; line-height:1.7; overflow-wrap:anywhere; }
.backroom-page .br-facts { grid-template-columns: .65fr 1.2fr 1.2fr; padding:18px 0; border-block:1px solid #a7b0ba; }
.backroom-page .br-facts > div { padding:0; border:0; }
.backroom-page .br-facts dd { font-size:16px; }
.backroom-page .br-assessment { padding:16px 20px; margin:20px 0 30px; border:1px solid #8c9db1; background:#bfccda55; line-height:1.6; }
.backroom-page .br-assessment span { display:block; font:11px/1.5 var(--mono); letter-spacing:.09em; text-transform:uppercase; color:#405268; margin-bottom:6px; }
.backroom-page .br-record-heading { font:400 24px/1.3 Georgia,serif; margin:0 0 18px; }
.backroom-page .br-slip { margin-top:28px; padding:20px 24px; background:#eef0f2; border:1px solid #a7b0ba; }
.backroom-page .br-slip h3, .backroom-page .br-slip h4 { font:400 21px/1.3 Georgia,serif; margin-bottom:8px; }
.backroom-page .br-slip p { font-size:15px; line-height:1.7; }
.backroom-page .br-sheet-source { margin-top:24px; padding-top:18px; border-top:1px solid #a7b0ba; font:11px/1.7 var(--mono); text-transform:uppercase; letter-spacing:.06em; color:#4c5b6d; }
.backroom-page .br-sheet-source a { display:inline-block; margin-top:8px; font:15px/1.6 Georgia,serif; text-transform:none; letter-spacing:0; text-underline-offset:4px; }
.backroom-page .br-sheet a,
.backroom-page .br-box a { color:var(--paper-ink); }
/* Folklore: library catalogue cards, visibly not case files. */
.backroom-page .br-card { padding:16px 18px 14px; background:#e9e6dc; color:#24221c; border:1px solid #c9c4b4; font-family:var(--mono); font-size:13px; line-height:1.5; box-shadow:0 6px 14px #0007; }
.backroom-page .br-card h2, .backroom-page .br-card h3 { margin:4px 0; font-family:var(--mono); font-size:16px; color:#24221c; }
.backroom-page .br-card-corner { margin:0; text-align:right; font-size:11px; }
.backroom-page .br-card-figure { margin:14px 0; }
.backroom-page .br-card-figure img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.backroom-page .br-card-figure figcaption { margin-top:6px; font-size:11px; line-height:1.5; }
.backroom-page .br-card-alt,
.backroom-page .br-card-kind,
.backroom-page .br-card-earliest { margin:2px 0; font-size:11px; }
.backroom-page .br-card-care { padding:6px 8px; border:1px dashed #8a8473; font-size:12px; }
.backroom-page .br-card a { color:#24221c; }
.backroom-page .br-card-label { margin:10px 0 0; padding-top:6px; border-top:1px solid #c9c4b4; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.backroom-page .br-noscript { padding:0 var(--page-inset) 40px; color:var(--dim); }
@media (max-width:700px) {
  .backroom-page .br-intro { padding-top:130px; }
  .backroom-page .br-sheet { padding:18px; }
  .backroom-page .br-docket { grid-template-columns:minmax(0,1fr); gap:20px; }
  .backroom-page .br-facts { gap:16px; }
  .backroom-page .br-sheet figure { padding:8px; }
  .backroom-page .br-slip { padding:18px; }
}

/* File pages (scripts/build-pages.mjs): one case or card per page. */
.backroom-page .file-crumbs { font: 12px/1.6 var(--mono, ui-monospace, monospace); letter-spacing: .06em; margin: 0 0 18px; }
.backroom-page .br-file h1 { font-size: 30px; margin: 0 0 8px; }
.backroom-page .br-file-shelf { margin-bottom: 24px; }
.backroom-page .br-drawer-single { grid-template-columns: minmax(0, 40rem); }
.backroom-page .br-related { margin-top: 40px; }
.backroom-page .br-related h2 { font-size: 22px; margin-bottom: 12px; }
.backroom-page .br-related ul { list-style: none; padding: 0; display: grid; gap: 8px; }
.backroom-page .br-related span { opacity: .7; font-size: .85em; }

.backroom-page .br-card-page { margin-top: 8px; font-size: .85em; }

/* The long-form write-up under a case sheet (content/back-room/<slug>.md). */
.backroom-page .file-longform { max-width: 70ch; margin-top: 48px; line-height: 1.7; }
.backroom-page .file-longform h2 { font-size: 26px; margin-bottom: 16px; }
.backroom-page .file-longform h3 { font-size: 19px; margin: 28px 0 10px; }
.backroom-page .file-longform p, .backroom-page .file-longform li { margin-bottom: 12px; }
.backroom-page .file-longform a { overflow-wrap:anywhere; }

/* Revisions under a case sheet (content/corrections.json). */
.backroom-page .file-revisions { max-width: 70ch; margin-top: 40px; font-size: .95em; line-height: 1.6; }
.backroom-page .file-revisions h2 { font-size: 22px; margin-bottom: 10px; }
.backroom-page .file-revisions ul { list-style: none; padding: 0; display: grid; gap: 10px; margin-top: 12px; }
.backroom-page .file-revisions li time { opacity: .7; margin-right: 6px; }
.backroom-page .revision-kind { font-size: .75em; letter-spacing: .08em; text-transform: uppercase; opacity: .75; margin-right: 6px; }

/* A source's Wayback Machine copy (content/archives.json). */
.backroom-page a.archived { font-size: max(.8em, 11px); opacity: .7; white-space: nowrap; }
.backroom-page a.archived:hover, .backroom-page a.archived:focus-visible { opacity: 1; }