/* =========================================================================
   THE EQUIPMENT ROOM — « equipment room register » design system, prefix eqr-
   Vocabulary: the room where gear is stored and read, in plain English:
   counter (the front-of-house header), room (the floor = content
   width), registry (the home's numbered aisle index), shelf (the
   material band), bay (numbered section), swatch (card and image
   frame), ledger/line (the dated entry log), opener (article head),
   spread (lead image), spine (reading column), tally (figure box),
   seam (a row of stitching), follow (read next), slip (the service
   strip every page ends with), ground (footer).
   Palette: loam paper, peat ink, one oxblood accent, nickel hairlines.
   Everything light, one scheme, no automatic flip: the room has
   windows and it uses them.
   Type: Copperplate for display (an engraved, registry look), Candara
   or Seravek for reading. Both are system stacks, nothing fetched.
   No blue, no gradient ornament, no remote font, no gadget animation.
   ========================================================================= */

:root {
  color-scheme: light;

  /* ---- 1. COLOURS · loam paper, peat ink, oxblood accent ---------------- */
  --canvas:        #c9cbb2;  /* loam paper, the page                       */
  --canvas-hollow:  #bfc2a6;  /* reserves, banded sections                  */
  --canvas-bright:    #e6e8d6;  /* lightest reserve, boxes and chips        */
  --peat:         #24251a;  /* deep ink: text (9.35:1 on loam)            */
  --peat-soft:   #474b35;  /* captions, meta (5.4:1 loam, 4.9:1 hollow)  */
  --oxblood:         #8a2a33;  /* links, numbers, marks (5.1:1 on loam)    */
  --oxblood-deep:   #6b1f27;  /* pressed / hover (6.8:1 on loam)           */
  --nickel:        #565a43;  /* quiet second tone: rules, glyphs only      */
  --piping:         #a9ac8d;  /* hairline on paper                         */

  /* ---- 2. TYPE · composed system stacks, nothing fetched --------------- */
  --font-display: "Copperplate", "Copperplate Gothic Light", "Copperplate Gothic Bold", Georgia, serif;
  --font-body: "Candara", "Seravek", "Corbel", "Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif;

  --caps-tracking: 0.2em;
  --body-size: clamp(1.02rem, 0.97rem + 0.22vw, 1.12rem);
  --body-leading: 1.68;
  --scale-h1: clamp(2.1rem, 1.1rem + 3.4vw, 3.9rem);
  --scale-h2: clamp(1.4rem, 1.05rem + 1.5vw, 2.15rem);
  --scale-h3: clamp(1.08rem, 1rem + 0.5vw, 1.3rem);

  /* ---- 3. RHYTHM -------------------------------------------------------- */
  --reach:        64ch;       /* reading column                            */
  --roomspan:       1380px;     /* the floor                                 */
  --page-edge:    clamp(1.1rem, 4vw, 4rem);
  --alley:     clamp(0.9rem, 2.2vw, 2rem);
  --breather:       clamp(2.6rem, 5.5vw, 5.6rem);

  /* ---- 4. DETAILS ------------------------------------------------------- */
  --piping-hair:   1px solid var(--piping);
  --pace:     150ms ease;
}

/* =========================================================================
   BASE
   ========================================================================= */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--canvas);
  color: var(--peat);
  font-family: var(--font-body);
  font-size: var(--body-size);
  line-height: var(--body-leading);
  overflow-wrap: break-word;
}
img, svg { max-width: 100%; height: auto; display: block; }
svg.eqr-mark { display: inline-block; vertical-align: -0.14em; }

/* Copperplate carries no true bold: weight comes from size and colour,
   never from a synthesized face. */
h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 400;
  line-height: 1.14;
  margin: 0;
  text-wrap: balance;
  letter-spacing: 0.015em;
}
h1 { font-size: var(--scale-h1); }
h2 { font-size: var(--scale-h2); }
h3 { font-size: var(--scale-h3); }

