:root {
  --vji8f0: #61e5e1;
  --v3hlzi: #1e2f2e;
  --v39bpy: #0f2e2d;
  --v7b430: #3a928f;
  --vvnld0: #7b77ee;
  --vv2qa2: #61e5e1;
  --vsnhed: #18233a;
  --vkztqe: #263759;
  --v3lmyv: #798baf;
  --vmmd6b: #0a0f1a;
  --v9q2y5: #0b1322;
  --v02ca1: #131e34;
  --vq6849: #eaecf1;
  --vwkwoz: #9fa7b7;
  --v1cbgd: #53c69c;
  --vkjc7i: #e4b558;
  --v82u61: #de625e;
  --vzoonx: 71.905rem;
  --vg2umm: 68ch;
  --vd0afl: #131e34;
  --vbzmd0: clamp(0.96rem, 3vw, 1.896rem);
  --vizdcm: 4.051rem;
  --vyyfok: 'Outfit', system-ui, sans-serif;
  --v5bwmu: 'Mulish', system-ui, sans-serif;
  --vyu154: 'Outfit', system-ui, sans-serif;
  --v12dln: clamp(2.191rem, 4.5vw, 3.603rem);
  --voyt26: clamp(1.558rem, 3vw, 2.191rem);
  --vbr6jl: 1.558rem;
  --v9roz0: 1.004rem;
  --vw2ydb: 0.847rem;
  --vu2e29: 1.15;
  --vy49xt: 1.65;
  --vqyusv: 0.486rem;
  --vxwia9: 0.754rem;
  --v3g5jg: #111111;
  --vq6146: #ffffff;
}
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { font-family: var(--v5bwmu); font-size: var(--v9roz0); line-height: var(--vy49xt); color: var(--vq6849); background: var(--v9q2y5); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4 { font-family: var(--vyyfok); line-height: var(--vu2e29); font-weight: 700; color: var(--vq6849); text-wrap: balance; }
h1 { font-size: var(--v12dln); letter-spacing: -0.02em; }
h2 { font-size: var(--voyt26); margin-top: 2.623rem; margin-bottom: 0.754rem; }
h3 { font-size: var(--vbr6jl); margin-top: 1.825rem; margin-bottom: 0.486rem; }
p { margin-bottom: 0.96rem; }
a { color: var(--vv2qa2); }
ul, ol { margin: 0 0 0.96rem 1.21rem; }
li { margin-bottom: 0.361rem; }
strong { font-weight: 700; }
code { font-family: ui-monospace, "SF Mono", Menlo, monospace; background: rgba(128, 128, 128, 0.119); border: 1px solid rgba(128, 128, 128, 0.272); border-radius: 4px; padding: 0.095em 0.345em; font-size: 0.902em; color: var(--vq6849); }
blockquote { border-left: 3px solid var(--vji8f0); padding-left: 0.96rem; color: var(--vwkwoz); margin: 0 0 0.96rem; }
img { max-width: 100%; height: auto; display: block; }
sup.w3gd9k a { text-decoration: none; color: var(--vvnld0); font-weight: 600; }
.container { width: 100%; max-width: var(--vzoonx); margin-inline: auto; padding-inline: var(--vbzmd0); }
.wdnb17 { position: absolute; left: -999px; }
.wdnb17:focus { left: 0.96rem; top: 0.96rem; background: var(--v02ca1); padding: 0.486rem 0.96rem; z-index: 100; }
main { display: block; }
.war9cg { font-family: var(--vyu154); font-weight: 800; font-size: 1.187rem; color: var(--vq6849); text-decoration: none; }
.w0vkfs { min-width: 0; }
.w0vkfs ul { display: flex; flex-wrap: wrap; gap: 1.21rem; list-style: none; margin: 0; padding: 0; min-width: 0; }
.w0vkfs li { white-space: nowrap; }
.w0vkfs a { color: var(--vwkwoz); text-decoration: none; font-size: var(--vw2ydb); font-weight: 600; }
.w0vkfs a:hover { color: var(--vv2qa2); }
.w9iw5r { display: none; background: none; border: 1px solid var(--vkztqe); border-radius: 6px; padding: 0.401rem 0.598rem; font-size: 1.039rem; line-height: 1; cursor: pointer; color: var(--vq6849); }
.w94nyu { font-family: var(--vyu154); text-transform: uppercase; letter-spacing: 0.127em; font-size: var(--vw2ydb); font-weight: 700; color: var(--vvnld0); margin-bottom: 0.754rem; }
.whxbsn { font-size: 1.187rem; color: var(--vwkwoz); margin-top: 0.96rem; max-width: 61ch; }
.w1htne { display: flex; flex-wrap: wrap; gap: 0.754rem; margin-top: 1.825rem; }
.we33xt { display: inline-block; padding: 0.857rem 1.623rem; border-radius: var(--vqyusv); font-weight: 700; text-decoration: none; font-size: var(--vw2ydb); transition: transform 0.143s ease, opacity 0.143s ease; }
.we33xt:hover { transform: translateY(-1px); }
.w0um7u { background: var(--vji8f0); color: var(--v3g5jg); }
.w2ociu { background: transparent; color: var(--vv2qa2); border: 1.5px solid var(--vv2qa2); }
article > section, main > article { padding-block: 0.486rem; }
.wtnrlw { padding-block: 0.96rem 2.851rem; }
.wtnrlw .container > section { max-width: var(--vg2umm); margin-inline: auto; }
.wtnrlw .container > section.ws0fv0, .wtnrlw .container > .ws0fv0 { max-width: none; }
.wtnrlw .container > section > .w73vuo,
.wtnrlw .container > section > .wyvuw3,
.wtnrlw .container > section > .wakd5i,
.wtnrlw .container > section > .wgg7md,
.wtnrlw .container > section > .wunq55 {
  --v765gb: min(var(--vzoonx) - 2 * var(--vbzmd0), 100vw - 2 * var(--vbzmd0));
  width: var(--v765gb);
  max-width: none;
  margin-inline: calc((100% - var(--v765gb)) / 2);
}
@media (max-width: 903px) {
  .wtnrlw .container > section > .w73vuo,
  .wtnrlw .container > section > .wyvuw3,
  .wtnrlw .container > section > .wakd5i,
  .wtnrlw .container > section > .wgg7md,
  .wtnrlw .container > section > .wunq55 { width: 100%; margin-inline: 0; }
}
.wunq55 img { aspect-ratio: 16 / 7; object-fit: contain; background: var(--v02ca1); }
.wknd8y img { aspect-ratio: 16 / 6; object-fit: cover; }
.wakd5i { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(1.21rem, 3vw, 2.623rem); align-items: center; background: var(--vd0afl, var(--v02ca1)); border: 1px solid var(--vkztqe); border-radius: var(--vxwia9); padding: clamp(1.21rem, 3vw, 2.191rem); margin: 2.623rem 0; }
.wiwkyv img { border-radius: calc(var(--vxwia9) - 0.255rem); width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.wiwkyv figcaption { font-size: var(--vw2ydb); color: var(--vwkwoz); margin-top: 0.598rem; line-height: 1.45; }
.we2wg0 { font-family: var(--vyu154); text-transform: uppercase; letter-spacing: 0.095em; font-size: 0.754rem; font-weight: 700; color: var(--vvnld0); margin-bottom: 0.598rem; }
.wo1n7l h2, .wo1n7l h3 { margin-top: 0; }
.wo1n7l p:last-child { margin-bottom: 0; }
@media (max-width: 723px) { .wakd5i { grid-template-columns: 1fr; } }
.wgqvfm { border-left: 3px solid var(--vvnld0); background: var(--vd0afl, var(--v02ca1)); border-radius: 0 var(--vxwia9) var(--vxwia9) 0; padding: 1.21rem 1.558rem; margin: 1.896rem 0; }
.wgqvfm h2, .wgqvfm h3 { margin-top: 0; font-size: 1.031rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--vwkwoz); }
.w3hyf5 { list-style: none; margin: 0.754rem 0 0; padding: 0; display: grid; gap: 0.598rem; }
.w3hyf5 li { margin: 0; padding-left: 1.407rem; position: relative; }
.w3hyf5 li::before { content: "\2014"; position: absolute; left: 0; color: var(--vvnld0); font-weight: 700; }
.wyvuw3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 11.021rem), 1fr)); gap: 1px; background: var(--vkztqe); border: 1px solid var(--vkztqe); border-radius: var(--vxwia9); overflow: hidden; margin: 2.191rem 0; }
.w7l8ld { background: var(--v02ca1); padding: 1.407rem 1.21rem; }
.w0d07o { font-family: var(--vyu154); font-size: clamp(1.825rem, 3.5vw, 2.623rem); font-weight: 800; line-height: 1.05; color: var(--vji8f0); letter-spacing: -0.02em; }
.w5r37u { font-size: var(--vw2ydb); color: var(--vwkwoz); margin-top: 0.401rem; line-height: 1.4; }
.wgg7md { background: var(--vji8f0); color: var(--v3g5jg); border-radius: var(--vxwia9); padding: clamp(1.558rem, 4vw, 2.612rem); margin: 2.851rem 0 0.96rem; text-align: center; }
.wgg7md h2, .wgg7md h3 { color: var(--v3g5jg); margin-top: 0; }
.wgg7md p { color: var(--v3g5jg); opacity: 0.88; margin-inline: auto; max-width: 59ch; }
.wgg7md .w1htne { justify-content: center; }
.wgg7md .w2ociu { color: var(--v3g5jg); border-color: var(--v3g5jg); }
.wunq55 img { border-radius: var(--vxwia9); width: 100%; }
.wunq55 figcaption { font-size: var(--vw2ydb); color: var(--vwkwoz); margin-top: 0.598rem; font-style: italic; }
.wknd8y { margin: 1.558rem 0; }
.wknd8y img { border-radius: var(--vxwia9); }
.wn4lzx { background: var(--v02ca1); border: 1px solid #263759; border-radius: var(--vxwia9); padding: 1.558rem; }
.w73vuo { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15.606rem), 1fr)); gap: 1.21rem; margin: 1.558rem 0 1.896rem; }
.w73vuo .wn4lzx { display: flex; flex-direction: column; gap: 0.486rem; }
.w73vuo .wn4lzx img { border-radius: calc(var(--vxwia9) - 0.255rem); margin-bottom: 0.486rem; aspect-ratio: 16 / 10; object-fit: cover; }
.w73vuo .wn4lzx h2, .w73vuo .wn4lzx h3 { margin: 0; font-size: 1.187rem; }
.w73vuo .wn4lzx p { margin: 0; font-size: var(--vw2ydb); color: var(--vwkwoz); }
.w73vuo .wn4lzx .wc7i4g { margin-top: auto; padding-top: 0.598rem; font-weight: 700; font-size: var(--vw2ydb); color: var(--vv2qa2); text-decoration: none; }
.w73vuo .wn4lzx .wc7i4g:hover { text-decoration: underline; }
.w2xf8b { margin: 1.558rem 0; }
.w2xf8b img { border-radius: var(--vxwia9); }
.w2xf8b figcaption { font-size: var(--vw2ydb); color: var(--vwkwoz); margin-top: 0.486rem; font-style: italic; }
.woq1qk { overflow-x: auto; margin: 1.21rem 0 1.825rem; }
table { border-collapse: collapse; width: 100%; font-size: var(--vw2ydb); }
th, td { text-align: left; padding: 0.598rem 0.857rem; border-bottom: 1px solid var(--vkztqe); vertical-align: top; }
thead th { border-bottom: 2px solid var(--vq6849); font-family: var(--vyyfok); }
tbody tr:nth-child(even) { background: rgba(128, 128, 128, 0.077); }
.wuyjxg { padding-left: 1.558rem; }
.wuyjxg li { margin-bottom: 0.754rem; font-size: var(--vw2ydb); color: var(--vwkwoz); }
.wuyjxg li a { word-break: break-word; }
.wzairg ul { list-style: none; margin: 0; padding: 0; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }
.w6tlra.w2mrxi4 { border-bottom: 1px solid var(--vkztqe); background: var(--v02ca1); position: sticky; top: 0; z-index: 50; }
.w6tlra.w2mrxi4 .container { display: flex; align-items: center; justify-content: space-between; min-height: var(--vizdcm); }
.w6tlra.w2mrxi4 .w9iw5r { display: block; }
.w6tlra.w2mrxi4 .w0vkfs { position: fixed; top: 0; right: 0; bottom: 0; width: min(21.114rem, 80vw); background: var(--v02ca1); border-left: 1px solid var(--vkztqe); transform: translateX(100%); transition: transform 0.258s ease; z-index: 60; padding: 4.691rem 1.558rem 1.558rem; overflow-y: auto; }
.w6tlra.w2mrxi4 .w0vkfs.wyt687 { transform: translateX(0); }
.w6tlra.w2mrxi4 .w0vkfs ul { flex-direction: column; gap: 0.96rem; }
.w6tlra.w2mrxi4 .w0vkfs a { font-size: var(--v9roz0); }
.wadcrb { position: fixed; inset: 0; background: rgba(0,0,0,0.4); opacity: 0; visibility: hidden; transition: opacity 0.258s ease; z-index: 55; }
body.wt5obj .wadcrb { opacity: 1; visibility: visible; }
.wk89mn.wtkdj42 { padding: clamp(2.623rem, 6vw, 5.093rem) 0 clamp(1.558rem, 4vw, 2.851rem); }
.wk89mn.wtkdj42 .container { display: grid; gap: 1.896rem; align-items: center; }
.wk89mn.wtkdj42 h1 { max-width: 18ch; }
.wk89mn.wtkdj42 .wknd8y { margin: 0; }
@media (min-width: 863px) { .wk89mn.wtkdj42 .container { grid-template-columns: 1.1fr 0.9fr; } }
.wejrvg.w54hjk4 { margin-top: 4.051rem; }
.wejrvg.w54hjk4 .wfnv0m { background: var(--vsnhed); padding-block: 2.623rem; }
.wejrvg.w54hjk4 .wfnv0m a { color: var(--vwkwoz); text-decoration: none; }
.wejrvg.w54hjk4 .wfnv0m a:hover { color: var(--vv2qa2); text-decoration: underline; }
.wejrvg.w54hjk4 .wzairg { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1.558rem; }
.wejrvg.w54hjk4 .wzairg h2 { font-size: var(--vw2ydb); text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 0.598rem; color: var(--vwkwoz); }
.wejrvg.w54hjk4 .wzairg li { margin-bottom: 0.401rem; font-size: var(--vw2ydb); }
.wejrvg.w54hjk4 .wkv6lg { background: var(--v39bpy); color: var(--vq6146); padding-block: 1.21rem; }
.wejrvg.w54hjk4 .wkv6lg .container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.754rem; }
.wejrvg.w54hjk4 .wkv6lg a { color: var(--vq6146); }
.wejrvg.w54hjk4 .w1byvs { font-style: italic; opacity: 0.85; margin: 0; }
.wejrvg.w54hjk4 .w3v6vc { font-size: var(--vw2ydb); opacity: 0.65; margin: 0; }

