:root {
  --vxtdme: #4c9bf0;
  --vg57f0: #2c3844;
  --vm52xk: #172d45;
  --v07uui: #2f5f92;
  --vvjmfy: #6663f8;
  --vyx5kg: #4c9bf0;
  --v87afv: #383b3d;
  --v1x5ws: #4b4f53;
  --v3v4q1: #89949f;
  --vx03gd: #202122;
  --vmgb8z: #242629;
  --vh1gmr: #333538;
  --v22sov: #eef0f1;
  --vc7khd: #aeb2b7;
  --v31ern: #53c69c;
  --vi2w98: #e4b558;
  --vzav6j: #de625e;
  --vdjk0b: 75.724rem;
  --vwfoag: 71ch;
  --vic6ur: #333538;
  --v1qv3y: clamp(0.95rem, 3vw, 1.926rem);
  --vbys8g: 4.004rem;
  --vvam4u: 'Spline Sans', system-ui, sans-serif;
  --vov4gk: 'Spline Sans', system-ui, sans-serif;
  --v2hr6m: 'Spline Sans', system-ui, sans-serif;
  --vtb4nx: clamp(2.126rem, 4.5vw, 3.465rem);
  --v7ytkc: clamp(1.533rem, 3vw, 2.126rem);
  --vcgbpz: 1.533rem;
  --vurh9a: 1.057rem;
  --vtqnbd: 0.924rem;
  --vyiizj: 1.15;
  --vsgfer: 1.65;
  --vf22jh: 0.506rem;
  --v08xlv: 0.734rem;
  --vya4tm: #111111;
  --vrmu6c: #ffffff;
}
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { font-family: var(--vov4gk); font-size: var(--vurh9a); line-height: var(--vsgfer); color: var(--v22sov); background: var(--vmgb8z); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4 { font-family: var(--vvam4u); line-height: var(--vyiizj); font-weight: 700; color: var(--v22sov); text-wrap: balance; }
h1 { font-size: var(--vtb4nx); letter-spacing: -0.02em; }
h2 { font-size: var(--v7ytkc); margin-top: 2.642rem; margin-bottom: 0.734rem; }
h3 { font-size: var(--vcgbpz); margin-top: 1.784rem; margin-bottom: 0.506rem; }
p { margin-bottom: 0.95rem; }
a { color: var(--vyx5kg); }
ul, ol { margin: 0 0 0.95rem 1.218rem; }
li { margin-bottom: 0.341rem; }
strong { font-weight: 700; }
code { font-family: ui-monospace, "SF Mono", Menlo, monospace; background: rgba(128, 128, 128, 0.143); border: 1px solid rgba(128, 128, 128, 0.234); border-radius: 4px; padding: 0.099em 0.337em; font-size: 0.904em; color: var(--v22sov); }
blockquote { border-left: 3px solid var(--vxtdme); padding-left: 0.95rem; color: var(--vc7khd); margin: 0 0 0.95rem; }
img { max-width: 100%; height: auto; display: block; }
sup.wq4tmi a { text-decoration: none; color: var(--vvjmfy); font-weight: 600; }
.container { width: 100%; max-width: var(--vdjk0b); margin-inline: auto; padding-inline: var(--v1qv3y); }
.w9awd9 { position: absolute; left: -999px; }
.w9awd9:focus { left: 0.95rem; top: 0.95rem; background: var(--vh1gmr); padding: 0.506rem 0.95rem; z-index: 100; }
main { display: block; }
.w7yiw6 { font-family: var(--v2hr6m); font-weight: 800; font-size: 1.194rem; color: var(--v22sov); text-decoration: none; }
.w45u1m { min-width: 0; }
.w45u1m ul { display: flex; flex-wrap: wrap; gap: 1.218rem; list-style: none; margin: 0; padding: 0; min-width: 0; }
.w45u1m li { white-space: nowrap; }
.w45u1m a { color: var(--vc7khd); text-decoration: none; font-size: var(--vtqnbd); font-weight: 600; }
.w45u1m a:hover { color: var(--vyx5kg); }
.w63xu9 { display: none; background: none; border: 1px solid var(--v1x5ws); border-radius: 6px; padding: 0.423rem 0.621rem; font-size: 1.087rem; line-height: 1; cursor: pointer; color: var(--v22sov); }
.w4lopk { font-family: var(--v2hr6m); text-transform: uppercase; letter-spacing: 0.124em; font-size: var(--vtqnbd); font-weight: 700; color: var(--vvjmfy); margin-bottom: 0.734rem; }
.wmjpg5 { font-size: 1.194rem; color: var(--vc7khd); margin-top: 0.95rem; max-width: 61ch; }
.wd8a70 { display: flex; flex-wrap: wrap; gap: 0.734rem; margin-top: 1.784rem; }
.w57263 { display: inline-block; padding: 0.863rem 1.593rem; border-radius: var(--vf22jh); font-weight: 700; text-decoration: none; font-size: var(--vtqnbd); transition: transform 0.152s ease, opacity 0.152s ease; }
.w57263:hover { transform: translateY(-1.5px); }
.wqzdf8 { background: var(--vxtdme); color: var(--vya4tm); }
.wdiqf8 { background: transparent; color: var(--vyx5kg); border: 1.5px solid var(--vyx5kg); }
article > section, main > article { padding-block: 0.506rem; }
.wlythi { padding-block: 0.95rem 2.992rem; }
.wlythi .container > section { max-width: var(--vwfoag); margin-inline: auto; }
.wlythi .container > section.wlaqni, .wlythi .container > .wlaqni { max-width: none; }
.wlythi .container > section > .w4auh6,
.wlythi .container > section > .wfixah,
.wlythi .container > section > .woui9g,
.wlythi .container > section > .wbrrd3,
.wlythi .container > section > .w4wzob {
  --v9k461: min(var(--vdjk0b) - 2 * var(--v1qv3y), 100vw - 2 * var(--v1qv3y));
  width: var(--v9k461);
  max-width: none;
  margin-inline: calc((100% - var(--v9k461)) / 2);
}
@media (max-width: 905px) {
  .wlythi .container > section > .w4auh6,
  .wlythi .container > section > .wfixah,
  .wlythi .container > section > .woui9g,
  .wlythi .container > section > .wbrrd3,
  .wlythi .container > section > .w4wzob { width: 100%; margin-inline: 0; }
}
.w4wzob img { aspect-ratio: 16 / 7; object-fit: contain; background: var(--vh1gmr); }
.w43deg img { aspect-ratio: 16 / 6; object-fit: cover; }
.woui9g { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(1.218rem, 3vw, 2.642rem); align-items: center; background: var(--vic6ur, var(--vh1gmr)); border: 1px solid var(--v1x5ws); border-radius: var(--v08xlv); padding: clamp(1.218rem, 3vw, 2.126rem); margin: 2.642rem 0; }
.w99acl img { border-radius: calc(var(--v08xlv) - 0.247rem); width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.w99acl figcaption { font-size: var(--vtqnbd); color: var(--vc7khd); margin-top: 0.621rem; line-height: 1.45; }
.wbnxmu { font-family: var(--v2hr6m); text-transform: uppercase; letter-spacing: 0.099em; font-size: 0.734rem; font-weight: 700; color: var(--vvjmfy); margin-bottom: 0.621rem; }
.wqluub h2, .wqluub h3 { margin-top: 0; }
.wqluub p:last-child { margin-bottom: 0; }
@media (max-width: 725px) { .woui9g { grid-template-columns: 1fr; } }
.wzjedc { border-left: 3px solid var(--vvjmfy); background: var(--vic6ur, var(--vh1gmr)); border-radius: 0 var(--v08xlv) var(--v08xlv) 0; padding: 1.218rem 1.533rem; margin: 1.926rem 0; }
.wzjedc h2, .wzjedc h3 { margin-top: 0; font-size: 1.021rem; text-transform: uppercase; letter-spacing: 0.079em; color: var(--vc7khd); }
.wh7ikv { list-style: none; margin: 0.734rem 0 0; padding: 0; display: grid; gap: 0.621rem; }
.wh7ikv li { margin: 0; padding-left: 1.439rem; position: relative; }
.wh7ikv li::before { content: "\2014"; position: absolute; left: 0; color: var(--vvjmfy); font-weight: 700; }
.wfixah { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.992rem), 1fr)); gap: 1px; background: var(--v1x5ws); border: 1px solid var(--v1x5ws); border-radius: var(--v08xlv); overflow: hidden; margin: 2.126rem 0; }
.wrvf23 { background: var(--vh1gmr); padding: 1.439rem 1.218rem; }
.wduviq { font-family: var(--v2hr6m); font-size: clamp(1.784rem, 3.5vw, 2.642rem); font-weight: 800; line-height: 1.05; color: var(--vxtdme); letter-spacing: -0.02em; }
.ww4i5c { font-size: var(--vtqnbd); color: var(--vc7khd); margin-top: 0.423rem; line-height: 1.4; }
.wbrrd3 { background: var(--vxtdme); color: var(--vya4tm); border-radius: var(--v08xlv); padding: clamp(1.533rem, 4vw, 2.617rem); margin: 2.992rem 0 0.95rem; text-align: center; }
.wbrrd3 h2, .wbrrd3 h3 { color: var(--vya4tm); margin-top: 0; }
.wbrrd3 p { color: var(--vya4tm); opacity: 0.88; margin-inline: auto; max-width: 58ch; }
.wbrrd3 .wd8a70 { justify-content: center; }
.wbrrd3 .wdiqf8 { color: var(--vya4tm); border-color: var(--vya4tm); }
.w4wzob img { border-radius: var(--v08xlv); width: 100%; }
.w4wzob figcaption { font-size: var(--vtqnbd); color: var(--vc7khd); margin-top: 0.621rem; font-style: italic; }
.w43deg { margin: 1.533rem 0; }
.w43deg img { border-radius: var(--v08xlv); }
.wjbyab { background: var(--vh1gmr); border: 1px solid #4b4f53; border-radius: var(--v08xlv); padding: 1.533rem; }
.w4auh6 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15.971rem), 1fr)); gap: 1.218rem; margin: 1.533rem 0 1.926rem; }
.w4auh6 .wjbyab { display: flex; flex-direction: column; gap: 0.506rem; }
.w4auh6 .wjbyab img { border-radius: calc(var(--v08xlv) - 0.247rem); margin-bottom: 0.506rem; aspect-ratio: 16 / 10; object-fit: cover; }
.w4auh6 .wjbyab h2, .w4auh6 .wjbyab h3 { margin: 0; font-size: 1.194rem; }
.w4auh6 .wjbyab p { margin: 0; font-size: var(--vtqnbd); color: var(--vc7khd); }
.w4auh6 .wjbyab .w71bi2 { margin-top: auto; padding-top: 0.621rem; font-weight: 700; font-size: var(--vtqnbd); color: var(--vyx5kg); text-decoration: none; }
.w4auh6 .wjbyab .w71bi2:hover { text-decoration: underline; }
.wju4kd { margin: 1.533rem 0; }
.wju4kd img { border-radius: var(--v08xlv); }
.wju4kd figcaption { font-size: var(--vtqnbd); color: var(--vc7khd); margin-top: 0.506rem; font-style: italic; }
.wayn9y { overflow-x: auto; margin: 1.218rem 0 1.784rem; }
table { border-collapse: collapse; width: 100%; font-size: var(--vtqnbd); }
th, td { text-align: left; padding: 0.621rem 0.863rem; border-bottom: 1px solid var(--v1x5ws); vertical-align: top; }
thead th { border-bottom: 2px solid var(--v22sov); font-family: var(--vvam4u); }
tbody tr:nth-child(even) { background: rgba(128, 128, 128, 0.086); }
.w7hdfu { padding-left: 1.533rem; }
.w7hdfu li { margin-bottom: 0.734rem; font-size: var(--vtqnbd); color: var(--vc7khd); }
.w7hdfu li a { word-break: break-word; }
.wi8boa ul { list-style: none; margin: 0; padding: 0; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }
.w2teqw.winwbg1 { border-bottom: 1px solid var(--v1x5ws); background: var(--vh1gmr); }
.w2teqw.winwbg1 .container { display: flex; flex-direction: column; align-items: center; gap: 0.621rem; padding-block: 0.95rem; text-align: center; }
.w2teqw.winwbg1 .w7yiw6 { font-size: 1.533rem; }
.w2teqw.winwbg1 .w45u1m ul { flex-wrap: wrap; justify-content: center; gap: 0.734rem 1.533rem; }
.wd6nyd.w66mca1 { padding: clamp(2.642rem, 6vw, 5.015rem) 0 clamp(1.533rem, 4vw, 2.992rem); text-align: center; }
.wd6nyd.w66mca1 .container { max-width: 50.762rem; }
.wd6nyd.w66mca1 h1 { margin-inline: auto; max-width: 21ch; }
.wd6nyd.w66mca1 .wmjpg5 { margin-inline: auto; }
.wd6nyd.w66mca1 .wd8a70 { justify-content: center; }
.wd6nyd.w66mca1 .w43deg { margin-inline: auto; }
.w75kd6.wjyx3e3 { background: var(--vh1gmr); border-top: 2px solid var(--v22sov); margin-top: 4.004rem; padding-block: 2.642rem; }
.w75kd6.wjyx3e3 a { color: var(--vc7khd); text-decoration: none; }
.w75kd6.wjyx3e3 a:hover { color: var(--vyx5kg); text-decoration: underline; }
.w75kd6.wjyx3e3 .wi0m0e { font-style: italic; color: var(--vc7khd); margin-bottom: 1.533rem; max-width: 61ch; }
.w75kd6.wjyx3e3 .wi8boa { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1.533rem; }
.w75kd6.wjyx3e3 .wi8boa > div { border-left: 1px solid var(--v1x5ws); padding-left: 0.95rem; }
.w75kd6.wjyx3e3 .wi8boa h2 { font-size: var(--vtqnbd); text-transform: uppercase; letter-spacing: 0.099em; margin: 0 0 0.621rem; color: var(--v22sov); }
.w75kd6.wjyx3e3 .wi8boa li { margin-bottom: 0.423rem; font-size: var(--vtqnbd); }
.w75kd6.wjyx3e3 .wdpem2 { margin-top: 1.784rem; font-size: var(--vtqnbd); color: var(--vc7khd); }

