.liquid-death-page { --brand: #171913; --brand-deep: #0b0c09; --brand-pale: #e9f5af; }
.liquid-death-page .case-hero-copy { background: var(--brand); }
.liquid-death-page .case-hero-copy h1 { max-width: 980px; font-size: clamp(64px, 8.6vw, 132px); }
.liquid-death-page .case-hero-copy h1 em { color: #d9ff43; }
.liquid-death-page .case-hero-side { background: #d9ff43; color: #151515; }
.liquid-death-page .case-disclaimer strong { background: #d9ff43; color: var(--ink); }
.ld-signal { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 60px; border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }
.ld-signal > div { min-height: 220px; padding: 28px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); background: var(--white); }
.ld-signal span, .ld-timeline span, .ld-test-grid span, .ld-source-grid span { display: block; margin-bottom: 14px; color: var(--brand); font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.ld-signal strong { display: block; margin-bottom: 18px; font-size: clamp(24px, 2.7vw, 39px); line-height: 1.04; }
.ld-signal p, .ld-timeline p, .ld-test-grid p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.ld-flywheel { display: grid; grid-template-columns: repeat(4, 1fr); align-items: stretch; gap: 1px; margin-top: 60px; border: 1px solid var(--ink); background: var(--ink); }
.ld-flywheel > div { position: relative; min-height: 220px; padding: 28px; background: var(--white); }
.ld-flywheel > div:not(:last-child)::after { position: absolute; z-index: 2; top: 50%; right: -16px; display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid var(--ink); border-radius: 50%; background: #d9ff43; content: "→"; transform: translateY(-50%); }
.ld-flywheel small { display: block; margin-bottom: 38px; font-size: 9px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.ld-flywheel strong { display: block; margin-bottom: 16px; font-size: 25px; }
.ld-flywheel p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.ld-timeline { display: grid; grid-template-columns: .8fr 1.2fr; margin-top: 55px; border: 1px solid var(--ink); background: var(--white); }
.ld-timeline > div { padding: 32px; }
.ld-timeline > div + div { border-left: 1px solid var(--ink); }
.ld-timeline strong { display: block; margin-bottom: 15px; font-family: var(--font-display); font-size: clamp(48px, 6vw, 82px); font-weight: 600; line-height: .9; }
.ld-source-link { display: inline-block; margin-top: 18px; color: var(--ink); font-size: 12px; font-weight: 850; text-underline-offset: 4px; }
.ld-upgrade-list { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 60px; border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }
.ld-upgrade-list > div { padding: 28px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.ld-upgrade-list strong { display: block; margin-bottom: 15px; font-size: 24px; }
.ld-upgrade-list p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.ld-extension { background: var(--brand); color: #fffdf7; }
.ld-extension h2, .ld-extension .ld-test-grid strong { color: #fffdf7; }
.ld-extension .section-rail { border-color: #4e5049; }
.ld-extension .section-rail span, .ld-extension .kicker { color: #d9ff43; }
.ld-extension .case-intro > p:last-child { color: #c6c8c1; }
.ld-test-grid { display: grid; grid-template-columns: .85fr 1.15fr 1fr; margin-top: 60px; border-top: 1px solid #55574f; border-left: 1px solid #55574f; }
.ld-test-grid > div { min-height: 245px; padding: 28px; border-right: 1px solid #55574f; border-bottom: 1px solid #55574f; }
.ld-test-grid span { color: #d9ff43; }
.ld-test-grid strong { display: block; margin-bottom: 18px; font-size: 25px; line-height: 1.1; }
.ld-test-grid p { color: #c6c8c1; }
.ld-angle-table { margin-top: 28px; border: 1px solid #55574f; }
.ld-angle-row { display: grid; grid-template-columns: 120px 1fr 1fr; }
.ld-angle-row + .ld-angle-row { border-top: 1px solid #55574f; }
.ld-angle-row span { padding: 18px; color: #d9ff43; font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.ld-angle-row p { margin: 0; padding: 18px; border-left: 1px solid #55574f; color: #e3e4df; font-size: 13px; line-height: 1.5; }
.ld-extension .method-boundary { background: #2b2d27; color: #c6c8c1; }
.ld-extension .method-boundary strong { color: var(--white); }
.ld-source-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin-top: 55px; border: 1px solid var(--ink); background: var(--ink); }
.ld-source-grid > a { min-height: 150px; padding: 25px; background: var(--white); color: var(--ink); text-decoration: none; }
.ld-source-grid > a:hover { background: #d9ff43; }
.ld-source-grid > a:last-child { grid-column: 1 / -1; }
.ld-source-grid strong { display: block; max-width: 520px; font-size: 20px; line-height: 1.2; }
.ld-source-grid small { display: block; margin-top: 18px; color: var(--muted); }
html[data-theme="dark"] .ld-signal span,
html[data-theme="dark"] .ld-timeline span,
html[data-theme="dark"] .ld-upgrade-list strong,
html[data-theme="dark"] .ld-source-grid span { color: #d9ff43; }
html[data-theme="dark"] .liquid-death-page .case-disclaimer { color: #f3f0e8; }

@media (max-width: 1050px) {
  .ld-flywheel { grid-template-columns: repeat(2, 1fr); }
  .ld-flywheel > div:nth-child(2)::after { display: none; }
  .ld-test-grid { grid-template-columns: 1fr; }
  .ld-test-grid > div { min-height: 0; }
}

@media (max-width: 760px) {
  .liquid-death-page .case-hero-copy h1 { font-size: clamp(57px, 18vw, 86px); }
  .ld-signal, .ld-upgrade-list, .ld-source-grid, .ld-timeline { grid-template-columns: 1fr; }
  .ld-source-grid > a:last-child { grid-column: auto; }
  .ld-signal > div { min-height: 0; }
  .ld-timeline > div + div { border-top: 1px solid var(--ink); border-left: 0; }
  .ld-flywheel { grid-template-columns: 1fr; }
  .ld-flywheel > div:not(:last-child)::after { top: auto; right: 50%; bottom: -16px; display: grid; transform: translateX(50%) rotate(90deg); }
  .ld-angle-row { grid-template-columns: 1fr; }
  .ld-angle-row p { border-top: 1px solid #55574f; border-left: 0; }
}