/* ---- per-site theme layer ---- */
/* Desert Peptides — a sapphire clinical field guide built around the energy-balance axis. */

:root {
  --desert-night: #0b1322;
  --desert-panel: #131e34;
  --desert-panel-deep: #0f192b;
  --desert-line: #263759;
  --desert-text: #eaecf1;
  --desert-muted: #9fa7b7;
  --desert-cyan: #61e5e1;
  --desert-violet: #7b77ee;
  --desert-shadow: rgba(2, 7, 18, 0.5);
  --desert-grid: rgba(97, 229, 225, 0.055);
}

html {
  scroll-padding-top: 5.5rem;
  background: var(--desert-night);
}

body {
  min-width: 0;
  background-color: var(--desert-night);
  background-image:
    linear-gradient(90deg, var(--desert-grid) 1px, transparent 1px),
    linear-gradient(0deg, var(--desert-grid) 1px, transparent 1px);
  background-size: 5.5rem 5.5rem;
  color: var(--desert-text);
  font-size: 1.04rem;
  line-height: 1.72;
  text-rendering: optimizeLegibility;
}

::selection {
  color: var(--desert-night);
  background: var(--desert-cyan);
}

a {
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.2em;
}

a:focus-visible,
button:focus-visible {
  outline: 3px solid var(--desert-cyan);
  outline-offset: 4px;
}