/* ---- per-site theme layer ---- */
/* DQ Peptides — calibrated editorial desk */
:root {
  --dq-ink: #242629;
  --dq-panel: #333538;
  --dq-deep: #172d45;
  --dq-line: #4b4f53;
  --dq-blue: #4c9bf0;
  --dq-violet: #6663f8;
  --dq-white: #eef0f1;
  --dq-muted: #aeb2b7;
  --dq-green: #53c69c;
  --dq-amber: #e4b558;
  --dq-grid: rgba(76, 155, 240, 0.12);
  --vwfoag: 70ch;
  --vdjk0b: 76rem;
  --v08xlv: 0.25rem;
}

html { background: var(--dq-ink); }

body {
  color: var(--dq-white);
  background:
    linear-gradient(90deg, transparent calc(50% - 0.5px), rgba(76, 155, 240, 0.035) 50%, transparent calc(50% + 0.5px)),
    var(--dq-ink);
  font-feature-settings: "ss01" 1, "tnum" 1;
}

main { overflow: clip; }
a { text-decoration-thickness: 0.08em; text-underline-offset: 0.2em; }
p, li { hanging-punctuation: first last; }
::selection { color: var(--dq-white); background: var(--dq-violet); }

.w9awd9:focus {
  left: 1rem;
  top: 1rem;
  color: var(--dq-white);
  background: var(--dq-deep);
  border: 1px solid var(--dq-blue);
  border-radius: 0.2rem;
  box-shadow: 4px 4px 0 var(--dq-violet);
}