p, ul, ol, dl { margin: 0 0 1.1em; }
ul, ol { padding-left: 1.35em; }
li + li { margin-top: 0.34em; }

a {
  color: var(--oxblood);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  transition: color var(--pace), background-color var(--pace), border-color var(--pace);
}
a:hover { color: var(--oxblood-deep); }
:focus-visible { outline: 2px solid var(--oxblood); outline-offset: 2px; border-radius: 1px; }

::selection { background: var(--oxblood); color: var(--canvas-bright); }

/* Small caps utility voice: kickers, plates, meta lines. */
.eqr-plate, .eqr-dated, .eqr-bay__numeral, .eqr-tally__legend,
.eqr-swatch__spec, .eqr-tread, .eqr-shelf__legend, .eqr-counter__caption,
.eqr-slip a {
  font-family: var(--font-body);
  text-transform: uppercase;
  letter-spacing: var(--caps-tracking);
  font-size: 0.72rem;
  font-weight: 600;
}

/* =========================================================================
   THE FLOOR (content width) and skip link
   ========================================================================= */

.eqr-room {
  max-width: var(--roomspan);
  margin-inline: auto;
  padding-inline: var(--page-edge);
}
.eqr-bypass {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 50;
  background: var(--oxblood);
  color: var(--canvas-bright);
  padding: 0.6rem 1rem;
  text-decoration: none;
  font-weight: 600;
}
.eqr-bypass:focus-visible { left: 0; color: var(--canvas-bright); }

/* =========================================================================
   THE COUNTER · front-of-house header, light, ruled like a register card
   ========================================================================= */

.eqr-counter {
  background: var(--canvas-bright);
  color: var(--peat);
  border-bottom: 3px double var(--nickel);
}
.eqr-counter__bar {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 3vw, 2.4rem);
  padding-block: 0.85rem;
  flex-wrap: wrap;
}
.eqr-counter__wordmark {
  font-family: var(--font-display);
  font-size: 1.3rem;
  color: var(--peat);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}