h1,
h2,
h3,
h4 {
  letter-spacing: -0.035em;
}

h1 {
  font-size: clamp(2.55rem, 5.8vw, 5.2rem);
  font-weight: 600;
  line-height: 0.98;
}

h2 {
  font-size: clamp(1.55rem, 3.2vw, 2.35rem);
  font-weight: 600;
  line-height: 1.08;
}

h3 {
  font-weight: 600;
}

/* Chrome: a jewel-set DP mark and a compact clinical drawer. */
.w6tlra {
  border: 0;
  border-bottom: 1px solid rgba(97, 229, 225, 0.23);
  background: rgba(11, 19, 34, 0.94);
  box-shadow: 0 1rem 2.5rem rgba(2, 7, 18, 0.24);
  backdrop-filter: blur(16px);
}

.w6tlra::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0, var(--desert-violet) 35%, var(--desert-cyan) 65%, transparent 100%);
  opacity: 0.72;
}

.w6tlra .container {
  min-height: 4.8rem;
}

.war9cg {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.82rem;
  color: var(--desert-text);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: -0.045em;
  line-height: 1;
}

.war9cg::before {
  content: "DP";
  display: grid;
  place-items: center;
  width: 2.55rem;
  height: 2.55rem;
  flex: 0 0 2.55rem;
  border: 1px solid rgba(234, 236, 241, 0.58);
  border-radius: 0.18rem 0.85rem 0.18rem 0.85rem;
  background:
    linear-gradient(135deg, rgba(97, 229, 225, 0.28), transparent 48%),
    linear-gradient(315deg, var(--desert-violet), #3c438e);
  box-shadow: 0.28rem 0.28rem 0 var(--desert-cyan);
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.war9cg::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.36rem;
  left: 3.37rem;
  height: 0.12rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--desert-cyan) 0 38%, var(--desert-violet) 38% 100%);
}