/* Header: an instrument rail, not a generic navigation bar. */
.w2teqw {
  position: relative;
  z-index: 20;
  border-bottom: 1px solid var(--dq-line);
  background:
    linear-gradient(90deg, var(--dq-blue) 0 25%, var(--dq-violet) 25% 50%, var(--dq-green) 50% 75%, var(--dq-amber) 75%) bottom / 100% 2px no-repeat,
    var(--dq-ink);
}

.w2teqw::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--dq-blue), transparent);
}

.w2teqw .container {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 1.1rem 2.2rem;
  max-width: var(--vdjk0b);
  min-height: 5.4rem;
  padding-block: 0.9rem;
  text-align: left;
}

.w7yiw6 {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  color: var(--dq-white);
  font-family: var(--v2hr6m);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
  white-space: nowrap;
}

.w7yiw6::before {
  content: "DQ";
  display: inline-grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  flex: 0 0 2.65rem;
  color: var(--dq-ink);
  background:
    linear-gradient(90deg, transparent 48%, rgba(36, 38, 41, 0.35) 49% 51%, transparent 52%),
    linear-gradient(transparent 48%, rgba(36, 38, 41, 0.35) 49% 51%, transparent 52%),
    var(--dq-blue);
  border: 1px solid var(--dq-blue);
  box-shadow: 4px 4px 0 var(--dq-violet);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: -0.08em;
}

