.case-metabolic { --case-accent: #abd8d2; --wash: #81b8ae; }
.research-footprint { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; margin-top: 40px; padding-block: 32px; border-top: 1px solid var(--line); }
.research-footprint strong { display: block; font-size: 42px; letter-spacing: -.04em; line-height: 1.2; color: var(--case-accent); font-weight: 400; }
.research-footprint span { display: block; font-size: 14px; color: var(--body); max-width: 26ch; margin-top: 12px; line-height: 1.65; }
.case-metabolic .metabolic-hero { min-height: 570px; height: 610px; padding-top: 55px; background: radial-gradient(ellipse at 50% 20%, #abd8d21a, transparent 70%), var(--paper-light); }
.metabolic-hero .device-cluster { gap: 80px; }
.case-metabolic .metabolic-hero .device { --device-width: 252px; }
.case-metabolic .metabolic-hero .device-screen { max-height: none; }
.case-metabolic .metabolic-hero .device--peek { --device-width: 330px; margin-top: 130px; }
.thesis-abstract { border-left: 3px solid var(--case-accent); padding-left: 32px; margin-top: 56px; max-width: 820px; }
.thesis-abstract > p + p { color: var(--ink); margin-top: 14px; font-size: 21px; line-height: 1.7; letter-spacing: -.3px; }
.thesis-note { border-block: 1px solid var(--line); margin-top: 36px; }
.thesis-note summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; font-size: 18px; padding: 24px 0; min-height: 72px; cursor: pointer; list-style: none; }
.thesis-note summary::-webkit-details-marker { display: none; }
.thesis-note summary:hover { color: var(--case-accent); }
.thesis-note summary::after { content: "+"; color: var(--case-accent); font-size: 22px; }
.thesis-note[open] summary::after { content: "\2212"; }
.thesis-note > div { max-width: 66ch; padding-bottom: 32px; color: var(--body); font-size: 17px; line-height: 1.75; }
.thesis-note p + p { margin-top: 16px; }
.literature-themes, .design-principles { color: var(--body); font-size: inherit; margin-block: 24px; }
.literature-themes span, .design-principles span { display: inline; }
.literature-themes span:not(:last-child)::after, .design-principles span:not(:last-child)::after { content: ", "; }
.model-heading { margin-top: 40px; }
.model-heading h3 { margin-top: 12px; }
.system-evidence { margin: 56px 0 0; padding: 40px; border-radius: 12px; background: #eaf1ee; }
.system-evidence img { width: min(100%, 900px); height: auto; margin: auto; }
.system-evidence figcaption { font-size: 13px; color: #354d44; margin-top: 24px; line-height: 1.75; }
.case-metabolic .case-media .evidence { background: #e9eee7; }
.design-intro { max-width: 66ch; margin-top: 40px; }
.metabolic-evolution .device--scroll .device-screen { height: calc(var(--device-width) * 1.94); }
.sequence-visual.peek-stage.metabolic-detail { height: 430px; }
.sequence-visual.peek-stage.metabolic-contact { height: 340px; }
.source-links { display: flex; gap: 12px 25px; flex-wrap: wrap; margin-top: 20px; }
.source-links a { color: var(--case-accent); min-height: 44px; display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 760px) {
  .research-footprint { grid-template-columns: 1fr 1fr; gap: 28px 20px; padding-block: 25px; }
  .research-footprint strong { font-size: 36px; }
  .research-footprint span { font-size: 14px; }
  .case-metabolic .metabolic-hero { height: 440px; min-height: 0; padding-top: 40px; }
  .metabolic-hero .device-cluster { gap: 18px; }
  .case-metabolic .metabolic-hero .device { --device-width: 40vw; }
  .case-metabolic .metabolic-hero .device--peek { --device-width: 45vw; margin-top: 90px; }
  .thesis-abstract { padding-left: 21px; margin-top: 30px; }
  .thesis-abstract > p + p { font-size: 18px; }
  .model-heading { margin-top: 40px; }
  .system-evidence { padding: 16px; margin-top: 30px; }
  .system-evidence figcaption { font-size: 13px; }
  .sequence-visual.peek-stage.metabolic-detail { height: 380px; }
  .sequence-visual.peek-stage.metabolic-contact { height: 300px; }
}
@media print {
  .thesis-note::details-content { content-visibility: visible; height: auto; }
  .research-footprint { break-inside: avoid; }
  .metabolic-evolution .device--scroll .device-screen { height: auto; max-height: none; }
  .system-evidence { background: white; }
  .case-metabolic details > div, .case-metabolic details > p { display: block !important; }
}