.w9iw5r {
  width: 2.7rem;
  height: 2.7rem;
  padding: 0;
  border: 1px solid rgba(97, 229, 225, 0.42);
  border-radius: 50%;
  background: var(--desert-panel-deep);
  color: var(--desert-cyan);
  box-shadow: inset 0 0 0 0.28rem rgba(97, 229, 225, 0.04);
}

.w0vkfs {
  background:
    linear-gradient(145deg, rgba(123, 119, 238, 0.11), transparent 34%),
    var(--desert-panel-deep);
}

.w0vkfs::before {
  content: "BRIEFING INDEX";
  display: block;
  margin-bottom: 1.35rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--desert-line);
  color: var(--desert-cyan);
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.18em;
}

.w0vkfs a {
  display: block;
  padding: 0.35rem 0;
  border-bottom: 1px solid transparent;
  color: var(--desert-text);
  letter-spacing: 0.01em;
}

.w0vkfs a:hover {
  border-bottom-color: var(--desert-cyan);
  color: var(--desert-cyan);
}

.wdnb17:focus {
  border: 1px solid var(--desert-cyan);
  border-radius: 0.35rem;
  color: var(--desert-text);
  box-shadow: 0 0 0 4px rgba(97, 229, 225, 0.14);
}

/* Hero: an offset diagnostic plate over a luminous metabolic field. */
.wk89mn {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(3.4rem, 8vw, 7.3rem) clamp(3rem, 6vw, 5.2rem);
  border-bottom: 1px solid var(--desert-line);
  background:
    radial-gradient(circle at 78% 28%, rgba(123, 119, 238, 0.25), transparent 29%),
    radial-gradient(circle at 65% 76%, rgba(97, 229, 225, 0.1), transparent 24%),
    linear-gradient(118deg, #0b1322 0 52%, #111c31 52% 100%);
}

.wk89mn::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -12rem;
  right: -8rem;
  width: clamp(25rem, 55vw, 53rem);
  aspect-ratio: 1;
  border: 1px solid rgba(97, 229, 225, 0.18);
  border-radius: 50%;
  box-shadow:
    0 0 0 4.5rem rgba(97, 229, 225, 0.025),
    0 0 0 9rem rgba(123, 119, 238, 0.035),
    0 0 0 13.5rem rgba(97, 229, 225, 0.018);
}