.eqr-counter__wordmark svg { color: var(--oxblood); }
.eqr-counter__wordmark span {
  display: block;
  font-family: var(--font-body);
  text-transform: uppercase;
  letter-spacing: var(--caps-tracking);
  font-size: 0.62rem;
  color: var(--peat-soft);
}
.eqr-counter__wordmark:hover { color: var(--oxblood); }
.eqr-racks { margin: 0; }
.eqr-racks ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem 1.1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.eqr-racks a {
  color: var(--peat-soft);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: var(--caps-tracking);
  font-size: 0.7rem;
  font-weight: 600;
  padding-block: 0.3rem;
  border-bottom: 1px solid transparent;
}
.eqr-racks a:hover { color: var(--oxblood); border-bottom-color: var(--oxblood); }
.eqr-counter__caption {
  margin: 0 0 0 auto;
  color: var(--peat-soft);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
/* The pip: a small square tag, the room's only ornament on the counter. */
.eqr-counter__pip {
  width: 8px;
  height: 8px;
  background: var(--oxblood);
  display: inline-block;
}

/* =========================================================================
   THE REGISTRY · the home fore: a numbered aisle index, ruled, no photo
   ========================================================================= */

.eqr-registry-head { padding-block: clamp(2rem, 4.5vw, 4rem) clamp(1.2rem, 2.5vw, 2rem); }
.eqr-registry-head .eqr-plate { color: var(--oxblood); margin: 0 0 1rem; }
.eqr-registry-head h1 { max-width: 22ch; }
.eqr-registry-head__lead {
  max-width: 66ch;
  color: var(--peat-soft);
  font-size: clamp(1.06rem, 1rem + 0.4vw, 1.24rem);
  margin: 1.1rem 0 0;
}
.eqr-registry-head__tally {
  margin: 1.5rem 0 0;
  color: var(--peat-soft);
  border-top: var(--piping-hair);
  padding-top: 0.8rem;
}
.eqr-registry-head__tally strong {
  font-family: var(--font-display);
  font-weight: 400;
  color: var(--oxblood);
  font-size: 1.15rem;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  letter-spacing: 0.02em;
}

.eqr-registry {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: clamp(2rem, 4vw, 3.6rem);
}
.eqr-registry__row {
  display: grid;
  grid-template-columns: 3.2rem 1fr;
  gap: 1rem;
  align-items: baseline;
  padding-block: 0.72rem;
  border-bottom: var(--piping-hair);
}
.eqr-registry__num {
  margin: 0;
  color: var(--oxblood);
  font-size: 0.95rem;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}
.eqr-registry__name {
  font-size: 1.06rem;
  margin: 0;
}
.eqr-registry__hook {
  color: var(--peat);
  text-decoration: none;
}
.eqr-registry__hook:hover { color: var(--oxblood); }
.eqr-registry__brief { margin: 0.22rem 0 0; color: var(--peat-soft); font-size: 0.92rem; }
@media (max-width: 820px) {
  .eqr-registry { grid-template-columns: 1fr; }
}

/* The counter line: the pick the room keeps open, drawn as a registry row. */
.eqr-counterline { margin-top: 0.6rem; border-top: 3px double var(--nickel); }

/* =========================================================================
   THE SHELF · the material band: chips, one row, no images
   ========================================================================= */

.eqr-shelf {
  background: var(--canvas-bright);
  border-block: var(--piping-hair);
  padding-block: clamp(1.4rem, 3vw, 2.2rem);
}
.eqr-shelf__legend {
  margin: 0;
  color: var(--peat-soft);
}
.eqr-shelf__legend::before {
  content: "";
  display: inline-block;
  width: 1.8rem;
  border-top: 2px solid var(--oxblood);
  margin-right: 0.8rem;
  vertical-align: 0.22em;
}
.eqr-shelf__bins {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  padding: 0;
  margin: 1rem 0 0;
}
.eqr-shelf__bins a {
  display: inline-block;
  border: 1px solid var(--piping);
  background: var(--canvas);
  padding: 0.42rem 0.85rem;
  text-decoration: none;
  color: var(--peat);
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: 0.09em;
  font-size: 0.78rem;
}
.eqr-shelf__bins a:hover {
  border-color: var(--oxblood);
  color: var(--oxblood);
}

/* =========================================================================
   SECTIONS · numbered bays and banded reserves
   ========================================================================= */

.eqr-bay { padding-block: clamp(2rem, 4.5vw, 4rem); }
.eqr-bay--hollow { background: var(--canvas-hollow); border-block: var(--piping-hair); }
.eqr-bay__cap {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 2rem;
  border-bottom: 1px solid var(--piping);
  padding-bottom: 0.9rem;
  margin-bottom: clamp(1.4rem, 3vw, 2.4rem);
  flex-wrap: wrap;
}
.eqr-bay__legend { font-size: clamp(1.35rem, 1.05rem + 1.2vw, 1.95rem); }
.eqr-bay__numeral {
  color: var(--oxblood);
  margin-right: 0.8rem;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}
.eqr-bay__brief { margin: 0; color: var(--peat-soft); max-width: 52ch; }

/* =========================================================================
   SWATCHES · the asymmetric mosaic of the aisles
   ========================================================================= */

.eqr-swatches {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: clamp(1rem, 2.4vw, 2rem) var(--alley);
}
.eqr-swatch { position: relative; }
.eqr-swatch--full { grid-column: span 6; }
.eqr-swatch--broad { grid-column: span 4; }
.eqr-swatch--half { grid-column: span 3; }
.eqr-swatch--third { grid-column: span 2; }
.eqr-swatch--small { grid-column: span 2; }
.eqr-swatch--offset { margin-top: clamp(1rem, 2.6vw, 2.6rem); }
.eqr-swatches--tight { gap: 1.2rem var(--alley); }
.eqr-swatches--tight .eqr-swatch--small { display: grid; grid-template-columns: minmax(9rem, 14rem) 1fr; gap: 1.2rem; }

.eqr-swatch__frame { overflow: hidden; border: 1px solid var(--piping); background: var(--canvas-hollow); }
.eqr-swatch__frame--flat { aspect-ratio: 4 / 3; }
.eqr-swatch__frame--tall { aspect-ratio: 3 / 4; }
.eqr-swatch__frame--square { aspect-ratio: 1 / 1; }
.eqr-swatch__frame--strip { aspect-ratio: 21 / 9; }
.eqr-swatch__frame--deep { aspect-ratio: 3 / 4; }
.eqr-swatch__look {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--pace);
}
.eqr-swatch:hover .eqr-swatch__look { transform: scale(1.025); }