.w7yiw6::after {
  content: "/ EVIDENCE DESK";
  color: var(--dq-muted);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.12em;
}

.w45u1m { justify-self: end; }
.w45u1m ul { justify-content: flex-end; gap: 0.45rem 1.05rem; }
.w45u1m li { margin: 0; }

.w45u1m a {
  position: relative;
  display: block;
  padding-block: 0.3rem;
  color: var(--dq-muted);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.w45u1m a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 0;
  height: 2px;
  background: var(--dq-blue);
  transition: right 150ms ease;
}

.w45u1m a:hover,
.w45u1m a:focus-visible { color: var(--dq-white); }

.w45u1m a:hover::after,
.w45u1m a:focus-visible::after { right: 0; }

.w63xu9 {
  color: var(--dq-white);
  border-color: var(--dq-line);
  border-radius: 0;
}

/* Hero: split report cover with a measured-field image. */
.wd6nyd {
  position: relative;
  padding: clamp(3.2rem, 7vw, 6.8rem) 0 clamp(2.8rem, 6vw, 5.6rem);
  overflow: hidden;
  text-align: left;
  background:
    linear-gradient(var(--dq-grid) 1px, transparent 1px) 0 0 / 2.75rem 2.75rem,
    linear-gradient(90deg, var(--dq-grid) 1px, transparent 1px) 0 0 / 2.75rem 2.75rem,
    radial-gradient(circle at 78% 46%, rgba(102, 99, 248, 0.16), transparent 30rem),
    var(--dq-ink);
}

.wd6nyd::before {
  content: "";
  position: absolute;
  top: clamp(2rem, 6vw, 5rem);
  bottom: clamp(2rem, 6vw, 5rem);
  left: calc(50% - 0.5px);
  width: 1px;
  background: linear-gradient(transparent, var(--dq-blue) 20%, var(--dq-blue) 80%, transparent);
  opacity: 0.55;
}

.wd6nyd::after {
  content: "";
  position: absolute;
  right: max(1.5rem, calc((100vw - var(--vdjk0b)) / 2));
  top: 2rem;
  width: 3.3rem;
  height: 3.3rem;
  border: 1px solid var(--dq-blue);
  background:
    linear-gradient(90deg, transparent 48%, var(--dq-blue) 49% 51%, transparent 52%),
    linear-gradient(transparent 48%, var(--dq-blue) 49% 51%, transparent 52%);
  opacity: 0.65;
  transform: rotate(45deg);
}

.wd6nyd .container {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(19rem, 1.12fr);
  grid-template-rows: auto auto auto auto;
  column-gap: clamp(2.5rem, 6vw, 6rem);
  align-items: start;
  max-width: var(--vdjk0b);
}

.wd6nyd:not(:has(.w43deg)) .container {
  grid-template-columns: minmax(0, 0.82fr) minmax(14rem, 0.38fr);
}

.wd6nyd:not(:has(.w43deg)) .container::after {
  content: "CONTROL\A SAMPLE\A ENDPOINT\A REPEAT";
  grid-column: 2;
  grid-row: 1 / 5;
  align-self: center;
  padding: 1.35rem 1.5rem;
  color: var(--dq-muted);
  background:
    linear-gradient(90deg, var(--dq-blue) 0 0.35rem, transparent 0.35rem),
    rgba(51, 53, 56, 0.72);
  border-block: 1px solid var(--dq-line);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 2.2;
  letter-spacing: 0.18em;
  white-space: pre;
}