.wk89mn::after {
  content: "INTAKE  /  EXPENDITURE  /  STORAGE";
  position: absolute;
  right: clamp(1rem, 4vw, 4rem);
  bottom: 1.2rem;
  color: rgba(234, 236, 241, 0.46);
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.2em;
}

.wk89mn .container {
  position: relative;
  gap: clamp(2rem, 5vw, 5rem);
}

.wk89mn .container:has(.wknd8y) {
  grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.78fr);
}

.whcjuz {
  position: relative;
  z-index: 2;
  padding-left: clamp(1.2rem, 3vw, 2.35rem);
  border-left: 1px solid var(--desert-cyan);
}

.whcjuz::before,
.whcjuz::after {
  content: "";
  position: absolute;
  left: -0.34rem;
  width: 0.66rem;
  height: 0.66rem;
  transform: rotate(45deg);
  background: var(--desert-cyan);
  box-shadow: 0 0 1.2rem rgba(97, 229, 225, 0.7);
}

.whcjuz::before {
  top: 0;
}

.whcjuz::after {
  bottom: 0;
  background: var(--desert-violet);
  box-shadow: 0 0 1.2rem rgba(123, 119, 238, 0.7);
}

.wk89mn h1 {
  max-width: 14ch;
  margin-top: 0.55rem;
  text-shadow: 0 0.08em 1.3rem rgba(5, 10, 22, 0.55);
}

.w94nyu {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1rem;
  color: var(--desert-cyan);
  font-size: 0.7rem;
  letter-spacing: 0.19em;
}

.w94nyu::before {
  content: "◆";
  color: var(--desert-violet);
  font-size: 0.62rem;
}

.whxbsn {
  max-width: 54ch;
  margin-top: 1.4rem;
  color: var(--desert-text);
  font-size: clamp(1.02rem, 1.7vw, 1.24rem);
  line-height: 1.62;
}

.w1htne {
  margin-top: 2rem;
}

.we33xt {
  position: relative;
  border-radius: 0.2rem 0.75rem 0.2rem 0.75rem;
  font-family: 'Outfit', system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.w0um7u {
  border: 1px solid var(--desert-cyan);
  background: var(--desert-cyan);
  color: var(--desert-night);
  box-shadow: 0.35rem 0.35rem 0 rgba(123, 119, 238, 0.85);
}

.w2ociu {
  border-color: rgba(234, 236, 241, 0.5);
  color: var(--desert-text);
}

.wknd8y {
  position: relative;
  margin: 0;
  padding: 0.65rem;
  border: 1px solid rgba(97, 229, 225, 0.35);
  border-radius: 0.25rem 2rem 0.25rem 2rem;
  background: rgba(11, 19, 34, 0.58);
  box-shadow:
    1rem 1rem 0 rgba(123, 119, 238, 0.14),
    0 1.5rem 4rem var(--desert-shadow);
}

.wknd8y::before {
  content: "ENERGY FLUX / 03 SIGNALS";
  position: absolute;
  z-index: 2;
  top: -1.4rem;
  right: 0.65rem;
  padding: 0.25rem 0.55rem;
  background: var(--desert-violet);
  color: #ffffff;
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.wknd8y img {
  width: 100%;
  min-height: 19rem;
  border-radius: 0.12rem 1.55rem 0.12rem 1.55rem;
  filter: saturate(0.9) contrast(1.05);
}

/* Editorial rhythm: each section is a numbered clinical briefing plate. */
.wtnrlw {
  padding-block: clamp(2.7rem, 6vw, 5.8rem) 4rem;
  background: linear-gradient(180deg, rgba(19, 30, 52, 0.5), transparent 18rem);
}

.wtnrlw > .container {
  counter-reset: desert-section;
}

.wtnrlw .container > section {
  position: relative;
  counter-increment: desert-section;
  max-width: 72ch;
  margin-inline: auto;
  padding: clamp(2.6rem, 5vw, 4.3rem) 0 clamp(2.6rem, 5vw, 4.3rem) clamp(3.7rem, 8vw, 6.4rem);
  border-top: 1px solid var(--desert-line);
}

.wtnrlw .container > section::before {
  content: counter(desert-section, decimal-leading-zero);
  position: absolute;
  top: clamp(2.8rem, 5vw, 4.5rem);
  left: 0;
  display: grid;
  place-items: center;
  width: 2.7rem;
  height: 2.7rem;
  border: 1px solid var(--desert-line);
  border-radius: 50%;
  background: var(--desert-panel-deep);
  color: var(--desert-cyan);
  box-shadow: inset 0 0 0 0.34rem var(--desert-night);
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.wtnrlw .container > section::after {
  content: "";
  position: absolute;
  top: calc(clamp(2.8rem, 5vw, 4.5rem) + 3.1rem);
  bottom: 1.8rem;
  left: 1.32rem;
  width: 1px;
  background: linear-gradient(var(--desert-violet), transparent);
}

.wtnrlw section h2 {
  position: relative;
  margin: 0 0 1.4rem;
  padding-bottom: 1rem;
}

.wtnrlw section h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: min(9rem, 42%);
  height: 0.16rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--desert-cyan), var(--desert-violet));
}