.eqr-swatch__tag { padding-top: 0.7rem; }
.eqr-swatch__tag .eqr-plate { color: var(--oxblood); margin: 0 0 0.35rem; }
.eqr-swatch__legend {
  margin: 0;
  font-size: clamp(1.06rem, 0.98rem + 0.5vw, 1.3rem);
}
.eqr-swatch__hook {
  color: var(--peat);
  text-decoration: none;
}
.eqr-swatch__hook::after { content: ""; position: absolute; inset: 0; }
.eqr-swatch:hover .eqr-swatch__hook { color: var(--oxblood); }
.eqr-swatch__brief { margin: 0.35rem 0 0; color: var(--peat-soft); font-size: 0.95rem; }
.eqr-swatch__spec {
  margin: 0.6rem 0 0;
  color: var(--peat-soft);
  border-top: var(--piping-hair);
  display: inline-block;
  padding-top: 0.45rem;
}

/* =========================================================================
   THE LEDGER · the dated log of entries, home and aisles
   ========================================================================= */

.eqr-ledger {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.4rem clamp(1.4rem, 3vw, 2.8rem);
}
.eqr-line {
  display: grid;
  grid-template-columns: 8.4rem 1fr;
  gap: 1.1rem;
  align-items: start;
  padding-bottom: 1.3rem;
  border-bottom: var(--piping-hair);
}
.eqr-line__look {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border: 1px solid var(--piping);
  background: var(--canvas-hollow);
}
.eqr-line .eqr-dated { color: var(--oxblood); margin: 0 0 0.3rem; }
.eqr-line h3 { margin: 0 0 0.3rem; font-size: 1.16rem; }
.eqr-line h3 a { color: var(--peat); text-decoration: none; }
.eqr-line h3 a:hover { color: var(--oxblood); }
.eqr-line > div > p:last-child { margin: 0; color: var(--peat-soft); font-size: 0.95rem; }

/* A standing line where an aisle is still being ranged. */
.eqr-hold { color: var(--peat-soft); font-style: italic; }

/* =========================================================================
   THE SEAM · a row of stitching between movements
   ========================================================================= */

.eqr-seam {
  display: flex;
  justify-content: center;
  color: var(--nickel);
  padding-block: clamp(0.6rem, 1.5vw, 1.4rem);
}
.eqr-seam svg { width: 150px; height: 10px; }

/* =========================================================================
   TREAD, OPENER, SPREAD, SPINE · article architecture
   ========================================================================= */

.eqr-tread {
  padding-block: 1.1rem 0;
  color: var(--peat-soft);
}
.eqr-tread ol { list-style: none; display: flex; flex-wrap: wrap; gap: 0.3rem 0.7rem; margin: 0; padding: 0; }
.eqr-tread li + li::before { content: "›"; margin-right: 0.7rem; color: var(--oxblood); }
.eqr-tread a { color: var(--peat-soft); text-decoration: none; }
.eqr-tread a:hover { color: var(--oxblood); }
.eqr-tread [aria-current="page"] { color: var(--peat); }