.w4lopk {
  grid-column: 1;
  grid-row: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  width: fit-content;
  margin-bottom: 1.35rem;
  color: var(--dq-blue);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.w4lopk::before {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border: 2px solid var(--dq-blue);
  box-shadow: inset 0 0 0 2px var(--dq-ink);
  background: var(--dq-blue);
}

.wd6nyd h1 {
  grid-column: 1;
  grid-row: 2;
  max-width: 11ch;
  margin: 0;
  color: var(--dq-white);
  font-size: clamp(3rem, 6.3vw, 5.8rem);
  font-weight: 650;
  line-height: 0.94;
  letter-spacing: -0.065em;
}

.wd6nyd:not(:has(.w43deg)) h1 {
  max-width: 14ch;
  font-size: clamp(2.75rem, 5.4vw, 4.8rem);
}

.wmjpg5 {
  grid-column: 1;
  grid-row: 3;
  max-width: 48ch;
  margin: 1.65rem 0 0;
  padding-left: 1rem;
  color: var(--dq-muted);
  border-left: 2px solid var(--dq-violet);
  font-size: clamp(1.03rem, 1.5vw, 1.18rem);
  line-height: 1.55;
}

.wd8a70 {
  grid-column: 1;
  grid-row: 4;
  justify-content: flex-start;
  margin-top: 2rem;
}

.w43deg {
  position: relative;
  grid-column: 2;
  grid-row: 1 / 5;
  align-self: center;
  margin: 0;
  padding: 0.85rem 0.85rem 0.85rem 0;
}

.w43deg::before {
  content: "";
  position: absolute;
  inset: 0 0 0 1.6rem;
  border: 1px solid var(--dq-blue);
  background:
    linear-gradient(90deg, transparent 49.5%, rgba(76, 155, 240, 0.32) 50%, transparent 50.5%),
    linear-gradient(transparent 49.5%, rgba(76, 155, 240, 0.32) 50%, transparent 50.5%),
    var(--dq-deep);
  transform: translate(0.65rem, 0.65rem);
}

.w43deg::after {
  content: "DQ / 00";
  position: absolute;
  right: 1.35rem;
  bottom: 1.35rem;
  padding: 0.32rem 0.55rem;
  color: var(--dq-white);
  background: var(--dq-ink);
  border: 1px solid var(--dq-blue);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
}

.w43deg img {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border: 1px solid var(--dq-line);
  border-radius: 0;
  filter: saturate(0.88) contrast(1.06);
}

.w57263 {
  min-height: 2.95rem;
  padding: 0.8rem 1.25rem;
  border-radius: 0;
  border: 1px solid var(--dq-blue);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.w57263::after { content: "  ↗"; }

.wqzdf8 {
  color: var(--dq-ink);
  background: var(--dq-blue);
  box-shadow: 4px 4px 0 var(--dq-violet);
}

.wdiqf8 {
  color: var(--dq-white);
  border-color: var(--dq-line);
  background: rgba(36, 38, 41, 0.72);
}

.w57263:hover { transform: translate(2px, 2px); }
.wqzdf8:hover { box-shadow: 2px 2px 0 var(--dq-violet); }

/* Editorial flow: every section reads like a numbered research record. */
.wlythi { padding: clamp(2.5rem, 6vw, 5.5rem) 0; }
.wlythi > .container { counter-reset: dq-section; }

.wlythi .container > section {
  position: relative;
  max-width: var(--vwfoag);
  margin-inline: auto;
  padding-top: clamp(2.4rem, 5vw, 4.2rem);
}

.wlythi .container > section + section {
  margin-top: clamp(2.6rem, 6vw, 5rem);
  border-top: 1px solid var(--dq-line);
}

.wlythi .container > section + section::after {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  width: clamp(4rem, 18vw, 10rem);
  height: 1px;
  background: var(--dq-violet);
}

.wlythi .container > section > h2 {
  counter-increment: dq-section;
  position: relative;
  margin: 0 0 1.45rem;
  padding: 0 0 0.9rem 3.35rem;
  color: var(--dq-white);
  border-bottom: 1px solid var(--dq-line);
  font-size: clamp(1.65rem, 3.2vw, 2.45rem);
  font-weight: 600;
  letter-spacing: -0.04em;
}

.wlythi .container > section > h2::before {
  content: counter(dq-section, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0.08rem;
  display: grid;
  place-items: center;
  width: 2.15rem;
  height: 2.15rem;
  color: var(--dq-blue);
  background:
    linear-gradient(90deg, transparent 48%, rgba(76, 155, 240, 0.28) 49% 51%, transparent 52%),
    linear-gradient(transparent 48%, rgba(76, 155, 240, 0.28) 49% 51%, transparent 52%);
  border: 1px solid var(--dq-blue);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0;
}

.wlythi .container > section > h2::after {
  content: "";
  position: absolute;
  left: 3.35rem;
  bottom: -1px;
  width: 5.5rem;
  height: 3px;
  background: linear-gradient(90deg, var(--dq-blue) 0 48%, transparent 48% 54%, var(--dq-violet) 54%);
}

.wlythi .container > section:first-of-type {
  max-width: 78ch;
  padding: clamp(1.5rem, 3vw, 2.3rem);
  background:
    linear-gradient(90deg, var(--dq-blue) 0 0.35rem, transparent 0.35rem),
    linear-gradient(135deg, rgba(76, 155, 240, 0.08), transparent 70%),
    var(--dq-panel);
  border: 1px solid var(--dq-line);
  box-shadow: 0.7rem 0.7rem 0 var(--dq-deep);
}

.wlythi .container > section:first-of-type > h2 {
  font-size: clamp(1.45rem, 2.7vw, 2rem);
}

.wlythi p, .wlythi li { color: var(--dq-white); }
.wlythi p { margin-bottom: 1.15rem; }
.wlythi strong { color: var(--dq-white); font-weight: 650; }

.wlythi blockquote {
  position: relative;
  margin-block: 1.8rem;
  padding: 1.2rem 1.35rem 1.2rem 3.2rem;
  color: var(--dq-white);
  background: var(--dq-deep);
  border: 1px solid var(--dq-blue);
}

.wlythi blockquote::before {
  content: "◫";
  position: absolute;
  left: 1rem;
  top: 1rem;
  color: var(--dq-blue);
  font-size: 1.2rem;
}

.wq4tmi a {
  display: inline-grid;
  place-items: center;
  min-width: 1.35rem;
  height: 1.25rem;
  margin-inline: 0.05rem;
  padding-inline: 0.25rem;
  color: var(--dq-ink);
  background: var(--dq-blue);
  border: 1px solid var(--dq-blue);
  border-radius: 0;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.65rem;
  line-height: 1;
  text-decoration: none;
}

/* Compound index: four instrument panels with alternating calibration bars. */
.w4auh6 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  max-width: var(--vdjk0b);
  margin: 0 auto clamp(3.8rem, 7vw, 6.5rem);
  border: 1px solid var(--dq-line);
}

.wjbyab {
  position: relative;
  min-width: 0;
  padding: 0 1.35rem 1.45rem;
  overflow: hidden;
  background: var(--dq-panel);
  border: 0;
  border-right: 1px solid var(--dq-line);
  border-radius: 0;
}

.wjbyab:last-child { border-right: 0; }

.wjbyab::before {
  content: "01 / CONTROLLED HUMAN";
  display: block;
  margin: 0 -1.35rem 1.2rem;
  padding: 0.55rem 1.35rem;
  color: var(--dq-ink);
  background: var(--dq-blue);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.wjbyab:nth-child(2)::before {
  content: "02 / PRECLINICAL";
  color: var(--dq-white);
  background: var(--dq-violet);
}

.wjbyab:nth-child(3)::before {
  content: "03 / CLINICAL NULL";
  color: var(--dq-ink);
  background: var(--dq-green);
}

.wjbyab:nth-child(4)::before {
  content: "04 / TOPICAL SIGNAL";
  color: var(--dq-ink);
  background: var(--dq-amber);
}

.w4auh6 .wjbyab img {
  width: calc(100% + 2.7rem);
  max-width: none;
  margin: -1.2rem -1.35rem 1.25rem;
  border: 0;
  border-bottom: 1px solid var(--dq-line);
  border-radius: 0;
  filter: saturate(0.78) contrast(1.07);
}

.w4auh6 .wjbyab h3 {
  color: var(--dq-white);
  font-size: 1.2rem;
  font-weight: 650;
  letter-spacing: -0.025em;
}

.w4auh6 .wjbyab p {
  color: var(--dq-muted);
  font-size: 0.86rem;
  line-height: 1.55;
}

.w71bi2 {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--dq-blue);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.67rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Tables read as lab matrices, never as default striped tables. */
.wayn9y {
  width: min(calc(100vw - 2rem), 74rem);
  max-width: none;
  margin: 2rem 50%;
  overflow-x: auto;
  border: 1px solid var(--dq-line);
  border-radius: 0;
  background: var(--dq-panel);
  box-shadow: 0.6rem 0.6rem 0 var(--dq-deep);
  transform: translateX(-50%);
}

table {
  min-width: 66rem;
  color: var(--dq-white);
  background: var(--dq-panel);
  font-variant-numeric: tabular-nums;
}

th, td {
  padding: 0.85rem 0.95rem;
  border-right: 1px solid var(--dq-line);
  border-bottom: 1px solid var(--dq-line);
  line-height: 1.5;
}

th:last-child, td:last-child { border-right: 0; }

thead th {
  color: var(--dq-white);
  background: var(--dq-deep);
  border-bottom: 3px solid var(--dq-blue);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

tbody tr:nth-child(even) { background: #2c2e31; }
tbody td:first-child { color: var(--dq-blue); font-weight: 650; }

/* Supporting modules retain one square, measured icon language. */
.wzjedc {
  position: relative;
  padding: 1.45rem 1.5rem 1.45rem 3.8rem;
  color: var(--dq-white);
  background: var(--dq-deep);
  border: 1px solid var(--dq-blue);
  border-radius: 0;
}

.wzjedc::before {
  content: "✓";
  position: absolute;
  left: 1.2rem;
  top: 1.2rem;
  display: grid;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
  color: var(--dq-ink);
  background: var(--dq-green);
  font-size: 0.8rem;
  font-weight: 800;
}

.wh7ikv li::before { content: "□"; color: var(--dq-blue); }

.wfixah {
  gap: 1px;
  background: var(--dq-line);
  border: 1px solid var(--dq-line);
  border-radius: 0;
}

.wrvf23 {
  position: relative;
  padding: 1.4rem;
  background: var(--dq-panel);
}

.wrvf23::after {
  content: "";
  position: absolute;
  right: 0.7rem;
  top: 0.7rem;
  width: 0.45rem;
  height: 0.45rem;
  background: var(--dq-green);
  box-shadow: 0 0 0 3px rgba(83, 198, 156, 0.13);
}

.wduviq {
  color: var(--dq-blue);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-weight: 700;
}

.ww4i5c { color: var(--dq-muted); }

.woui9g {
  border: 1px solid var(--dq-line);
  border-radius: 0;
  background: var(--dq-panel);
  box-shadow: 0.7rem 0.7rem 0 var(--dq-deep);
}

.wbnxmu {
  color: var(--dq-blue);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  letter-spacing: 0.1em;
}

.w99acl img,
.wju4kd img,
.w4wzob img {
  border: 1px solid var(--dq-line);
  border-radius: 0;
}

.wbrrd3 {
  position: relative;
  overflow: hidden;
  color: var(--dq-white);
  background:
    linear-gradient(90deg, rgba(76, 155, 240, 0.13) 1px, transparent 1px) 0 0 / 2rem 2rem,
    var(--dq-deep);
  border: 1px solid var(--dq-blue);
  border-radius: 0;
  text-align: left;
  box-shadow: 0.65rem 0.65rem 0 var(--dq-violet);
}

.wbrrd3::after {
  content: "";
  position: absolute;
  right: -2.5rem;
  bottom: -2.5rem;
  width: 7rem;
  height: 7rem;
  border: 1px solid var(--dq-blue);
  background:
    linear-gradient(90deg, transparent 49%, var(--dq-blue) 49% 51%, transparent 51%),
    linear-gradient(transparent 49%, var(--dq-blue) 49% 51%, transparent 51%);
  transform: rotate(45deg);
  opacity: 0.65;
}

.wbrrd3 h2,
.wbrrd3 h3,
.wbrrd3 p {
  position: relative;
  z-index: 1;
  color: var(--dq-white);
  text-align: left;
}

.wbrrd3 .wd8a70 {
  position: relative;
  z-index: 1;
  justify-content: flex-start;
}

/* Source shelf: numbered archive cards with durable wrapping. */
.w7hdfu {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 2.4rem 0 0;
  padding: 1px;
  list-style: none;
  counter-reset: dq-ref;
  background: var(--dq-line);
}

.w7hdfu li {
  counter-increment: dq-ref;
  position: relative;
  min-width: 0;
  min-height: 8rem;
  margin: 0;
  padding: 1.25rem 1.25rem 1.25rem 4.35rem;
  color: var(--dq-muted);
  background: var(--dq-panel);
  border: 0;
  font-size: 0.84rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.w7hdfu li::before {
  content: counter(dq-ref, decimal-leading-zero);
  position: absolute;
  left: 1.2rem;
  top: 1.2rem;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  color: var(--dq-blue);
  border: 1px solid var(--dq-blue);
  background:
    linear-gradient(90deg, transparent 48%, rgba(76, 155, 240, 0.2) 49% 51%, transparent 52%),
    linear-gradient(transparent 48%, rgba(76, 155, 240, 0.2) 49% 51%, transparent 52%);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.64rem;
  font-weight: 700;
}

.w7hdfu a {
  display: inline-grid;
  place-items: center;
  width: 1.35rem;
  height: 1.35rem;
  margin-left: 0.25rem;
  color: var(--dq-ink);
  background: var(--dq-blue);
  text-decoration: none;
}

/* Footer: closing data plate. */
.w75kd6 {
  position: relative;
  margin-top: clamp(4rem, 8vw, 8rem);
  padding: clamp(3rem, 6vw, 5.5rem) 0 2rem;
  color: var(--dq-white);
  background:
    linear-gradient(90deg, var(--dq-blue) 0 25%, var(--dq-violet) 25% 50%, var(--dq-green) 50% 75%, var(--dq-amber) 75%) top / 100% 4px no-repeat,
    var(--dq-deep);
  border-top: 0;
}

.w75kd6::before {
  content: "DQ / CLOSE RECORD";
  position: absolute;
  top: 1.2rem;
  left: max(1rem, calc((100vw - var(--vdjk0b)) / 2));
  color: var(--dq-blue);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.62rem;
  letter-spacing: 0.14em;
}

.w75kd6 .container { max-width: var(--vdjk0b); }

.wi0m0e {
  max-width: 66ch;
  margin: 0 0 2.4rem;
  padding-left: 1rem;
  color: var(--dq-white);
  border-left: 3px solid var(--dq-blue);
  font-size: 1rem;
  font-style: normal;
}

.wi8boa {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  background: rgba(238, 240, 241, 0.2);
}

.wi8boa > div {
  padding: 1.25rem;
  background: var(--dq-deep);
  border-left: 0;
}

.wi8boa h2 {
  color: var(--dq-blue);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.66rem;
  letter-spacing: 0.12em;
}

.wi8boa h2::before {
  content: "□";
  margin-right: 0.5rem;
  color: var(--dq-green);
}

.w75kd6 a { color: var(--dq-muted); }

.w75kd6 a:hover,
.w75kd6 a:focus-visible { color: var(--dq-white); }

.wdpem2 {
  margin-top: 2rem;
  padding-top: 1rem;
  color: var(--dq-muted);
  border-top: 1px solid rgba(238, 240, 241, 0.18);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.68rem;
  letter-spacing: 0.06em;
}

@media (max-width: 980px) {
  .w2teqw .container {
    grid-template-columns: 1fr;
    gap: 0.65rem;
  }

  .w45u1m { justify-self: stretch; }
  .w45u1m ul { justify-content: center; }

  .wd6nyd .container,
  .wd6nyd:not(:has(.w43deg)) .container {
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.78fr);
    column-gap: 2.4rem;
  }

  .w4auh6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wjbyab:nth-child(2) { border-right: 0; }
  .wjbyab:nth-child(-n + 2) { border-bottom: 1px solid var(--dq-line); }
}

@media (max-width: 760px) {
  body { background: var(--dq-ink); }

  .w2teqw .container {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 4.6rem;
    padding-block: 0.75rem;
    text-align: left;
  }

  .w7yiw6::before {
    width: 2.3rem;
    height: 2.3rem;
    flex-basis: 2.3rem;
    box-shadow: 3px 3px 0 var(--dq-violet);
  }

  .w7yiw6::after { display: none; }

  .w63xu9 {
    display: block;
    flex: 0 0 auto;
    width: 2.55rem;
    height: 2.55rem;
    padding: 0;
    color: var(--dq-white);
    background: var(--dq-panel);
    border: 1px solid var(--dq-blue);
  }

  .w45u1m {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 60;
    padding: 0.8rem 1rem 1rem;
    background: var(--dq-ink);
    border-top: 1px solid var(--dq-line);
    border-bottom: 3px solid var(--dq-blue);
    box-shadow: 0 1.2rem 2rem rgba(0, 0, 0, 0.45);
  }

  .w45u1m.w9wq45 { display: block; }

  .w45u1m ul {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  .w45u1m li {
    white-space: normal;
    border-bottom: 1px solid var(--dq-line);
  }

  .w45u1m li:last-child { border-bottom: 0; }

  .w45u1m a {
    padding: 0.62rem 0.25rem;
    font-size: 0.72rem;
  }

  .wd6nyd { padding: 2.8rem 0 3.4rem; }
  .wd6nyd::before { display: none; }

  .wd6nyd::after {
    right: -1.4rem;
    top: 1rem;
    opacity: 0.3;
  }

  .wd6nyd .container,
  .wd6nyd:not(:has(.w43deg)) .container {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 0;
  }

  .wd6nyd:not(:has(.w43deg)) .container::after {
    grid-column: 1;
    grid-row: auto;
    margin-top: 1.8rem;
  }

  .w4lopk,
  .wd6nyd h1,
  .wmjpg5,
  .wd8a70,
  .w43deg {
    grid-column: 1;
    grid-row: auto;
  }

  .wd6nyd h1,
  .wd6nyd:not(:has(.w43deg)) h1 {
    max-width: 12ch;
    font-size: clamp(2.75rem, 13vw, 4.3rem);
  }

  .wmjpg5 { margin-top: 1.35rem; }

  .w43deg {
    width: calc(100% - 0.7rem);
    margin-top: 2.6rem;
  }

  .wlythi { padding-top: 2.4rem; }

  .wlythi .container > section:first-of-type {
    width: calc(100% - 0.55rem);
    margin-left: 0;
    padding: 1.25rem 1.15rem;
    box-shadow: 0.55rem 0.55rem 0 var(--dq-deep);
  }

  .wlythi .container > section > h2 { padding-left: 2.9rem; }

  .wlythi .container > section > h2::before {
    width: 1.9rem;
    height: 1.9rem;
  }

  .wlythi .container > section > h2::after { left: 2.9rem; }

  .w4auh6 { grid-template-columns: minmax(0, 1fr); }

  .wjbyab {
    border-right: 0;
    border-bottom: 1px solid var(--dq-line);
  }

  .wjbyab:last-child { border-bottom: 0; }

  .wayn9y {
    width: calc(100vw - 2rem);
    margin-block: 1.7rem;
  }

  .w7hdfu { grid-template-columns: minmax(0, 1fr); }
  .w7hdfu li { min-height: 0; }
  .wi8boa { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 420px) {
  .w7yiw6 { font-size: 0.92rem; }

  .wd6nyd h1,
  .wd6nyd:not(:has(.w43deg)) h1 { max-width: 100%; }

  .wd8a70 {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .w57263 {
    width: 100%;
    text-align: center;
  }

  .wlythi .container > section > h2 {
    padding-top: 2.75rem;
    padding-left: 0;
  }

  .wlythi .container > section > h2::after { left: 0; }

  .w7hdfu li { padding: 4rem 0.9rem 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .w45u1m a::after,
  .w57263 { transition: none; }
}