.wtnrlw section p,
.wtnrlw section li {
  color: var(--desert-text);
}

.wtnrlw section p + p {
  margin-top: 1.15rem;
}

.wtnrlw section ul,
.wtnrlw section ol {
  margin-block: 1.25rem;
}

.wtnrlw section li {
  margin-bottom: 0.72rem;
}

.wtnrlw section li::marker {
  color: var(--desert-cyan);
}

section[id="s-the-short-version"] {
  margin-top: 1.7rem;
  padding: clamp(2rem, 4vw, 3.2rem) clamp(1.5rem, 4vw, 3.1rem) clamp(2rem, 4vw, 3.2rem) clamp(4.7rem, 9vw, 7.2rem);
  border: 1px solid rgba(97, 229, 225, 0.32);
  border-radius: 0.25rem 1.6rem 0.25rem 1.6rem;
  background:
    linear-gradient(135deg, rgba(97, 229, 225, 0.065), transparent 42%),
    var(--desert-panel);
  box-shadow: 0.75rem 0.75rem 0 rgba(123, 119, 238, 0.09);
}

section[id="s-the-short-version"]::before {
  top: 2.2rem;
  left: 1.3rem;
  border-color: var(--desert-cyan);
  background: var(--desert-cyan);
  color: var(--desert-night);
  box-shadow: 0.35rem 0.35rem 0 rgba(123, 119, 238, 0.8);
}

section[id="s-the-short-version"]::after {
  top: 5.8rem;
  bottom: 2.2rem;
  left: 2.62rem;
}

section[id="s-the-short-version"] p:first-of-type {
  font-size: clamp(1.08rem, 1.8vw, 1.22rem);
  line-height: 1.68;
}

blockquote {
  position: relative;
  margin: 2rem 0;
  padding: 1.4rem 1.6rem 1.4rem 4rem;
  border: 1px solid var(--desert-line);
  border-left: 0.32rem solid var(--desert-violet);
  border-radius: 0 0.8rem 0.8rem 0;
  background: var(--desert-panel);
  color: var(--desert-text);
}

blockquote::before {
  content: "◆";
  position: absolute;
  top: 1.45rem;
  left: 1.55rem;
  color: var(--desert-cyan);
}

/* Three specimen cards, each indexed and offset like a laboratory plate. */
.w73vuo {
  counter-reset: desert-card;
  gap: clamp(1rem, 2.6vw, 1.65rem);
  margin: 0 0 clamp(3.4rem, 7vw, 6rem);
}

.wn4lzx {
  position: relative;
  counter-increment: desert-card;
  overflow: hidden;
  padding: 0 0 1.65rem;
  border: 1px solid var(--desert-line);
  border-radius: 0.2rem 1.35rem 0.2rem 1.35rem;
  background:
    linear-gradient(145deg, rgba(123, 119, 238, 0.08), transparent 40%),
    var(--desert-panel);
  box-shadow: 0 1.2rem 2.5rem rgba(2, 7, 18, 0.24);
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.wn4lzx::before {
  content: "0" counter(desert-card);
  position: absolute;
  z-index: 2;
  top: 0.8rem;
  left: 0.8rem;
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid rgba(234, 236, 241, 0.68);
  border-radius: 50%;
  background: rgba(11, 19, 34, 0.86);
  color: var(--desert-cyan);
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: 0.64rem;
  font-weight: 700;
}

.wn4lzx::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4.5rem;
  height: 0.22rem;
  background: linear-gradient(90deg, var(--desert-violet), var(--desert-cyan));
}

.wn4lzx:hover {
  transform: translateY(-0.35rem);
  border-color: rgba(97, 229, 225, 0.55);
}

.wn4lzx img {
  width: 100%;
  border: 0;
  border-radius: 0 1.18rem 0 0;
  opacity: 0.88;
}

.wn4lzx h2,
.wn4lzx h3,
.wn4lzx p,
.wn4lzx .wc7i4g {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.wn4lzx h2,
.wn4lzx h3 {
  margin-top: 1.35rem;
  font-size: 1.32rem;
}

.wn4lzx p {
  color: var(--desert-muted);
  font-size: 0.91rem;
  line-height: 1.62;
}

.wc7i4g {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--desert-cyan);
  letter-spacing: 0.02em;
  text-decoration: none;
}

.wc7i4g::before {
  content: "◆";
  color: var(--desert-violet);
  font-size: 0.52rem;
}

/* Comparison tables read as an instrument panel rather than default prose. */
.woq1qk {
  width: min(100%, calc(100vw - 2rem));
  margin: 1.7rem 0 2.3rem;
  border: 1px solid var(--desert-line);
  border-radius: 0.25rem 1rem 0.25rem 1rem;
  background: var(--desert-panel-deep);
  box-shadow: 0 1rem 2.4rem rgba(2, 7, 18, 0.26);
}