.eqr-floor { padding-bottom: var(--breather); }
.eqr-opener { padding-block: clamp(1.6rem, 3.5vw, 3rem) clamp(1.2rem, 2.5vw, 2rem); }
.eqr-opener .eqr-plate { color: var(--oxblood); margin: 0 0 1rem; position: relative; display: inline-block; }
.eqr-opener .eqr-plate::after {
  content: "";
  display: block;
  width: 3.2rem;
  border-top: 2px solid var(--oxblood);
  margin-top: 0.55rem;
}
.eqr-opener h1 { max-width: 24ch; }
.eqr-opener__lead {
  max-width: 66ch;
  font-size: clamp(1.06rem, 1rem + 0.4vw, 1.24rem);
  color: var(--peat-soft);
  margin: 1.1rem 0 0;
}
.eqr-specs {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1.6rem;
  margin: 1.3rem 0 0;
  padding: 0.7rem 0 0;
  border-top: var(--piping-hair);
  color: var(--peat-soft);
}
.eqr-specs li { text-transform: uppercase; letter-spacing: var(--caps-tracking); font-size: 0.68rem; font-weight: 600; }
.eqr-specs a { color: var(--peat-soft); text-decoration: none; }
.eqr-specs a:hover { color: var(--oxblood); }

.eqr-spread { margin: 0 0 clamp(1.6rem, 3vw, 2.6rem); }
.eqr-spread__look {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 1px solid var(--piping);
  background: var(--canvas-hollow);
}

.eqr-spine { max-width: calc(var(--reach) + 2 * var(--page-edge)); }
.eqr-spine > * { max-width: var(--reach); margin-inline: auto; }
.eqr-spine > h2 { margin-top: 2.2em; }
.eqr-spine > h2::before {
  content: "";
  display: block;
  width: 2.4rem;
  border-top: 1px solid var(--oxblood);
  margin-bottom: 0.7rem;
}

/* Dropcap: the oxblood drop cap that opens every entry. */
.eqr-spine--dropcap > p:first-of-type::first-letter {
  font-family: var(--font-display);
  float: left;
  font-size: 3.4em;
  line-height: 0.82;
  padding: 0.06em 0.12em 0 0;
  color: var(--oxblood);
  font-weight: 400;
}

/* =========================================================================
   TALLY BOX · the light figure box, oxblood rule on the left
   ========================================================================= */

.eqr-tally {
  background: var(--canvas-bright);
  color: var(--peat);
  border-left: 3px solid var(--oxblood);
  border-block: var(--piping-hair);
  padding: 1.1rem 1.3rem 0.6rem;
  margin-block: 1.8rem;
}
.eqr-tally__legend {
  margin: 0 0 0.8rem;
  color: var(--oxblood);
}
.eqr-tally ul { list-style: none; margin: 0; padding: 0; }
.eqr-tally li {
  padding-block: 0.45rem;
  border-top: var(--piping-hair);
  color: var(--peat-soft);
  font-size: 0.95rem;
}
.eqr-tally strong {
  display: block;
  color: var(--oxblood);
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  letter-spacing: 0.01em;
}

/* =========================================================================
   FOLLOW · read next, and the home closing brief
   ========================================================================= */

.eqr-follow {
  margin-top: 2.4rem;
  border-top: 3px double var(--piping);
  padding-top: 1.1rem;
}
.eqr-follow h2 { font-size: 1.02rem; text-transform: uppercase; letter-spacing: var(--caps-tracking); font-family: var(--font-body); color: var(--peat-soft); }
.eqr-follow ul { margin-bottom: 0; }
.eqr-brief { max-width: 74ch; margin: clamp(1.4rem, 3vw, 2.4rem) auto 0; color: var(--peat-soft); }

/* =========================================================================
   THE SLIP · the service strip that ends the main content of every page
   ========================================================================= */

.eqr-slip {
  margin-top: var(--breather);
  border-top: 3px double var(--nickel);
  padding-block: 1rem;
}
.eqr-slip ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1.8rem;
  margin: 0;
  padding: 0;
}
.eqr-slip a {
  color: var(--peat-soft);
  text-decoration: none;
}
.eqr-slip a:hover { color: var(--oxblood); }