table {
  min-width: 42rem;
  background: var(--desert-panel-deep);
  color: var(--desert-text);
  font-size: 0.84rem;
}

th,
td {
  padding: 0.9rem 1rem;
  border-color: var(--desert-line);
  color: var(--desert-text);
  line-height: 1.52;
}

thead th {
  border-bottom: 1px solid var(--desert-cyan);
  background: linear-gradient(180deg, rgba(123, 119, 238, 0.22), rgba(123, 119, 238, 0.08));
  color: var(--desert-text);
  font-size: 0.69rem;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

tbody tr:nth-child(even) {
  background: rgba(97, 229, 225, 0.035);
}

tbody tr:hover {
  background: rgba(123, 119, 238, 0.09);
}

.w3gd9k a {
  display: inline-grid;
  place-items: center;
  min-width: 1.55rem;
  height: 1.55rem;
  border: 1px solid rgba(97, 229, 225, 0.35);
  border-radius: 50%;
  color: var(--desert-cyan);
  font-size: 0.67rem;
  line-height: 1;
}

/* Reference ledger with its own numbered rail. */
.wuyjxg {
  counter-reset: desert-ref;
  display: grid;
  gap: 0.72rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}

.wuyjxg li {
  position: relative;
  counter-increment: desert-ref;
  min-width: 0;
  margin: 0;
  padding: 1.2rem 3.2rem 1.2rem 4.4rem;
  border: 1px solid var(--desert-line);
  border-radius: 0.2rem 0.8rem 0.2rem 0.8rem;
  background: var(--desert-panel);
  color: var(--desert-text);
  font-size: 0.84rem;
  line-height: 1.62;
  overflow-wrap: anywhere;
}

.wuyjxg li::before {
  content: counter(desert-ref, decimal-leading-zero);
  position: absolute;
  inset: 0 auto 0 0;
  display: grid;
  place-items: center;
  width: 3.25rem;
  border-right: 1px solid var(--desert-line);
  border-radius: 0.18rem 0 0 0.72rem;
  background: var(--desert-panel-deep);
  color: var(--desert-cyan);
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.wuyjxg li a {
  position: absolute;
  top: 50%;
  right: 1.1rem;
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  transform: translateY(-50%);
  border: 1px solid rgba(97, 229, 225, 0.4);
  border-radius: 50%;
  text-decoration: none;
}

/* Secondary renderer modules share the same diamond-and-axis visual grammar. */
.wgqvfm {
  margin-block: 2rem;
  padding: 1.7rem 1.9rem 1.7rem 4.5rem;
  border: 1px solid rgba(97, 229, 225, 0.35);
  border-left: 0.35rem solid var(--desert-cyan);
  border-radius: 0 1rem 1rem 0;
  background: var(--desert-panel);
}

.wgqvfm::before {
  content: "◆";
  position: absolute;
  left: 1.7rem;
  color: var(--desert-violet);
}

.w3hyf5 li::marker {
  color: var(--desert-cyan);
}

.wyvuw3 {
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--desert-line);
  border-radius: 0.25rem 1rem 0.25rem 1rem;
  background: var(--desert-line);
}

.w7l8ld {
  background: var(--desert-panel-deep);
}

.w0d07o {
  color: var(--desert-cyan);
  text-shadow: 0 0 1.4rem rgba(97, 229, 225, 0.18);
}

.w5r37u {
  color: var(--desert-muted);
}

.wgg7md {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(97, 229, 225, 0.42);
  border-radius: 0.25rem 1.6rem 0.25rem 1.6rem;
  background:
    radial-gradient(circle at 90% 10%, rgba(97, 229, 225, 0.22), transparent 30%),
    linear-gradient(130deg, #24255a, var(--desert-panel-deep));
  color: var(--desert-text);
  box-shadow: 0.8rem 0.8rem 0 rgba(97, 229, 225, 0.08);
}

.wgg7md::after {
  content: "◆";
  position: absolute;
  right: clamp(1.2rem, 4vw, 3rem);
  bottom: -1.9rem;
  color: rgba(97, 229, 225, 0.12);
  font-size: 8rem;
  line-height: 1;
}

.wgg7md h2,
.wgg7md h3,
.wgg7md p {
  color: var(--desert-text);
}

.wakd5i {
  border: 1px solid var(--desert-line);
  border-radius: 0.25rem 1rem 0.25rem 1rem;
  background: var(--desert-panel);
  box-shadow: 0 1rem 2.4rem rgba(2, 7, 18, 0.24);
}

.wiwkyv img,
.w2xf8b img,
.wunq55 img {
  border: 1px solid var(--desert-line);
  border-radius: 0.2rem 1.1rem 0.2rem 1.1rem;
  background: var(--desert-panel);
}

.we2wg0 {
  color: var(--desert-cyan);
  letter-spacing: 0.16em;
}

/* Footer: a quiet evidence ledger under a cyan horizon rule. */
.wejrvg {
  position: relative;
  margin-top: 0;
  border-top: 1px solid var(--desert-cyan);
  background: var(--desert-panel-deep);
}

.wejrvg::before {
  content: "DESERT PEPTIDES  /  METABOLIC LITERATURE DESK";
  display: block;
  padding: 0.72rem max(1rem, calc((100vw - 72rem) / 2));
  border-bottom: 1px solid var(--desert-line);
  color: var(--desert-cyan);
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.18em;
}

.wfnv0m {
  background:
    linear-gradient(90deg, rgba(123, 119, 238, 0.08) 1px, transparent 1px),
    var(--desert-panel);
  background-size: 5.5rem 100%;
}

.wzairg {
  gap: clamp(1.5rem, 5vw, 4.5rem);
}

.wzairg > div {
  padding-left: 1rem;
  border-left: 1px solid var(--desert-line);
}

.wzairg h2,
.w28ny0 {
  color: var(--desert-cyan);
  letter-spacing: 0.14em;
}

.wejrvg a {
  color: var(--desert-text);
}

.wkv6lg {
  border-top: 1px solid var(--desert-line);
  background: var(--desert-night);
  color: var(--desert-text);
}

.w1byvs {
  max-width: 72ch;
  color: var(--desert-text);
  font-style: normal;
  line-height: 1.55;
}

.w3v6vc {
  color: var(--desert-muted);
}

@media (max-width: 760px) {
  html {
    scroll-padding-top: 4.8rem;
  }

  body {
    background-size: 3.5rem 3.5rem;
  }

  .w6tlra .container {
    min-height: 4.2rem;
  }

  .war9cg {
    font-size: 1rem;
  }

  .war9cg::before {
    width: 2.2rem;
    height: 2.2rem;
    flex-basis: 2.2rem;
    box-shadow: 0.2rem 0.2rem 0 var(--desert-cyan);
  }

  .war9cg::after {
    left: 3.02rem;
  }

  .wk89mn {
    padding-block: 3.1rem 3.7rem;
  }

  .wk89mn::before {
    top: -8rem;
    right: -15rem;
  }

  .wk89mn::after {
    right: 1rem;
    bottom: 0.8rem;
    max-width: calc(100% - 2rem);
    overflow: hidden;
    white-space: nowrap;
  }

  .wk89mn .container:has(.wknd8y) {
    grid-template-columns: minmax(0, 1fr);
  }

  .whcjuz {
    padding-left: 1.15rem;
  }

  .wk89mn h1 {
    max-width: 16ch;
    font-size: clamp(2.35rem, 12vw, 3.65rem);
  }

  .whxbsn {
    font-size: 1rem;
  }

  .wknd8y {
    margin-top: 1.3rem;
    padding: 0.4rem;
    border-radius: 0.2rem 1.15rem 0.2rem 1.15rem;
    box-shadow: 0.45rem 0.45rem 0 rgba(123, 119, 238, 0.14);
  }

  .wknd8y img {
    min-height: 0;
  }

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

  .wtnrlw {
    padding-top: 2.2rem;
  }

  .wtnrlw .container > section {
    padding: 5.1rem 0 2.7rem;
  }

  .wtnrlw .container > section::before {
    top: 1.45rem;
  }

  .wtnrlw .container > section::after {
    top: 4.7rem;
    bottom: auto;
    left: 3.15rem;
    width: min(8rem, 35vw);
    height: 1px;
    background: linear-gradient(90deg, var(--desert-violet), transparent);
  }

  section[id="s-the-short-version"] {
    padding: 5.4rem 1.25rem 1.9rem;
    border-radius: 0.2rem 1.1rem 0.2rem 1.1rem;
  }

  section[id="s-the-short-version"]::before {
    top: 1.45rem;
    left: 1.25rem;
  }

  section[id="s-the-short-version"]::after {
    top: 2.8rem;
    bottom: auto;
    left: 4.6rem;
    width: min(7rem, 32vw);
    height: 1px;
  }

  .woq1qk {
    width: 100%;
    max-width: 100%;
  }

  .wuyjxg li {
    padding: 4.2rem 1rem 1.2rem;
  }

  .wuyjxg li::before {
    inset: 0 0 auto;
    width: auto;
    height: 3rem;
    justify-content: start;
    padding-left: 1rem;
    border-right: 0;
    border-bottom: 1px solid var(--desert-line);
    border-radius: 0.18rem 0.7rem 0 0;
  }

  .wuyjxg li a {
    top: 1.5rem;
    transform: translateY(-50%);
  }

  .wgqvfm {
    padding: 4rem 1.25rem 1.4rem;
  }

  .wgqvfm::before {
    top: 1.2rem;
    left: 1.3rem;
  }

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

  .wzairg > div {
    padding-top: 1rem;
    padding-left: 0;
    border-top: 1px solid var(--desert-line);
    border-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wn4lzx {
    transition: none;
  }
}

/* The header's backdrop-filter made it the containing block for the base renderer's
   FIXED drawer nav, so the closed drawer (translateX(100%)) sat in the document and
   widened it by its own width (measured 1763 > 1440). Same effect, on a pseudo-element,
   which contains nothing. */
.w6tlra { backdrop-filter: none; -webkit-backdrop-filter: none; }
.w6tlra::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  pointer-events: none;
}
.w6tlra > .container { position: relative; z-index: 1; }