/* =========================================================================
   THE GROUND · footer, hollow paper, ruled at the top
   ========================================================================= */

.eqr-ground {
  background: var(--canvas-hollow);
  color: var(--peat-soft);
  border-top: 3px double var(--nickel);
  margin-top: var(--breather);
}
.eqr-ground__bar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.4rem, 3vw, 2.6rem);
  padding-block: clamp(1.8rem, 4vw, 3rem);
}
.eqr-ground h2 {
  font-family: var(--font-body);
  text-transform: uppercase;
  letter-spacing: var(--caps-tracking);
  font-size: 0.7rem;
  color: var(--oxblood);
  margin-bottom: 0.8rem;
}
.eqr-ground ul { list-style: none; margin: 0; padding: 0; }
.eqr-ground a { color: var(--peat); text-decoration: none; font-size: 0.95rem; }
.eqr-ground a:hover { color: var(--oxblood); text-decoration: underline; }
/* Fourteen aisles: two ruled columns inside their own grid track. */
.eqr-ground__aisles { columns: 2; column-gap: 2rem; }
.eqr-ground__aisles li { break-inside: avoid; }
.eqr-ground__bas {
  border-top: var(--piping-hair);
  padding-block: 1rem;
  color: var(--peat-soft);
  font-size: 0.82rem;
  letter-spacing: 0.04em;
}
.eqr-ground__bas svg { color: var(--oxblood); }

/* =========================================================================
   RESPONSIVE
   ========================================================================= */

@media (max-width: 1100px) {
  .eqr-swatches { grid-template-columns: repeat(2, 1fr); }
  .eqr-swatch--full, .eqr-swatch--broad { grid-column: span 2; }
  .eqr-swatch--half, .eqr-swatch--third, .eqr-swatch--small { grid-column: span 1; }
  .eqr-swatch--offset { margin-top: 0; }
}
@media (max-width: 900px) {
  .eqr-counter__bar { gap: 0.8rem 1.2rem; }
  .eqr-racks { order: 3; flex-basis: 100%; }
  .eqr-racks ul { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 0.3rem; }
  .eqr-racks a { white-space: nowrap; }
  .eqr-counter__caption { margin-left: auto; }
  .eqr-ground__bar { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .eqr-ledger { grid-template-columns: 1fr; }
  .eqr-swatches--tight .eqr-swatch--small { grid-template-columns: 1fr; }
  .eqr-line { grid-template-columns: 6.4rem 1fr; }
}
@media (max-width: 560px) {
  .eqr-swatches { grid-template-columns: 1fr; }
  .eqr-swatch--full, .eqr-swatch--broad,
  .eqr-swatch--half, .eqr-swatch--third, .eqr-swatch--small { grid-column: span 1; }
  .eqr-ground__bar { grid-template-columns: 1fr; }
  .eqr-ground__aisles { columns: 1; }
}

/* =========================================================================
   PRINT
   ========================================================================= */

@media print {
  :root {
    --canvas: #ffffff;
    --canvas-hollow: #ffffff;
    --canvas-bright: #ffffff;
    --peat: #000000;
    --peat-soft: #444444;
    --oxblood: #000000;
    --oxblood-deep: #000000;
    --nickel: #444444;
    --piping: #999999;
  }
  body { font-size: 10.5pt; background: #ffffff; color: #000000; }
  .eqr-counter, .eqr-ground, .eqr-racks, .eqr-counter__caption, .eqr-slip,
  .eqr-bypass, .eqr-seam, .eqr-shelf { display: none !important; }
  a { color: #000000; text-decoration: none; }
  .eqr-spine a[href^="/"]::after { content: " [" attr(href) "]"; font-size: 0.8em; color: #444444; }
  .eqr-spread__look, .eqr-swatch__look, .eqr-line__look { display: none; }
  .eqr-floor { padding-bottom: 0; }
  .eqr-tally { background: #ffffff; border: 1px solid #444444; }
  .eqr-tally strong, .eqr-tally__legend { color: #000000; }
}