/*
 * Content-only prototype: 浮卷题跋 · 云笺入境
 *
 * This file deliberately owns only the foreground reading system. The approved
 * scene, cinematic camera, lake simulation and reflection stack remain in the
 * existing motion-lab files.
 */

html.ml-content-scrollbook {
  --ml-content-paper: rgba(247, 243, 231, 0.84);
  --ml-content-paper-solid: #f3eee1;
  --ml-content-paper-soft: rgba(241, 238, 225, 0.68);
  --ml-content-ink: #1a352e;
  --ml-content-ink-soft: rgba(31, 57, 49, 0.76);
  --ml-content-jade: #1f6656;
  --ml-content-jade-deep: #123f36;
  --ml-content-moon: #f5f1e5;
  --ml-content-copper: #96703e;
  --ml-content-line: rgba(32, 77, 64, 0.18);
  --ml-content-line-light: rgba(246, 245, 234, 0.52);
  --ml-content-shadow: 0 24px 68px rgba(21, 50, 42, 0.13), inset 0 1px rgba(255, 255, 255, 0.7);
  --ml-content-inline: clamp(28px, 6vw, 96px);
  --ml-content-stage: 1440px;
  scroll-behavior: smooth;
}

html.ml-content-scrollbook .ml-home-shell {
  color: var(--ml-content-ink);
}

html.ml-content-scrollbook .ml-home-main,
html.ml-content-scrollbook .ml-home-reading,
html.ml-content-scrollbook .ml-content-chapter {
  pointer-events: none;
}

html.ml-content-scrollbook .ml-home-header,
html.ml-content-scrollbook .ml-home-hero__copy,
html.ml-content-scrollbook .ml-home-question-help,
html.ml-content-scrollbook .ml-home-scroll-cue,
html.ml-content-scrollbook .ml-home-composer,
html.ml-content-scrollbook .ml-home-section-heading,
html.ml-content-scrollbook .ml-home-path-tabs,
html.ml-content-scrollbook .ml-home-path-panel__copy,
html.ml-content-scrollbook .ml-home-path-panel__evidence,
html.ml-content-scrollbook .ml-home-path-panel__action,
html.ml-content-scrollbook .ml-home-report__header,
html.ml-content-scrollbook .ml-home-report__conclusion,
html.ml-content-scrollbook .ml-home-report__map,
html.ml-content-scrollbook .ml-home-trace-list,
html.ml-content-scrollbook .ml-home-plan-list,
html.ml-content-scrollbook .ml-home-plan-selection,
html.ml-content-scrollbook .ml-home-plan-actions,
html.ml-content-scrollbook .ml-home-privacy-list,
html.ml-content-scrollbook .ml-home-footer,
html.ml-content-scrollbook .ml-home-invite-dialog,
html.ml-content-scrollbook .ml-content-chapter-rail {
  pointer-events: auto;
}

/* Minimal navigation: an ink rule over the landscape, not a floating toolbar. */
html.ml-content-scrollbook .ml-home-header {
  grid-template-columns: minmax(168px, 1fr) auto minmax(138px, 1fr);
  min-height: 76px;
  padding: max(10px, env(safe-area-inset-top)) var(--ml-content-inline) 8px;
  color: #23473c;
  background: linear-gradient(180deg, rgba(246, 242, 230, 0.42), rgba(246, 242, 230, 0));
}

html.ml-content-scrollbook .ml-home-header::after {
  right: var(--ml-content-inline);
  left: var(--ml-content-inline);
  background: linear-gradient(90deg, rgba(34, 77, 64, 0.34), rgba(34, 77, 64, 0.08) 48%, transparent 86%);
}

html.ml-content-scrollbook .ml-home-header.is-scrolled {
  min-height: 66px;
  border-color: rgba(31, 66, 55, 0.1);
  background: rgba(239, 236, 224, 0.7);
  box-shadow: 0 12px 38px rgba(28, 52, 44, 0.08);
  -webkit-backdrop-filter: blur(10px) saturate(0.88);
  backdrop-filter: blur(10px) saturate(0.88);
}

html.ml-content-scrollbook .ml-home-brand {
  gap: 15px;
  border-radius: 0;
}

html.ml-content-scrollbook .ml-home-brand span {
  color: #173b32;
  font-family: var(--ml-home-serif);
  font-size: clamp(23px, 2vw, 29px);
  font-weight: 620;
  letter-spacing: 0.2em;
}

html.ml-content-scrollbook .ml-home-brand small {
  max-width: 110px;
  color: rgba(29, 67, 56, 0.58);
  font-size: 9px;
  line-height: 1.45;
  letter-spacing: 0.12em;
}

html.ml-content-scrollbook .ml-home-nav {
  gap: 34px;
}

html.ml-content-scrollbook .ml-home-nav a {
  min-width: 44px;
  min-height: 44px;
  padding-inline: 7px;
  color: rgba(28, 62, 52, 0.72);
  font-size: 11px;
  letter-spacing: 0.18em;
}

html.ml-content-scrollbook .ml-home-nav a[hidden],
html.ml-content-scrollbook .ml-home-mobile-nav a[hidden] {
  display: none !important;
}

html.ml-content-scrollbook .ml-home-nav a::after {
  right: auto;
  left: 0;
  width: 18px;
  height: 1px;
  border-radius: 0;
  background: var(--ml-content-copper);
}

html.ml-content-scrollbook .ml-home-invite-link {
  display: none;
}

html.ml-content-scrollbook .ml-home-login {
  min-height: 44px;
  padding: 0 13px;
  border: 0;
  border-bottom: 1px solid rgba(28, 72, 59, 0.34);
  border-radius: 0;
  color: #214d40;
  background: transparent;
  letter-spacing: 0.1em;
}

/* Fixed landscape, transparent reading plane. */
html.ml-content-scrollbook .ml-home-reading {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 0;
  padding: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
}

html.ml-content-scrollbook .ml-home-reading::before,
html.ml-content-scrollbook .ml-home-reading::after {
  display: none;
}

html.ml-content-scrollbook #capabilities {
  order: 1;
}

html.ml-content-scrollbook #evidence {
  order: 2;
}

html.ml-content-scrollbook .ml-home-section[hidden],
html.ml-content-scrollbook .ml-home-footer[hidden] {
  display: none !important;
}

html.ml-content-scrollbook .ml-content-chapter {
  --chapter-progress: 0;
  --chapter-enter: 0;
  --chapter-hold: 0;
  --chapter-exit: 0;
  --chapter-opacity: 0;
  --chapter-enter-y: 38px;
  --chapter-exit-y: 0px;
  --chapter-left-x: -30px;
  --chapter-right-x: 24px;
  --chapter-blur: 7px;
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html.ml-content-scrollbook .ml-content-chapter__sticky {
  position: sticky;
  top: 0;
  width: min(100%, var(--ml-content-stage));
  height: 100svh;
  min-height: 680px;
  margin-inline: auto;
  padding: 86px var(--ml-content-inline) 46px;
  overflow: clip;
  opacity: var(--chapter-opacity);
  filter: blur(var(--chapter-blur));
  transform: translate3d(0, calc(var(--chapter-enter-y) + var(--chapter-exit-y)), 0);
  transform-origin: 50% 50%;
  will-change: opacity, transform, filter;
}

html.ml-content-scrollbook #capabilities {
  min-height: 132svh;
}

html.ml-content-scrollbook #evidence {
  min-height: 138svh;
}

html.ml-content-scrollbook [data-home-reveal],
html.ml-content-scrollbook [data-home-reveal].is-visible {
  opacity: 1;
  transform: none;
  transition: none;
}

/* Hero — an asymmetric inscription occupying the natural left-hand void. */
html.ml-content-scrollbook .ml-home-hero {
  min-height: max(100svh, 720px);
  overflow: clip;
}

html.ml-content-scrollbook .ml-home-hero__content {
  position: relative;
  width: min(100%, var(--ml-content-stage));
  min-height: max(100svh, 720px);
  margin-inline: auto;
  padding: 0;
  color: var(--ml-content-ink);
  text-align: left;
  text-shadow: 0 1px rgba(255, 255, 255, 0.42), 0 10px 30px rgba(245, 242, 229, 0.16);
}

html.ml-content-scrollbook .ml-home-hero__copy {
  position: absolute;
  z-index: 3;
  top: clamp(126px, 15svh, 164px);
  left: var(--ml-content-inline);
  width: min(680px, 50vw);
  min-height: 370px;
}

html.ml-content-scrollbook .ml-home-hero__copy::before {
  position: absolute;
  z-index: -1;
  inset: -66px -70px -48px -54px;
  content: "";
  background:
    radial-gradient(ellipse at 26% 46%, rgba(247, 243, 229, 0.7), rgba(247, 243, 229, 0.32) 46%, transparent 74%),
    linear-gradient(90deg, rgba(246, 242, 229, 0.42), transparent 90%);
  filter: blur(10px);
  pointer-events: none;
}

html.ml-content-scrollbook .ml-content-title-mark {
  position: absolute;
  top: -18px;
  left: -2px;
  padding: 4px 4px 5px;
  border: 1px solid rgba(139, 91, 54, 0.44);
  color: #8a593d;
  font-family: var(--ml-home-serif);
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.16em;
}

html.ml-content-scrollbook .ml-home-hero .ml-home-eyebrow {
  position: absolute;
  top: 14px;
  left: 222px;
  justify-content: flex-start;
  margin: 0;
  color: #245f50;
  font-size: 10px;
  letter-spacing: 0.2em;
}

html.ml-content-scrollbook .ml-home-hero .ml-home-eyebrow::after {
  display: none;
}

html.ml-content-scrollbook .ml-home-hero h1 {
  position: absolute;
  top: 10px;
  left: 0;
  display: flex;
  gap: 24px;
  width: 176px;
  max-width: none;
  height: 340px;
  margin: 0;
  color: #173b32;
  font-size: clamp(48px, 4.45vw, 64px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0.14em;
}

html.ml-content-scrollbook .ml-home-hero h1 span,
html.ml-content-scrollbook .ml-home-hero h1 em {
  display: block;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

html.ml-content-scrollbook .ml-home-hero h1 em {
  margin-top: 62px;
  color: #2e6354;
  font-size: 0.78em;
}

html.ml-content-scrollbook .ml-home-hero h1::after {
  position: absolute;
  top: 168px;
  right: -13px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  content: "";
  background: var(--ml-content-copper);
  opacity: 0.72;
}

html.ml-content-scrollbook .ml-home-hero__lede {
  position: absolute;
  top: 72px;
  left: 222px;
  width: min(390px, calc(50vw - 20px));
  margin: 0;
  color: rgba(25, 54, 46, 0.82);
  font-size: clamp(15px, 1.15vw, 17px);
  line-height: 2;
  letter-spacing: 0.045em;
}

/* Cloud paper question case. */
html.ml-content-scrollbook .ml-home-composer {
  --surface-shift-x: 0px;
  --surface-shift-y: 0px;
  --surface-light-x: 28%;
  --surface-light-y: 16%;
  position: absolute;
  z-index: 5;
  bottom: clamp(118px, 15svh, 148px);
  left: var(--ml-content-inline);
  display: grid;
  grid-template-columns: minmax(240px, 1fr) 140px 152px;
  gap: 6px;
  width: min(720px, 56vw);
  max-width: none;
  margin: 0;
  padding: 23px 9px 9px;
  border: 1px solid rgba(238, 240, 228, 0.66);
  border-radius: 2px 20px 2px 20px;
  background:
    radial-gradient(circle at var(--surface-light-x) var(--surface-light-y), rgba(255, 255, 255, 0.5), transparent 38%),
    linear-gradient(136deg, rgba(248, 245, 235, 0.9), rgba(222, 232, 220, 0.82));
  box-shadow: var(--ml-content-shadow);
  -webkit-backdrop-filter: blur(8px) saturate(0.84);
  backdrop-filter: blur(8px) saturate(0.84);
  isolation: isolate;
  transform: translate3d(var(--surface-shift-x), var(--surface-shift-y), 0);
  transition: border-color 260ms ease, box-shadow 280ms ease, transform 280ms cubic-bezier(0.2, 0, 0, 1), background 320ms ease;
}

html.ml-content-scrollbook .ml-home-composer::before {
  z-index: 2;
  top: 4px;
  right: auto;
  bottom: auto;
  left: 14px;
  width: auto;
  height: auto;
  border-radius: 0;
  content: "云笺问案";
  color: rgba(36, 88, 73, 0.66);
  background: transparent;
  font-family: var(--ml-home-serif);
  font-size: 9px;
  letter-spacing: 0.2em;
}

html.ml-content-scrollbook .ml-home-composer::after {
  position: absolute;
  z-index: 0;
  right: 18px;
  bottom: 6px;
  left: 18px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(82, 128, 111, 0.38), rgba(235, 221, 183, 0.5), transparent);
  opacity: 0;
  transform: scaleX(0.2);
  transform-origin: left;
  transition: opacity 260ms ease, transform 420ms cubic-bezier(0.2, 0, 0, 1);
  pointer-events: none;
}

html.ml-content-scrollbook .ml-home-composer:focus-within {
  border-color: rgba(52, 106, 89, 0.56);
  box-shadow: 0 28px 76px rgba(21, 50, 42, 0.16), 0 0 0 3px rgba(55, 111, 93, 0.09), inset 0 1px rgba(255, 255, 255, 0.8);
  transform: translate3d(var(--surface-shift-x), calc(var(--surface-shift-y) - 3px), 0);
}

html.ml-content-scrollbook .ml-home-composer:focus-within::after {
  opacity: 1;
  transform: scaleX(1);
}

html.ml-content-scrollbook .ml-home-composer textarea {
  min-height: 62px;
  padding: 14px 14px 10px;
  color: #17372f;
  font-size: 14px;
  line-height: 1.75;
}

html.ml-content-scrollbook .ml-home-composer textarea::placeholder {
  color: rgba(32, 61, 52, 0.58);
  transition: opacity 180ms ease;
}

html.ml-content-scrollbook .ml-home-composer:focus-within textarea::placeholder {
  opacity: 0.48;
}

html.ml-content-scrollbook .ml-home-composer select {
  min-height: 48px;
  margin: 2px;
  border-left-color: rgba(34, 77, 64, 0.16);
  color: rgba(23, 60, 50, 0.82);
}

html.ml-content-scrollbook .ml-home-composer__submit,
html.ml-content-scrollbook .ml-home-path-panel__action {
  position: relative;
  min-height: 52px;
  overflow: hidden;
  border: 1px solid rgba(232, 239, 227, 0.18);
  border-radius: 2px 16px 2px 16px;
  color: #f6f2e7;
  background: linear-gradient(145deg, #306d5d, #154b40 74%);
  box-shadow: 0 12px 28px rgba(20, 69, 58, 0.22), inset 0 1px rgba(255, 255, 255, 0.16);
  transition: transform 240ms cubic-bezier(0.2, 0, 0, 1), box-shadow 240ms ease, background 260ms ease;
}

html.ml-content-scrollbook .ml-home-composer__submit::before,
html.ml-content-scrollbook .ml-home-path-panel__action::before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(105deg, transparent 28%, rgba(246, 239, 210, 0.2) 48%, transparent 68%);
  transform: translateX(-120%);
  transition: transform 480ms cubic-bezier(0.2, 0, 0, 1);
  pointer-events: none;
}

html.ml-content-scrollbook .ml-home-composer__submit:hover,
html.ml-content-scrollbook .ml-home-path-panel__action:hover {
  background: linear-gradient(145deg, #397866, #155143 74%);
  box-shadow: 0 15px 32px rgba(20, 69, 58, 0.25), inset 0 1px rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}

html.ml-content-scrollbook .ml-home-composer__submit:hover::before,
html.ml-content-scrollbook .ml-home-path-panel__action:hover::before {
  transform: translateX(120%);
}

html.ml-content-scrollbook .ml-home-composer__submit:active,
html.ml-content-scrollbook .ml-home-path-panel__action:active {
  box-shadow: 0 6px 14px rgba(20, 69, 58, 0.2), inset 0 2px 4px rgba(9, 42, 34, 0.18);
  transform: translateY(1px) scale(0.988);
}

html.ml-content-scrollbook .ml-home-question-help {
  position: absolute;
  z-index: 4;
  bottom: clamp(76px, 9svh, 92px);
  left: var(--ml-content-inline);
  width: min(720px, 56vw);
  margin: 0;
  color: rgba(28, 55, 47, 0.68);
  font-size: 11px;
  line-height: 1.65;
  text-align: left;
  text-shadow: 0 1px 10px rgba(247, 244, 232, 0.75);
}

html.ml-content-scrollbook .ml-home-scroll-cue {
  right: var(--ml-content-inline);
  bottom: max(42px, env(safe-area-inset-bottom));
  left: auto;
  width: 176px;
  min-height: 58px;
  padding-left: 16px;
  border-bottom: 0;
  border-left: 1px solid rgba(240, 236, 217, 0.56);
  color: rgba(248, 244, 230, 0.92);
}

/* Chapter headings are inscriptions; no enclosing card. */
html.ml-content-scrollbook .ml-content-chapter__sticky > .ml-home-section-heading {
  position: absolute;
  z-index: 4;
  top: clamp(108px, 13svh, 132px);
  left: var(--ml-content-inline);
  display: block;
  width: min(430px, 34vw);
  max-width: none;
  margin: 0;
  transform: translate3d(var(--chapter-left-x), 0, 0);
}

html.ml-content-scrollbook .ml-content-chapter__sticky > .ml-home-section-heading::before {
  display: block;
  margin-bottom: 12px;
  color: var(--ml-content-copper);
  content: attr(data-content-chapter-number);
  font-family: Georgia, serif;
  font-size: 10px;
  letter-spacing: 0.2em;
}

html.ml-content-scrollbook .ml-content-chapter__sticky > .ml-home-section-heading .ml-home-eyebrow {
  justify-content: flex-start;
  margin-bottom: 12px;
  color: #245f50;
}

html.ml-content-scrollbook .ml-home-section-heading h2 {
  color: #1e3d34;
  font-size: clamp(38px, 3.45vw, 50px);
  font-weight: 510;
  line-height: 1.35;
  letter-spacing: 0.075em;
  text-wrap: balance;
}

html.ml-content-scrollbook .ml-home-section-heading > p,
html.ml-content-scrollbook .ml-home-section-heading > div > p:not(.ml-home-eyebrow) {
  margin-top: 18px;
  color: rgba(31, 56, 48, 0.78);
  font-size: 15px;
  line-height: 1.95;
}

html.ml-content-scrollbook .ml-home-section-heading > div > small {
  margin-top: 12px;
  color: rgba(46, 68, 59, 0.68);
  font-size: 11px;
  line-height: 1.7;
}

html.ml-content-scrollbook .ml-home-section-heading--split > div:last-child {
  margin-top: 20px;
}

/* Five Arts — staggered jade slips connected by one quiet water vein. */
html.ml-content-scrollbook .ml-home-capabilities .ml-home-paths {
  position: absolute;
  z-index: 3;
  top: clamp(246px, 28svh, 286px);
  right: var(--ml-content-inline);
  bottom: clamp(42px, 6svh, 64px);
  left: var(--ml-content-inline);
  display: grid;
  grid-template-columns: 182px minmax(0, 700px);
  justify-content: start;
  gap: clamp(248px, 18vw, 278px);
  transform: translate3d(var(--chapter-right-x), 0, 0);
}

html.ml-content-scrollbook .ml-home-path-tabs {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 5px;
  min-width: 0;
  padding: 0 0 16px 12px;
}

html.ml-content-scrollbook .ml-home-path-tabs::before {
  z-index: 0;
  top: 22px;
  bottom: 22px;
  left: 24px;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(40, 100, 82, 0.34) 14%, rgba(148, 104, 59, 0.34) 78%, transparent);
  transform: scaleY(var(--chapter-enter));
  transform-origin: top;
}

html.ml-content-scrollbook .ml-home-path-node {
  --node-opacity: 1;
  --node-y: 0px;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  min-height: 62px;
  padding: 7px 10px 7px 0;
  border: 0;
  border-radius: 0;
  color: rgba(32, 62, 52, 0.65);
  background: linear-gradient(90deg, transparent, transparent);
  opacity: var(--node-opacity);
  text-align: left;
  transform: translate3d(0, var(--node-y), 0);
  transition: color 240ms ease, background 260ms ease, transform 240ms ease;
}

html.ml-content-scrollbook .ml-home-path-node::after {
  align-self: center;
  color: rgba(142, 99, 55, 0.58);
  content: attr(data-content-index);
  font-family: Georgia, serif;
  font-size: 9px;
  letter-spacing: 0.08em;
}

html.ml-content-scrollbook .ml-home-path-node strong {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 0;
  border-left: 2px solid rgba(38, 92, 76, 0.24);
  border-radius: 0;
  color: #225b4c;
  background: rgba(244, 241, 228, 0.42);
  box-shadow: none;
  font-size: 22px;
}

html.ml-content-scrollbook .ml-home-path-node span {
  padding-left: 12px;
  font-size: 11px;
  letter-spacing: 0.08em;
}

html.ml-content-scrollbook .ml-home-path-node:hover,
html.ml-content-scrollbook .ml-home-path-node.is-active {
  color: #153f34;
  background: linear-gradient(90deg, rgba(236, 240, 228, 0.74), rgba(236, 240, 228, 0.08));
  transform: translate3d(4px, var(--node-y), 0);
}

html.ml-content-scrollbook .ml-home-path-node.is-active strong {
  border-left-color: var(--ml-content-copper);
  color: #f5f1e5;
  background: linear-gradient(145deg, #3c7766, #194d41);
  box-shadow: 0 10px 24px rgba(24, 72, 60, 0.16);
}

html.ml-content-scrollbook .ml-home-path-panel {
  --surface-shift-x: 0px;
  --surface-shift-y: 0px;
  --surface-light-x: 50%;
  --surface-light-y: 20%;
  position: relative;
  display: grid;
  grid-template-columns: minmax(330px, 1.08fr) minmax(270px, 0.86fr);
  grid-template-rows: auto 1fr auto;
  gap: 14px 28px;
  min-width: 0;
  min-height: 450px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.ml-content-scrollbook .ml-home-path-panel::after {
  display: none;
}

html.ml-content-scrollbook .ml-home-path-panel__status {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  padding: 0 2px 6px;
  border: 0;
  color: #245f50;
}

html.ml-content-scrollbook .ml-home-path-panel__status span,
html.ml-content-scrollbook .ml-home-path-panel__status b,
html.ml-content-scrollbook .ml-home-path-panel__status small {
  margin: 0;
  font-family: var(--ml-home-sans);
  font-size: 10px;
  font-weight: 560;
  line-height: 1.5;
  letter-spacing: 0.1em;
}

html.ml-content-scrollbook .ml-home-path-panel__status b {
  padding-left: 14px;
  border-left: 1px solid rgba(37, 88, 73, 0.18);
  color: rgba(35, 65, 55, 0.7);
}

html.ml-content-scrollbook .ml-home-path-panel__status small {
  margin-left: auto;
  color: var(--ml-content-copper);
  font-family: Georgia, serif;
}

html.ml-content-scrollbook .ml-home-path-panel__copy,
html.ml-content-scrollbook .ml-home-path-panel__evidence,
html.ml-content-scrollbook .ml-home-report__conclusion,
html.ml-content-scrollbook .ml-home-trace-list {
  background:
    radial-gradient(circle at var(--surface-light-x, 42%) var(--surface-light-y, 18%), rgba(255, 255, 255, 0.5), transparent 42%),
    linear-gradient(142deg, rgba(247, 244, 233, 0.9), rgba(224, 233, 221, 0.78));
  box-shadow: var(--ml-content-shadow);
  transform: translate3d(var(--surface-shift-x, 0px), var(--surface-shift-y, 0px), 0);
  transition: border-color 240ms ease, box-shadow 260ms ease, transform 280ms cubic-bezier(0.2, 0, 0, 1);
}

html.ml-content-scrollbook .ml-home-path-panel__copy {
  grid-column: 1;
  grid-row: 2;
  justify-content: center;
  min-height: 310px;
  padding: clamp(34px, 4vw, 52px);
  border: 1px solid rgba(238, 240, 228, 0.68);
  border-radius: 2px 28px 2px 18px;
}

html.ml-content-scrollbook .ml-home-path-panel__copy p {
  font-size: 10px;
}

html.ml-content-scrollbook .ml-home-path-panel__copy h3 {
  margin-top: 18px;
  color: #203e35;
  font-size: clamp(29px, 3vw, 41px);
}

html.ml-content-scrollbook .ml-home-path-panel__copy div {
  max-width: 28em;
  margin-top: 20px;
  color: var(--ml-content-ink-soft);
  font-size: 15px;
  line-height: 1.95;
}

html.ml-content-scrollbook .ml-home-path-panel__evidence {
  grid-column: 2;
  grid-row: 2;
  align-self: end;
  min-height: 258px;
  margin-top: 54px;
  padding: 28px;
  border: 1px solid rgba(226, 235, 222, 0.48);
  border-radius: 20px 2px 20px 2px;
  color: #e8efe7;
  background:
    radial-gradient(circle at var(--surface-light-x, 45%) var(--surface-light-y, 18%), rgba(231, 239, 218, 0.12), transparent 42%),
    linear-gradient(148deg, rgba(39, 83, 69, 0.94), rgba(20, 57, 48, 0.92));
  box-shadow: 0 24px 62px rgba(15, 45, 37, 0.18), inset 0 1px rgba(255, 255, 255, 0.08);
}

html.ml-content-scrollbook .ml-home-path-panel__facts {
  gap: 0;
  border-top: 1px solid rgba(232, 239, 224, 0.16);
  border-left: 1px solid rgba(232, 239, 224, 0.16);
}

html.ml-content-scrollbook .ml-home-path-panel__facts span {
  min-height: 66px;
  padding: 12px;
  border: 0;
  border-right: 1px solid rgba(232, 239, 224, 0.16);
  border-bottom: 1px solid rgba(232, 239, 224, 0.16);
  border-radius: 0;
  background: transparent;
}

html.ml-content-scrollbook .ml-home-path-panel__facts small,
html.ml-content-scrollbook .ml-home-path-meter p,
html.ml-content-scrollbook .ml-home-path-meter__legend {
  color: rgba(235, 240, 229, 0.64);
}

html.ml-content-scrollbook .ml-home-path-panel__facts strong,
html.ml-content-scrollbook .ml-home-path-meter p strong {
  color: #f4f0e5;
}

html.ml-content-scrollbook .ml-home-path-meter__bar span {
  border-radius: 0;
  background: linear-gradient(90deg, rgba(185, 215, 197, 0.62), rgba(207, 175, 119, 0.74));
}

html.ml-content-scrollbook .ml-home-path-panel__action {
  grid-column: 1;
  grid-row: 3;
  justify-self: start;
  min-height: 46px;
  margin: 0;
  padding: 0 20px;
  font-size: 11px;
}

html.ml-content-scrollbook .ml-home-path-panel.is-updating .ml-home-path-panel__copy,
html.ml-content-scrollbook .ml-home-path-panel.is-updating .ml-home-path-panel__evidence {
  animation: ml-content-booklet-in 460ms cubic-bezier(0.2, 0, 0, 1) both;
}

/* Traceability — one quiet water vein and a readable ink booklet. */
html.ml-content-scrollbook .ml-home-evidence .ml-home-section-heading {
  width: min(460px, 34vw);
}

html.ml-content-scrollbook .ml-home-evidence .ml-home-section-heading h2 {
  font-size: clamp(38px, 3.1vw, 46px);
}

html.ml-content-scrollbook .ml-home-evidence .ml-home-report {
  position: absolute;
  z-index: 3;
  inset: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.ml-content-scrollbook .ml-home-report::before {
  display: none;
}

html.ml-content-scrollbook .ml-home-report__header {
  position: absolute;
  top: clamp(108px, 13svh, 132px);
  right: var(--ml-content-inline);
  display: flex;
  width: min(520px, 40vw);
  padding: 18px 0 18px 22px;
  border: 0;
  border-left: 1px solid rgba(37, 87, 72, 0.3);
  background: linear-gradient(90deg, rgba(244, 241, 229, 0.5), transparent);
  transform: translate3d(var(--chapter-right-x), 0, 0);
}

html.ml-content-scrollbook .ml-home-report__header h3 {
  margin-top: 8px;
  color: #203f35;
  font-size: clamp(24px, 2.3vw, 33px);
}

html.ml-content-scrollbook .ml-home-report__header p {
  color: #28614f;
}

html.ml-content-scrollbook .ml-home-report__header > span {
  align-self: flex-start;
  min-width: auto;
  min-height: 32px;
  padding: 0 0 0 14px;
  border: 0;
  border-left: 1px solid rgba(37, 87, 72, 0.22);
  border-radius: 0;
  background: transparent;
}

html.ml-content-scrollbook .ml-home-report__conclusion {
  --surface-shift-x: 0px;
  --surface-shift-y: 0px;
  position: absolute;
  top: clamp(374px, 43svh, 402px);
  left: var(--ml-content-inline);
  display: grid;
  grid-template-columns: 84px 1fr;
  gap: 20px;
  width: min(520px, 40vw);
  padding: 24px 28px;
  border: 1px solid rgba(239, 240, 228, 0.64);
  border-radius: 2px 24px 2px 18px;
}

html.ml-content-scrollbook .ml-home-report__conclusion small {
  color: var(--ml-content-copper);
  font-size: 10px;
  letter-spacing: 0.12em;
}

html.ml-content-scrollbook .ml-home-report__conclusion p {
  color: #2c4a40;
  font-size: 15px;
  line-height: 1.9;
}

html.ml-content-scrollbook .ml-home-report__body {
  position: absolute;
  top: clamp(388px, 44svh, 418px);
  right: var(--ml-content-inline);
  bottom: clamp(50px, 6svh, 70px);
  left: var(--ml-content-inline);
  display: grid;
  grid-template-columns: minmax(250px, 0.72fr) minmax(420px, 1fr);
  align-items: stretch;
  gap: clamp(50px, 7vw, 96px);
}

html.ml-content-scrollbook .ml-home-report__map {
  position: relative;
  order: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 2px;
  min-width: 0;
  padding: 126px 0 4px 28px;
  border: 0;
  background: linear-gradient(90deg, rgba(244, 241, 229, 0.38), rgba(244, 241, 229, 0.08) 72%, transparent);
  transform: translate3d(var(--chapter-left-x), 0, 0);
}

html.ml-content-scrollbook .ml-home-report__map::before {
  position: absolute;
  top: 142px;
  bottom: 42px;
  left: 42px;
  width: 1px;
  content: "";
  background: linear-gradient(180deg, rgba(39, 96, 79, 0.12), rgba(39, 96, 79, 0.52), rgba(152, 110, 61, 0.34), transparent);
  transform: scaleY(var(--chapter-enter));
  transform-origin: top;
}

html.ml-content-scrollbook .ml-home-report__map > p {
  margin: 0 0 9px;
  padding-left: 50px;
  color: rgba(31, 67, 56, 0.64);
  font-size: 10px;
  letter-spacing: 0.14em;
}

html.ml-content-scrollbook .ml-home-report__map > span {
  --node-opacity: 1;
  --node-y: 0px;
  position: relative;
  display: grid;
  grid-template-columns: 34px 1px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 48px;
  border: 0;
  opacity: var(--node-opacity);
  transform: translate3d(0, var(--node-y), 0);
}

html.ml-content-scrollbook .ml-home-report__map > span:nth-of-type(2) {
  margin-left: 18px;
}

html.ml-content-scrollbook .ml-home-report__map > span:nth-of-type(3) {
  margin-left: 35px;
}

html.ml-content-scrollbook .ml-home-report__map > span:nth-of-type(4) {
  margin-left: 18px;
}

html.ml-content-scrollbook .ml-home-report__map b {
  position: relative;
  z-index: 1;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(37, 87, 72, 0.24);
  border-radius: 50%;
  color: #285f4f;
  background: rgba(241, 238, 225, 0.72);
  font-family: Georgia, serif;
  font-size: 9px;
  transition: color 220ms ease, background 220ms ease, box-shadow 220ms ease;
}

html.ml-content-scrollbook .ml-home-report__map span.is-active b {
  color: #f5f1e6;
  background: #275e4f;
  box-shadow: 0 9px 22px rgba(24, 69, 58, 0.2);
}

html.ml-content-scrollbook .ml-home-report__map i {
  width: 1px;
  height: 24px;
  background: rgba(39, 91, 75, 0.22);
}

html.ml-content-scrollbook .ml-home-report__map strong {
  color: #294b40;
  font-size: 13px;
  font-weight: 570;
  letter-spacing: 0.05em;
}

html.ml-content-scrollbook .ml-home-report__map > small {
  margin: 10px 0 0 50px;
  color: rgba(44, 70, 61, 0.64);
  font-size: 11px;
  line-height: 1.65;
}

html.ml-content-scrollbook .ml-home-trace-list {
  --surface-shift-x: 0px;
  --surface-shift-y: 0px;
  order: 2;
  align-self: stretch;
  min-width: 0;
  padding: 12px 28px 18px;
  overflow: auto;
  border: 1px solid rgba(239, 240, 228, 0.64);
  border-radius: 22px 2px 22px 2px;
}

html.ml-content-scrollbook .ml-home-trace-step {
  border-bottom: 1px solid rgba(38, 78, 66, 0.14);
}

html.ml-content-scrollbook .ml-home-trace-step:last-child {
  border-bottom: 0;
}

html.ml-content-scrollbook .ml-home-trace-step summary {
  grid-template-columns: 34px minmax(0, 1fr) auto;
  min-height: 68px;
  padding: 6px 0;
}

html.ml-content-scrollbook .ml-home-trace-step__index {
  color: var(--ml-content-copper);
  font-size: 10px;
}

html.ml-content-scrollbook .ml-home-trace-step__title strong {
  color: #29473e;
  font-size: 15px;
}

html.ml-content-scrollbook .ml-home-trace-step__title small {
  margin-top: 3px;
  color: rgba(52, 73, 64, 0.66);
  font-size: 11px;
}

html.ml-content-scrollbook .ml-home-trace-step__toggle {
  color: #28614f;
  font-size: 10px;
}

html.ml-content-scrollbook .ml-home-trace-step__detail {
  grid-template-columns: minmax(0, 1fr) minmax(170px, 0.7fr);
  gap: 22px;
  padding: 0 0 20px 46px;
}

html.ml-content-scrollbook .ml-home-trace-step__detail p {
  color: #38534a;
  font-size: 13px;
  line-height: 1.85;
}

html.ml-content-scrollbook .ml-home-trace-step__detail dt,
html.ml-content-scrollbook .ml-home-trace-step__detail dd {
  font-size: 10px;
}

html.ml-content-scrollbook .ml-home-trace-live {
  position: absolute;
  right: var(--ml-content-inline);
  bottom: 26px;
  margin: 0;
  color: rgba(37, 65, 55, 0.62);
  font-size: 10px;
}

html.ml-content-scrollbook .ml-home-report > footer {
  position: absolute;
  bottom: 24px;
  left: var(--ml-content-inline);
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  padding: 0;
  border: 0;
  color: rgba(43, 68, 59, 0.68);
  font-size: 10px;
}

/* Chapter rail: a restrained margin notation rather than a dashboard sidebar. */
html.ml-content-scrollbook .ml-content-chapter-rail {
  position: fixed;
  z-index: 132;
  top: 50%;
  right: clamp(18px, 2.4vw, 38px);
  display: grid;
  gap: 3px;
  width: 76px;
  transform: translateY(-50%);
}

html.ml-content-scrollbook .ml-content-chapter-rail::before {
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 8px;
  width: 1px;
  content: "";
  background: linear-gradient(180deg, transparent, rgba(243, 239, 219, 0.52) 18%, rgba(243, 239, 219, 0.22) 82%, transparent);
}

html.ml-content-scrollbook .ml-content-chapter-rail a {
  position: relative;
  display: grid;
  grid-template-columns: 17px 20px 1fr;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  border-radius: 0;
  color: rgba(247, 243, 229, 0.62);
  text-shadow: 0 2px 14px rgba(16, 43, 35, 0.5);
}

html.ml-content-scrollbook .ml-content-chapter-rail i {
  position: relative;
  z-index: 1;
  display: block;
  width: 7px;
  height: 7px;
  border: 1px solid rgba(244, 239, 220, 0.62);
  border-radius: 50%;
  background: rgba(31, 68, 56, 0.38);
  transition: background 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

html.ml-content-scrollbook .ml-content-chapter-rail span,
html.ml-content-scrollbook .ml-content-chapter-rail small {
  font-size: 9px;
  letter-spacing: 0.08em;
}

html.ml-content-scrollbook .ml-content-chapter-rail small {
  opacity: 0;
  transform: translateX(4px);
  transition: opacity 220ms ease, transform 220ms ease;
}

html.ml-content-scrollbook .ml-content-chapter-rail a:hover small,
html.ml-content-scrollbook .ml-content-chapter-rail a:focus-visible small,
html.ml-content-scrollbook .ml-content-chapter-rail a.is-current small {
  opacity: 1;
  transform: none;
}

html.ml-content-scrollbook .ml-content-chapter-rail a.is-current {
  color: #fff9e8;
}

html.ml-content-scrollbook .ml-content-chapter-rail a.is-current i {
  background: #d8c08d;
  box-shadow: 0 0 0 4px rgba(238, 226, 190, 0.12);
  transform: scale(1.08);
}

/* Content-only calibration guides. */
html.ml-content-debug [data-cinematic-content],
html.ml-content-debug [data-home-reveal],
html.ml-content-debug .ml-content-chapter__sticky {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

html.ml-content-debug {
  scroll-behavior: auto;
}

html.ml-content-guides .ml-content-chapter {
  outline: 1px dashed rgba(140, 72, 55, 0.5);
  outline-offset: -2px;
}

html.ml-content-guides .ml-content-chapter__sticky {
  outline: 1px dashed rgba(48, 102, 137, 0.48);
  outline-offset: -7px;
}

html.ml-content-scrollbook .ml-content-debug-layer {
  position: fixed;
  z-index: 310;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

html.ml-content-scrollbook .ml-content-debug-layer > p {
  position: absolute;
  right: 18px;
  bottom: 18px;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid rgba(18, 64, 95, 0.5);
  color: #173f5b;
  background: rgba(244, 246, 239, 0.82);
  font: 10px/1.55 var(--ml-home-sans);
}

html.ml-content-scrollbook .ml-content-debug-safe,
html.ml-content-scrollbook .ml-content-debug-focal {
  position: absolute;
  border: 1px dashed;
}

html.ml-content-scrollbook .ml-content-debug-safe {
  top: 12%;
  bottom: 9%;
  left: 5.5%;
  width: 52%;
  border-color: rgba(36, 108, 78, 0.62);
}

html.ml-content-scrollbook .ml-content-debug-focal {
  top: 8%;
  right: 4%;
  width: 47%;
  height: 58%;
  border-color: rgba(156, 77, 57, 0.62);
  border-radius: 50% 20% 44% 30%;
}

html.ml-content-scrollbook .ml-content-debug-safe span,
html.ml-content-scrollbook .ml-content-debug-focal span {
  position: absolute;
  top: 4px;
  left: 5px;
  padding: 2px 5px;
  color: currentColor;
  background: rgba(246, 244, 234, 0.8);
  font: 9px/1.4 var(--ml-home-sans);
}

@keyframes ml-content-booklet-in {
  from { opacity: 0.58; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 1800px) {
  html.ml-content-scrollbook {
    --ml-content-stage: 1620px;
    --ml-content-inline: clamp(82px, 7vw, 128px);
  }

  html.ml-content-scrollbook .ml-home-hero__copy {
    width: 730px;
  }

  html.ml-content-scrollbook .ml-home-composer,
  html.ml-content-scrollbook .ml-home-question-help {
    width: 760px;
  }

  html.ml-content-scrollbook .ml-home-capabilities .ml-home-paths {
    grid-template-columns: 200px minmax(0, 860px);
  }
}

@media (max-width: 1100px) {
  html.ml-content-scrollbook {
    --ml-content-inline: clamp(28px, 4.8vw, 58px);
  }

  html.ml-content-scrollbook .ml-home-hero__copy {
    width: min(630px, 60vw);
  }

  html.ml-content-scrollbook .ml-home-hero .ml-home-eyebrow,
  html.ml-content-scrollbook .ml-home-hero__lede {
    left: 194px;
  }

  html.ml-content-scrollbook .ml-home-capabilities .ml-home-paths {
    grid-template-columns: 160px minmax(0, 1fr);
    gap: clamp(188px, 20vw, 216px);
  }

  html.ml-content-scrollbook .ml-home-path-panel {
    grid-template-columns: minmax(300px, 1fr) minmax(240px, 0.78fr);
  }

  html.ml-content-scrollbook .ml-home-report__body {
    grid-template-columns: minmax(220px, 0.66fr) minmax(380px, 1fr);
    gap: 42px;
  }
}

@media (max-width: 900px) {
  html.ml-content-scrollbook .ml-home-header {
    grid-template-columns: 1fr auto;
  }

  html.ml-content-scrollbook .ml-home-menu-toggle {
    display: inline-flex;
  }

  html.ml-content-scrollbook .ml-home-capabilities .ml-home-paths {
    grid-template-columns: 138px minmax(0, 1fr);
    gap: clamp(140px, 19vw, 174px);
  }

  html.ml-content-scrollbook .ml-home-path-panel {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
  }

  html.ml-content-scrollbook .ml-home-path-panel__copy,
  html.ml-content-scrollbook .ml-home-path-panel__evidence,
  html.ml-content-scrollbook .ml-home-path-panel__action {
    grid-column: 1;
  }

  html.ml-content-scrollbook .ml-home-path-panel__copy {
    grid-row: 2;
    min-height: 230px;
  }

  html.ml-content-scrollbook .ml-home-path-panel__evidence {
    grid-row: 3;
    display: block;
    min-height: 0;
    margin-top: 0;
  }

  html.ml-content-scrollbook .ml-home-path-panel__action {
    grid-row: 4;
  }

  html.ml-content-scrollbook .ml-home-report__body {
    grid-template-columns: minmax(180px, 0.58fr) minmax(0, 1fr);
    gap: 24px;
  }
}

@media (max-width: 767px) and (orientation: portrait) {
  html.ml-content-scrollbook {
    --ml-content-inline: clamp(16px, 4.1vw, 20px);
  }

  html.ml-content-scrollbook .ml-home-header {
    min-height: 66px;
    padding-inline: var(--ml-content-inline);
    background: linear-gradient(180deg, rgba(246, 242, 230, 0.58), rgba(246, 242, 230, 0));
  }

  html.ml-content-scrollbook .ml-home-header.is-scrolled {
    min-height: 62px;
    background: rgba(240, 237, 226, 0.82);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  html.ml-content-scrollbook .ml-home-brand span {
    font-size: 21px;
  }

  html.ml-content-scrollbook .ml-home-login {
    display: inline-flex;
  }

  html.ml-content-scrollbook .ml-home-menu-toggle {
    width: 44px;
    min-width: 44px;
  }

  html.ml-content-scrollbook .ml-home-hero {
    min-height: max(100svh, 760px);
  }

  html.ml-content-scrollbook .ml-home-hero__content {
    width: 100%;
    min-height: max(100svh, 760px);
    padding: 0;
    text-align: left;
  }

  html.ml-content-scrollbook .ml-home-hero__copy {
    top: clamp(112px, 13svh, 126px);
    left: var(--ml-content-inline);
    width: calc(100% - 2 * var(--ml-content-inline));
    min-height: 310px;
  }

  html.ml-content-scrollbook .ml-home-hero__copy::before {
    inset: -40px -18px -38px -18px;
    background: radial-gradient(ellipse at 32% 38%, rgba(247, 243, 229, 0.68), rgba(247, 243, 229, 0.22) 54%, transparent 80%);
  }

  html.ml-content-scrollbook .ml-content-title-mark {
    top: -10px;
    left: 1px;
  }

  html.ml-content-scrollbook .ml-home-hero .ml-home-eyebrow {
    top: 3px;
    left: 42px;
    justify-content: flex-start;
    font-size: 9px;
  }

  html.ml-content-scrollbook .ml-home-hero h1 {
    top: 38px;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    font-size: clamp(43px, 12.2vw, 52px);
    line-height: 1.16;
    letter-spacing: 0.05em;
  }

  html.ml-content-scrollbook .ml-home-hero h1 span,
  html.ml-content-scrollbook .ml-home-hero h1 em {
    display: block;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
  }

  html.ml-content-scrollbook .ml-home-hero h1 em {
    margin: 4px 0 0 40px;
    font-size: 0.92em;
  }

  html.ml-content-scrollbook .ml-home-hero h1::after {
    top: 59px;
    right: 22px;
  }

  html.ml-content-scrollbook .ml-home-hero__lede {
    top: 166px;
    left: 0;
    width: min(330px, 92%);
    font-size: 14px;
    line-height: 1.9;
  }

  html.ml-content-scrollbook .ml-home-composer {
    right: var(--ml-content-inline);
    bottom: 112px;
    left: var(--ml-content-inline);
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px;
    width: auto;
    min-height: 166px;
    margin: 0;
    padding: 24px 8px 8px;
    border-radius: 2px 18px 2px 18px;
    background: linear-gradient(136deg, rgba(248, 245, 235, 0.93), rgba(224, 232, 220, 0.9));
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  html.ml-content-scrollbook .ml-home-composer textarea {
    grid-column: 1 / -1;
    min-height: 70px;
    padding: 14px 12px 9px;
    font-size: 13px;
  }

  html.ml-content-scrollbook .ml-home-composer select {
    grid-column: 1;
    min-width: 0;
    min-height: 50px;
    margin: 0;
    padding-left: 10px;
    border-top: 1px solid rgba(32, 72, 61, 0.12);
    border-left: 0;
  }

  html.ml-content-scrollbook .ml-home-composer__submit {
    grid-column: 2;
    align-self: stretch;
    min-width: 126px;
    min-height: 50px;
  }

  html.ml-content-scrollbook .ml-home-question-help {
    right: var(--ml-content-inline);
    bottom: 70px;
    left: var(--ml-content-inline);
    width: auto;
    font-size: 10px;
    line-height: 1.55;
  }

  html.ml-content-scrollbook .ml-home-scroll-cue {
    right: var(--ml-content-inline);
    bottom: max(12px, env(safe-area-inset-bottom));
    width: auto;
    min-height: 44px;
    padding-left: 10px;
  }

  html.ml-content-scrollbook #capabilities {
    min-height: 118svh;
  }

  html.ml-content-scrollbook #evidence {
    min-height: auto;
  }

  html.ml-content-scrollbook .ml-content-chapter__sticky {
    height: 100svh;
    min-height: 760px;
    padding: 72px var(--ml-content-inline) 24px;
  }

  html.ml-content-scrollbook #evidence .ml-content-chapter__sticky {
    position: relative;
    top: auto;
    height: auto;
    min-height: 1120px;
    overflow: visible;
  }

  html.ml-content-scrollbook .ml-content-chapter__sticky > .ml-home-section-heading {
    top: 82px;
    left: var(--ml-content-inline);
    width: calc(100% - 2 * var(--ml-content-inline));
  }

  html.ml-content-scrollbook .ml-content-chapter__sticky > .ml-home-section-heading::before {
    margin-bottom: 8px;
  }

  html.ml-content-scrollbook .ml-content-chapter__sticky > .ml-home-section-heading .ml-home-eyebrow {
    justify-content: flex-start;
    margin-bottom: 9px;
  }

  html.ml-content-scrollbook .ml-home-section-heading h2 {
    max-width: 330px;
    font-size: clamp(34px, 9.5vw, 39px);
    line-height: 1.34;
    text-wrap: balance;
  }

  html.ml-content-scrollbook .ml-home-section-heading > p,
  html.ml-content-scrollbook .ml-home-section-heading > div > p:not(.ml-home-eyebrow) {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.8;
  }

  html.ml-content-scrollbook .ml-home-section-heading > div > small {
    display: none;
  }

  html.ml-content-scrollbook .ml-home-capabilities .ml-home-paths {
    top: 300px;
    right: var(--ml-content-inline);
    bottom: 24px;
    left: var(--ml-content-inline);
    display: block;
    transform: none;
  }

  html.ml-content-scrollbook .ml-home-path-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    min-height: 62px;
    padding: 0;
  }

  html.ml-content-scrollbook .ml-home-path-tabs::before {
    top: 32px;
    right: 4%;
    bottom: auto;
    left: 4%;
    width: auto;
    height: 1px;
    transform: scaleX(var(--chapter-enter));
    transform-origin: left;
  }

  html.ml-content-scrollbook .ml-home-path-node {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    min-width: 0;
    min-height: 62px;
    padding: 0 2px;
    text-align: center;
  }

  html.ml-content-scrollbook .ml-home-path-node strong {
    width: 36px;
    height: 36px;
    border: 0;
    border-bottom: 2px solid rgba(38, 92, 76, 0.24);
    font-size: 20px;
  }

  html.ml-content-scrollbook .ml-home-path-node span,
  html.ml-content-scrollbook .ml-home-path-node::after {
    display: none;
  }

  html.ml-content-scrollbook .ml-home-path-node:hover,
  html.ml-content-scrollbook .ml-home-path-node.is-active {
    background: transparent;
    transform: translate3d(0, calc(var(--node-y) - 2px), 0);
  }

  html.ml-content-scrollbook .ml-home-path-node.is-active strong {
    border-bottom-color: var(--ml-content-copper);
  }

  html.ml-content-scrollbook .ml-home-path-panel {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    gap: 10px;
    min-height: 0;
    margin-top: 14px;
  }

  html.ml-content-scrollbook .ml-home-path-panel__status {
    grid-column: 1;
    grid-row: 1;
    min-height: 24px;
    padding: 0 2px;
  }

  html.ml-content-scrollbook .ml-home-path-panel__status b {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html.ml-content-scrollbook .ml-home-path-panel__copy {
    grid-column: 1;
    grid-row: 2;
    min-height: 202px;
    padding: 26px 24px;
    border-radius: 2px 22px 2px 16px;
  }

  html.ml-content-scrollbook .ml-home-path-panel__copy h3 {
    margin-top: 11px;
    font-size: 30px;
  }

  html.ml-content-scrollbook .ml-home-path-panel__copy div {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.8;
  }

  html.ml-content-scrollbook .ml-home-path-panel__evidence {
    grid-column: 1;
    grid-row: 3;
    display: block;
    min-height: 126px;
    margin: -8px 0 0 24px;
    padding: 18px;
    border-radius: 18px 2px 18px 2px;
  }

  html.ml-content-scrollbook .ml-home-path-panel__facts span {
    min-height: 44px;
    padding: 9px;
  }

  html.ml-content-scrollbook .ml-home-path-meter {
    display: none;
  }

  html.ml-content-scrollbook .ml-home-path-panel__action {
    grid-column: 1;
    grid-row: 4;
    min-height: 44px;
    margin-top: 2px;
  }

  html.ml-content-scrollbook .ml-home-evidence .ml-home-section-heading {
    width: calc(100% - 2 * var(--ml-content-inline));
  }

  html.ml-content-scrollbook .ml-home-evidence .ml-home-section-heading h2 {
    max-width: 100%;
  }

  html.ml-content-scrollbook .ml-home-evidence .ml-home-section-heading > p {
    display: none;
  }

  html.ml-content-scrollbook #evidence {
    min-height: 126svh;
  }

  html.ml-content-scrollbook #evidence .ml-content-chapter__sticky {
    position: sticky;
    top: 0;
    height: 100svh;
    min-height: 760px;
    overflow: clip;
  }

  html.ml-content-scrollbook .ml-home-evidence .ml-home-report {
    position: absolute;
    inset: 0;
    min-height: 0;
    padding: 0;
  }

  html.ml-content-scrollbook .ml-home-report__header {
    top: 250px;
    right: var(--ml-content-inline);
    left: var(--ml-content-inline);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    width: auto;
    padding: 10px 0 10px 14px;
  }

  html.ml-content-scrollbook .ml-home-report__header h3 {
    font-size: 21px;
  }

  html.ml-content-scrollbook .ml-home-report__header > span {
    min-height: 28px;
    margin: 0;
  }

  html.ml-content-scrollbook .ml-home-report__conclusion {
    top: 346px;
    right: var(--ml-content-inline);
    left: var(--ml-content-inline);
    grid-template-columns: 1fr;
    gap: 8px;
    width: auto;
    padding: 16px 18px;
  }

  html.ml-content-scrollbook .ml-home-report__conclusion p {
    font-size: 14px;
    line-height: 1.8;
  }

  html.ml-content-scrollbook .ml-home-report__body {
    position: absolute;
    top: 474px;
    right: var(--ml-content-inline);
    bottom: 42px;
    left: var(--ml-content-inline);
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 8px;
    min-height: 0;
    margin: 0;
  }

  html.ml-content-scrollbook .ml-home-report__map {
    display: flex;
    min-height: 0;
    height: 100%;
    padding: 8px 0 8px 0;
    transform: none;
  }

  html.ml-content-scrollbook .ml-home-report__map::before {
    top: 42px;
    bottom: 28px;
    left: 17px;
  }

  html.ml-content-scrollbook .ml-home-report__map > p {
    margin: 0 0 4px;
    padding-left: 0;
    font-size: 9px;
  }

  html.ml-content-scrollbook .ml-home-report__map > small {
    display: none;
  }

  html.ml-content-scrollbook .ml-home-report__map > span,
  html.ml-content-scrollbook .ml-home-report__map > span:nth-of-type(n) {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 6px;
    min-height: 48px;
    margin-left: 0;
  }

  html.ml-content-scrollbook .ml-home-report__map b {
    width: 30px;
    height: 30px;
  }

  html.ml-content-scrollbook .ml-home-report__map i {
    display: none;
  }

  html.ml-content-scrollbook .ml-home-report__map strong {
    font-size: 10px;
    line-height: 1.35;
  }

  html.ml-content-scrollbook .ml-home-trace-list {
    height: 100%;
    margin: 0;
    padding: 6px 12px 12px;
    overflow: auto;
    border-radius: 18px 2px 18px 2px;
  }

  html.ml-content-scrollbook .ml-home-trace-step summary {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    min-height: 68px;
  }

  html.ml-content-scrollbook .ml-home-trace-step__title strong {
    font-size: 14px;
  }

  html.ml-content-scrollbook .ml-home-trace-step__title small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html.ml-content-scrollbook .ml-home-trace-step__detail {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 0 0 18px 30px;
  }

  html.ml-content-scrollbook .ml-home-trace-step__detail p {
    font-size: 13px;
  }

  html.ml-content-scrollbook .ml-home-report > footer,
  html.ml-content-scrollbook .ml-home-trace-live {
    display: none;
  }

  html.ml-content-scrollbook .ml-content-chapter-rail {
    top: auto;
    right: auto;
    left: var(--ml-content-inline);
    bottom: max(10px, env(safe-area-inset-bottom));
    display: none;
    width: auto;
    padding: 2px 7px;
    border: 1px solid rgba(244, 239, 220, 0.28);
    border-radius: 2px 12px 2px 12px;
    background: rgba(31, 65, 54, 0.34);
    transform: none;
  }

  html.ml-content-scrollbook .ml-content-chapter-rail::before,
  html.ml-content-scrollbook .ml-content-chapter-rail span,
  html.ml-content-scrollbook .ml-content-chapter-rail small {
    display: none;
  }

  html.ml-content-scrollbook .ml-content-chapter-rail a {
    display: grid;
    grid-template-columns: 1fr;
    width: 44px;
    min-height: 44px;
    place-items: center;
  }

  html.ml-content-scrollbook .ml-content-debug-safe {
    top: 10%;
    right: 4%;
    bottom: 8%;
    left: 4%;
    width: auto;
  }

  html.ml-content-scrollbook .ml-content-debug-focal {
    top: 33%;
    right: 6%;
    width: 88%;
    height: 36%;
  }
}

@media (max-height: 720px) and (min-width: 768px) {
  html.ml-content-scrollbook .ml-home-hero__copy {
    top: 104px;
    transform: scale(0.9);
    transform-origin: top left;
  }

  html.ml-content-scrollbook .ml-home-composer {
    bottom: 86px;
  }

  html.ml-content-scrollbook .ml-home-question-help {
    bottom: 52px;
  }

  html.ml-content-scrollbook .ml-content-chapter__sticky {
    min-height: 640px;
    padding-top: 74px;
  }

  html.ml-content-scrollbook .ml-content-chapter__sticky > .ml-home-section-heading,
  html.ml-content-scrollbook .ml-home-report__header {
    top: 82px;
  }

  html.ml-content-scrollbook .ml-home-capabilities .ml-home-paths {
    top: 210px;
  }

  html.ml-content-scrollbook .ml-home-report__conclusion {
    top: 210px;
  }

  html.ml-content-scrollbook .ml-home-report__body {
    top: 340px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.ml-content-scrollbook {
    scroll-behavior: auto;
  }

  html.ml-content-scrollbook .ml-content-chapter__sticky,
  html.ml-content-scrollbook .ml-home-path-node,
  html.ml-content-scrollbook .ml-home-report__map > span,
  html.ml-content-scrollbook .ml-home-composer,
  html.ml-content-scrollbook .ml-home-path-panel__copy,
  html.ml-content-scrollbook .ml-home-path-panel__evidence,
  html.ml-content-scrollbook .ml-home-report__conclusion,
  html.ml-content-scrollbook .ml-home-trace-list,
  html.ml-content-scrollbook .ml-home-composer__submit,
  html.ml-content-scrollbook .ml-home-path-panel__action {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition-duration: 1ms !important;
    animation: none !important;
  }
}

/* c73 responsive composition presets. */
@media (min-width: 1800px) {
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy {
    width: 720px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-question-help {
    width: 700px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-capabilities .ml-home-paths {
    grid-template-columns: 166px minmax(0, 1fr);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel {
    grid-template-columns: 590px 240px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet {
    width: 650px;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy {
    width: min(640px, 67vw);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero .ml-home-eyebrow,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__lede {
    left: 202px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy::after {
    left: 178px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero h1 {
    width: 164px;
    font-size: clamp(58px, 6.6vw, 72px);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-question-help {
    width: min(630px, 68vw);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer {
    grid-template-columns: minmax(250px, 1fr) 116px 98px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-capabilities .ml-home-paths {
    grid-template-columns: 126px minmax(0, 1fr);
    gap: 26px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node strong {
    width: 34px;
    height: 34px;
    font-size: 20px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node span {
    padding-left: 7px;
    font-size: 13.5px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel {
    grid-template-columns: minmax(300px, 1fr) minmax(176px, 198px);
    gap: 9px 24px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy {
    min-height: 260px;
    padding: 30px 28px 30px 38px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy h3 {
    font-size: clamp(32px, 3.6vw, 39px);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-evidence .ml-home-section-heading {
    width: min(350px, 36vw);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion {
    grid-template-columns: 1fr;
    gap: 8px;
    width: min(350px, 37vw);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__body {
    width: min(318px, 32vw);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet {
    width: min(520px, 51vw);
  }
}

@media (min-width: 768px) and (max-width: 900px) and (orientation: portrait) {
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-question-help {
    width: min(610px, calc(100vw - 2 * var(--ml-content-inline)));
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-capabilities .ml-home-paths {
    top: 292px;
    display: block;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: 64px;
    padding: 0;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-tabs::before {
    top: 31px;
    right: 2%;
    bottom: auto;
    left: 2%;
    width: auto;
    height: 1px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node {
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: 64px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node::before {
    top: 29px;
    left: 50%;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node::after {
    top: auto;
    bottom: 1px;
    left: 50%;
    display: block;
    transform: translateX(-50%);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node strong {
    display: grid;
    width: 42px;
    height: 42px;
    font-size: 23px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node span {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    margin-top: 12px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__evidence,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__action {
    grid-column: 1;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy {
    grid-row: 2;
    min-height: 220px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__evidence {
    grid-row: 3;
    min-height: 122px;
    margin-left: 36px;
    padding-block: 12px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__action {
    grid-row: 4;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet {
    top: 250px;
    bottom: 56px;
    width: min(450px, 58vw);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion {
    top: 326px;
    width: min(260px, 33vw);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__body {
    top: 500px;
    width: min(238px, 30vw);
  }
}

@media (max-width: 767px) and (orientation: portrait) {
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook {
    --ml-content-inline: clamp(16px, 4.6vw, 20px);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-header {
    min-height: 64px;
    background: linear-gradient(180deg, rgba(244, 239, 224, 0.62), rgba(239, 238, 224, 0.12) 72%, transparent);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-brand span {
    font-size: 20px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-menu-toggle {
    min-width: 48px;
    min-height: 44px;
    border: 0;
    border-left: 2px solid rgba(145, 72, 59, 0.5);
    border-radius: 0;
    background: linear-gradient(90deg, rgba(241, 235, 218, 0.6), transparent);
    clip-path: polygon(0 0, 94% 3%, 100% 88%, 89% 100%, 0 95%);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__content {
    min-height: max(100svh, 740px);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy {
    top: clamp(96px, 11.5svh, 112px);
    width: calc(100% - 2 * var(--ml-content-inline));
    min-height: 280px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy::before {
    opacity: 0;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy::after {
    top: 46px;
    left: 28px;
    width: 126px;
    height: 1px;
    background: linear-gradient(90deg, rgba(38, 88, 73, 0.46), rgba(145, 72, 59, 0.34), transparent);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy > .ml-content-reading-veil {
    inset: -24px -16px -34px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-title-mark {
    top: -8px;
    left: 1px;
    font-size: 13.5px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero .ml-home-eyebrow {
    top: 4px;
    left: 40px;
    font-size: 13.5px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero h1 {
    top: 39px;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    font-size: clamp(38px, 10.7vw, 46px);
    line-height: 1.15;
    letter-spacing: 0.045em;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero h1 span,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero h1 em {
    display: block;
    white-space: nowrap;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero h1 em {
    margin: 6px 0 0 clamp(28px, 9vw, 42px);
    font-size: 0.78em;
    letter-spacing: 0.08em;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-title-seal {
    right: 8px;
    bottom: 0;
    width: 24px;
    height: 28px;
    font-size: 8px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__lede {
    top: 157px;
    left: 0;
    width: min(338px, 94%);
    color: #21473b;
    font-size: 16px;
    line-height: 1.78;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy > .ml-content-reading-veil {
    opacity: 0.82;
    -webkit-mask-image: radial-gradient(ellipse at 38% 48%, #000 0 34%, rgba(0, 0, 0, 0.72) 58%, transparent 88%);
    mask-image: radial-gradient(ellipse at 38% 48%, #000 0 34%, rgba(0, 0, 0, 0.72) 58%, transparent 88%);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer {
    right: var(--ml-content-inline);
    bottom: 98px;
    left: var(--ml-content-inline);
    grid-template-columns: minmax(0, 1fr) 104px;
    grid-template-rows: minmax(64px, auto) 48px;
    gap: 3px 6px;
    width: auto;
    min-height: 142px;
    padding: 24px 10px 10px 14px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-question-seal {
    top: -12px;
    left: 14px;
    width: 30px;
    height: 32px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer textarea {
    grid-column: 1 / -1;
    grid-row: 1;
    min-height: 64px;
    padding: 10px 9px 6px;
    font-size: 16px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer select {
    grid-column: 1;
    grid-row: 2;
    min-height: 48px;
    padding-left: 9px;
    border-top: 1px solid rgba(33, 78, 64, 0.15);
    border-left: 0;
    font-size: 14px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer__submit {
    grid-column: 2;
    grid-row: 2;
    min-height: 48px;
    padding-inline: 9px;
    font-size: 14px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer::after {
    right: 112px;
    bottom: 12px;
    left: 24px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-question-help {
    right: var(--ml-content-inline);
    bottom: 51px;
    left: var(--ml-content-inline);
    width: auto;
    font-size: 13.5px;
    line-height: 1.5;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #capabilities,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #evidence {
    min-height: 124svh;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #capabilities .ml-content-chapter__sticky,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #evidence .ml-content-chapter__sticky {
    position: sticky;
    top: 0;
    height: 100svh;
    min-height: 760px;
    overflow: clip;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-chapter__sticky > .ml-home-section-heading {
    top: 72px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-chapter__sticky > .ml-home-section-heading > .ml-content-reading-veil {
    inset: -22px -17px -28px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-section-heading h2 {
    max-width: 350px;
    font-size: clamp(36px, 9.8vw, 42px);
    line-height: 1.16;
    text-wrap: initial;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-heading-line--secondary {
    margin-top: 0.12em;
    font-size: 0.82em;
    letter-spacing: 0.065em;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-section-heading > p,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-section-heading > div > p:not(.ml-home-eyebrow) {
    max-width: 30em;
    margin-top: 10px;
    color: #21473b;
    font-size: 16px;
    line-height: 1.75;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-section-heading > div > small {
    display: block;
    margin-top: 8px;
    color: rgba(29, 65, 54, 0.84);
    font-size: 13.5px;
    line-height: 1.5;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-capabilities .ml-home-paths {
    top: 274px;
    right: var(--ml-content-inline);
    bottom: 20px;
    left: var(--ml-content-inline);
    display: block;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(44px, 1fr));
    gap: 0;
    min-height: 60px;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10px, #000 calc(100% - 10px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 10px, #000 calc(100% - 10px), transparent 100%);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-tabs::-webkit-scrollbar {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-tabs::before {
    top: 31px;
    right: 3%;
    bottom: auto;
    left: 3%;
    width: auto;
    height: 1px;
    transform: scaleX(var(--chapter-enter));
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    min-width: 52px;
    min-height: 60px;
    padding: 0 2px;
    text-align: center;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node::before {
    top: 29px;
    left: 50%;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node::after {
    top: auto;
    bottom: 1px;
    left: 50%;
    display: block;
    transform: translateX(-50%);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node strong {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    color: var(--ml-song-ink);
    font-size: 23px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node span {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node.is-active strong {
    color: #6f392f;
    background: rgba(145, 72, 59, 0.1);
    clip-path: polygon(5% 0, 96% 4%, 100% 90%, 9% 100%, 0 12%);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node.is-active::before {
    width: 12px;
    height: 14px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node.is-active::after {
    width: 28px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node:hover,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node.is-active {
    transform: translate3d(0, calc(var(--node-y) - 1px), 0);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    gap: 7px;
    margin-top: 8px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__evidence,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__action {
    grid-column: 1;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status {
    grid-row: 1;
    min-height: 25px;
    padding: 0 0 2px 16px;
    font-size: 13.5px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status span,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status b,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status small {
    font-size: 13.5px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status small {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy {
    grid-row: 2;
    min-height: 214px;
    padding: 24px 24px 22px 32px;
    background:
      radial-gradient(circle at 88% 5%, rgba(255, 251, 230, 0.62), transparent 36%),
      linear-gradient(104deg, rgba(244, 240, 226, 0.83), rgba(220, 230, 215, 0.52) 78%, rgba(220, 230, 215, 0.12));
    box-shadow: -10px 16px 30px rgba(18, 54, 44, 0.1);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy::after {
    top: 22px;
    bottom: 22px;
    left: 14px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy p {
    font-size: 13.5px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy h3 {
    margin-top: 8px;
    font-size: clamp(28px, 8vw, 34px);
    line-height: 1.2;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy div {
    margin-top: 10px;
    color: #21473b;
    font-size: 16px;
    line-height: 1.75;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__evidence {
    grid-row: 3;
    min-height: 110px;
    margin-left: 24px;
    padding: 9px 0 8px 14px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__facts {
    gap: 0 12px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__facts span {
    min-height: 48px;
    padding: 6px 4px 6px 0;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__facts small {
    font-size: 13.5px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__facts strong {
    font-size: 16px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-meter {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__action {
    grid-row: 4;
    min-width: 116px;
    min-height: 46px;
    margin: 2px 0 0 32px;
    font-size: 14px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-evidence .ml-home-section-heading {
    width: calc(100% - 2 * var(--ml-content-inline));
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion {
    top: 226px;
    right: var(--ml-content-inline);
    left: var(--ml-content-inline);
    grid-template-columns: 1fr;
    gap: 6px;
    width: auto;
    padding: 10px 4px 10px 15px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion small {
    font-size: 13.5px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion p {
    color: #21473b;
    font-size: 16px;
    line-height: 1.72;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__body {
    top: 346px;
    right: var(--ml-content-inline);
    bottom: auto;
    left: var(--ml-content-inline);
    width: auto;
    height: 122px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 10px;
    height: 122px;
    padding: 2px 0;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map::before,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map > p,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map > small,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map i {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map > span,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map > span:nth-of-type(n) {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    align-items: center;
    justify-items: start;
    gap: 7px;
    min-height: 54px;
    margin: 0;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map b {
    width: 24px;
    height: 24px;
    font-size: 13.5px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map strong {
    color: rgba(25, 62, 51, 0.92);
    font-size: 13.5px;
    line-height: 1.35;
    text-align: left;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet {
    top: 486px;
    right: var(--ml-content-inline);
    bottom: 28px;
    left: var(--ml-content-inline);
    width: auto;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet .ml-home-report__header {
    padding: 19px 20px 14px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__header h3 {
    font-size: 22px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__header p,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__header small,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__header > span {
    font-size: 13.5px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet .ml-home-trace-list {
    padding: 3px 18px 15px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step summary {
    grid-template-columns: 38px minmax(0, 1fr) 30px;
    min-height: 62px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step__title strong {
    font-size: 16px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step__title small {
    overflow: visible;
    color: rgba(30, 65, 55, 0.84);
    font-size: 13.5px;
    text-overflow: clip;
    white-space: normal;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step__detail {
    grid-template-columns: 1fr;
    gap: 9px;
    padding: 0 0 15px 38px;
    font-size: 16px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report > footer {
    display: none;
  }
}

@media (max-width: 430px) and (max-height: 650px) and (orientation: portrait) {
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__content {
    min-height: 100svh;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy {
    top: 77px;
    min-height: 246px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero h1 {
    top: 34px;
    font-size: clamp(35px, 10.5vw, 40px);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__lede {
    top: 140px;
    font-size: 15px;
    line-height: 1.65;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer {
    bottom: 48px;
    min-height: 136px;
    padding-top: 21px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-question-help {
    bottom: 8px;
    font-size: 12px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #capabilities,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #evidence {
    min-height: 980px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #capabilities .ml-content-chapter__sticky,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #evidence .ml-content-chapter__sticky {
    position: relative;
    top: auto;
    height: auto;
    min-height: 980px;
    overflow: visible;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-chapter__sticky > .ml-home-section-heading {
    top: 54px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-capabilities .ml-home-paths {
    top: 248px;
    bottom: auto;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion {
    top: 218px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__body {
    top: 348px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet {
    top: 492px;
    bottom: auto;
    min-height: 450px;
  }
}

/* Development-only visual emulation of the content reduced-motion branch. */
html.ml-content-force-reduced {
  scroll-behavior: auto;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook.ml-content-force-reduced :is(
  .ml-content-chapter__sticky,
  .ml-home-path-node,
  .ml-home-report__map > span,
  .ml-home-composer,
  .ml-home-path-panel__copy,
  .ml-home-path-panel__evidence,
  .ml-home-report__conclusion,
  .ml-home-trace-list,
  .ml-home-composer__submit,
  .ml-home-path-panel__action
) {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition-duration: 1ms !important;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook.ml-content-force-reduced :is(
  .ml-home-path-panel.is-updating .ml-home-path-panel__copy,
  .ml-home-path-panel.is-updating .ml-home-path-panel__evidence,
  .ml-home-trace-step[open] .ml-home-trace-step__detail,
  .ml-content-report-booklet,
  .ml-home-composer__submit:is(:active, .is-pressing)
) {
  animation: none !important;
  transition-duration: 1ms !important;
  transform: none !important;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook.ml-content-force-reduced .ml-content-reading-veil,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook.ml-content-force-reduced .ml-home-composer::after,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook.ml-content-force-reduced .ml-home-path-node::after {
  transition: none !important;
}

@media (max-width: 767px) and (orientation: portrait) {
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy {
    position: absolute;
    top: clamp(96px, 11.5svh, 112px);
    left: var(--ml-content-inline);
    width: calc(100% - 2 * var(--ml-content-inline));
    min-height: 280px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero .ml-home-eyebrow {
    top: 4px;
    left: 40px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero h1 {
    top: 39px;
    left: 0;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__lede {
    top: 157px;
    left: 0;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer {
    position: absolute;
    right: var(--ml-content-inline);
    bottom: 98px;
    left: var(--ml-content-inline);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-question-help {
    right: var(--ml-content-inline);
    bottom: 51px;
    left: var(--ml-content-inline);
    width: auto;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-capabilities .ml-home-paths {
    top: 370px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy {
    min-height: 190px;
    padding-block: 20px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__evidence {
    min-height: 96px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__facts span {
    min-height: 42px;
  }
}

@media (max-width: 430px) and (max-height: 650px) and (orientation: portrait) {
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy {
    top: 77px;
    min-height: 246px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero h1 {
    top: 34px;
    font-size: clamp(35px, 10.5vw, 40px);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__lede {
    top: 140px;
    font-size: 15px;
    line-height: 1.65;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer {
    bottom: 48px;
    min-height: 136px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-question-help {
    bottom: 8px;
    font-size: 12px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-capabilities .ml-home-paths {
    top: 330px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel.is-updating .ml-home-path-panel__copy,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel.is-updating .ml-home-path-panel__evidence,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step[open] .ml-home-trace-step__detail,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer__submit:is(:active, .is-pressing) {
    animation: none !important;
    transition-duration: 1ms !important;
    transform: none !important;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-reading-veil,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer::after,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node::after {
    transition: none !important;
  }
}

/*
 * c73 — 宋画册页 · 山水题跋 · 朱印问案
 *
 * A content-only visual system. The approved c57 camera, landscape, water,
 * reflection, petals and cinematic timeline remain outside this stylesheet.
 */
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook {
  --ml-song-serif: "Songti SC", "STSong", "Noto Serif CJK SC", serif;
  --ml-song-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --ml-song-ink: #173a31;
  --ml-song-ink-body: #24483d;
  --ml-song-ink-soft: rgba(30, 66, 55, 0.86);
  --ml-song-paper: rgba(244, 240, 226, 0.84);
  --ml-song-paper-soft: rgba(239, 239, 222, 0.66);
  --ml-song-paper-deep: rgba(215, 226, 212, 0.74);
  --ml-song-jade: #285f50;
  --ml-song-gold: #917044;
  --ml-song-cinnabar: #91483b;
  --ml-song-cinnabar-soft: rgba(145, 72, 59, 0.16);
  --ml-song-moonlight: rgba(255, 250, 229, 0.82);
  --ml-song-water-shadow: rgba(18, 55, 45, 0.2);
  --ml-song-paper-shadow: -18px 26px 48px rgba(17, 53, 43, 0.17), 8px -10px 30px rgba(255, 250, 229, 0.13);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook :is(
  .ml-home-hero__lede,
  .ml-home-question-help,
  .ml-home-composer,
  .ml-home-section-heading > p,
  .ml-home-section-heading > div > p:not(.ml-home-eyebrow),
  .ml-home-section-heading > div > small,
  .ml-home-path-panel__status,
  .ml-home-path-panel__copy div,
  .ml-home-path-panel__evidence,
  .ml-home-path-panel__action,
  .ml-home-report__conclusion,
  .ml-home-trace-step__title small,
  .ml-home-trace-step__detail,
  .ml-home-report__map,
  .ml-home-report > footer
) {
  font-family: var(--ml-song-sans);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook :is(
  .ml-home-hero h1,
  .ml-home-section-heading h2,
  .ml-home-path-panel__copy h3,
  .ml-home-report__header h3,
  .ml-home-trace-step__title strong
) {
  font-family: var(--ml-song-serif);
  font-weight: 600;
  text-rendering: optimizeLegibility;
}

/* Five content depths: the reading veil sits between the scene and inscription. */
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook [data-content-layer="reading-veil"] {
  pointer-events: none;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook [data-reading-veil] {
  position: relative;
  isolation: isolate;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-reading-veil {
  position: absolute;
  z-index: -1;
  inset: -34px -44px;
  display: block;
  content: "";
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse at 45% 50%, #000 0 48%, rgba(0, 0, 0, 0.78) 64%, transparent 86%);
  mask-image: radial-gradient(ellipse at 45% 50%, #000 0 48%, rgba(0, 0, 0, 0.78) 64%, transparent 86%);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook [data-reading-veil="paper"] > .ml-content-reading-veil {
  background:
    radial-gradient(ellipse at 28% 30%, rgba(255, 251, 235, 0.84), transparent 58%),
    linear-gradient(112deg, rgba(241, 239, 224, 0.75), rgba(224, 232, 217, 0.34) 74%, transparent);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook [data-reading-veil="paper"] {
  --ml-readability-surface-rgb: 242 239 226;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook [data-reading-veil="light"] {
  --ml-readability-surface-rgb: 244 240 226;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook [data-reading-veil="ink"] > .ml-content-reading-veil {
  background:
    radial-gradient(ellipse at 54% 42%, rgba(217, 228, 213, 0.72), rgba(168, 190, 174, 0.3) 58%, transparent 84%),
    linear-gradient(120deg, rgba(42, 78, 65, 0.12), transparent 78%);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook [data-reading-veil="ink"] {
  --ml-readability-surface-rgb: 205 219 207;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook [data-reading-veil="dark"] {
  --ml-readability-surface-rgb: 42 57 51;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook :is(
  .ml-home-composer,
  .ml-home-path-panel__copy,
  .ml-content-report-booklet
) {
  --ml-readability-surface-rgb: 237 238 221;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook [data-content-layer="inscription"] {
  z-index: 2;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook [data-content-layer="carrier"] {
  z-index: 4;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook [data-content-layer="annotation"] {
  z-index: 5;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook [data-content-layer="interaction"] {
  z-index: 6;
}

/* Navigation reads as a fading silk strip, never a toolbar. */
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-header {
  background:
    linear-gradient(180deg, rgba(244, 239, 224, 0.48), rgba(239, 238, 224, 0.17) 66%, transparent);
  box-shadow: none;
  -webkit-backdrop-filter: blur(4px) saturate(0.92);
  backdrop-filter: blur(4px) saturate(0.92);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-header::after {
  right: 40%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(40, 90, 74, 0.26) 22%, rgba(145, 72, 59, 0.22) 62%, transparent);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-nav a,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-header__actions {
  color: rgba(23, 58, 49, 0.9);
  font-family: var(--ml-song-sans);
  font-size: 14px;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-nav a.is-current::before {
  position: absolute;
  top: calc(50% - 3px);
  left: -10px;
  width: 5px;
  height: 6px;
  content: "";
  background: var(--ml-song-cinnabar);
  clip-path: polygon(8% 0, 100% 8%, 90% 100%, 0 86%);
}

/* Hero: one primary title, one subordinate side title, one restrained seal. */
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy {
  width: min(690px, 51vw);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy::before {
  opacity: 0;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy::after {
  top: 3px;
  left: 216px;
  height: 176px;
  background: linear-gradient(180deg, transparent, rgba(30, 74, 61, 0.42) 15%, rgba(145, 72, 59, 0.34) 76%, transparent);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero h1 {
  gap: 22px;
  width: 190px;
  color: var(--ml-song-ink);
  font-size: clamp(68px, 5.6vw, 88px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: 0.12em;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero h1 em {
  margin-top: 104px;
  color: #356456;
  font-size: 0.55em;
  font-weight: 560;
  letter-spacing: 0.2em;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-title-seal {
  position: absolute;
  right: -5px;
  bottom: 10px;
  display: grid;
  width: 27px;
  height: 31px;
  place-items: center;
  border: 1px solid rgba(145, 72, 59, 0.72);
  color: #7f4136;
  background: rgba(168, 79, 65, 0.08);
  clip-path: polygon(5% 0, 95% 3%, 100% 91%, 8% 100%, 0 12%);
  font-family: var(--ml-song-serif);
  font-size: 9px;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.08em;
  writing-mode: vertical-rl;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero .ml-home-eyebrow,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__lede {
  left: 246px;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero .ml-home-eyebrow {
  color: rgba(29, 66, 55, 0.88);
  font-size: 14px;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__lede {
  width: min(390px, calc(48vw - 24px));
  color: var(--ml-song-ink-body);
  font-size: clamp(16px, 1.22vw, 18px);
  font-weight: 450;
  line-height: 1.85;
  letter-spacing: 0.02em;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-title-mark {
  color: rgba(125, 91, 50, 0.86);
  font-family: var(--ml-song-sans);
  font-size: 13.5px;
  font-weight: 600;
}

/* Cloud-paper question slip: whitespace, an ink rule, and a compact seal action. */
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer {
  --surface-shift-x: 0px;
  --surface-shift-y: 0px;
  --ml-composer-focus: 0;
  bottom: clamp(110px, 12.5svh, 126px);
  grid-template-columns: minmax(300px, 1fr) 128px 104px;
  gap: 8px;
  width: min(670px, 52vw);
  min-height: 108px;
  padding: 26px 14px 12px 22px;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 88% 4%, rgba(255, 252, 232, 0.76), transparent 33%),
    repeating-linear-gradient(13deg, rgba(92, 105, 87, 0.015) 0 1px, transparent 1px 6px),
    linear-gradient(142deg, rgba(246, 242, 228, 0.91), rgba(214, 227, 213, 0.81));
  box-shadow: var(--ml-song-paper-shadow), inset -1px 1px rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: blur(3px) saturate(0.9);
  backdrop-filter: blur(3px) saturate(0.9);
  clip-path: polygon(0 0, 96% 0, 100% 18%, 100% 100%, 2% 100%, 0 83%);
  transform: translate3d(var(--surface-shift-x), var(--surface-shift-y), 0);
  transition: box-shadow 300ms ease, background 300ms ease;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer::before {
  display: none;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer::after {
  right: 25%;
  bottom: 13px;
  left: 28px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(32, 91, 73, 0.7) 17%, rgba(145, 72, 59, 0.48) 64%, transparent);
  transform: scaleX(calc(0.28 + var(--ml-composer-focus) * 0.72));
  transform-origin: 42% 50%;
  transition: transform 560ms cubic-bezier(0.2, 0, 0, 1), opacity 280ms ease;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer:focus-within {
  --ml-composer-focus: 1;
  box-shadow: -20px 28px 52px rgba(17, 53, 43, 0.2), 8px -9px 30px rgba(255, 249, 222, 0.17), inset -1px 1px rgba(255, 255, 255, 0.65);
  transform: translate3d(var(--surface-shift-x), var(--surface-shift-y), 0);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-question-seal {
  position: absolute;
  z-index: 5;
  top: -13px;
  left: 20px;
  display: grid;
  width: 32px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(145, 72, 59, 0.74);
  color: #7d4035;
  background: rgba(245, 232, 214, 0.9);
  clip-path: polygon(4% 0, 96% 4%, 100% 91%, 9% 100%, 0 14%);
  font-family: var(--ml-song-serif);
  font-size: 16px;
  font-weight: 600;
  box-shadow: -3px 6px 12px rgba(72, 47, 38, 0.12);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer__field {
  align-items: end;
  min-width: 0;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer textarea {
  min-height: 62px;
  padding: 11px 14px 8px 8px;
  border: 0;
  color: #153d32;
  background: transparent;
  font-family: var(--ml-song-sans);
  font-size: 16px;
  font-weight: 450;
  line-height: 1.7;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer textarea::placeholder {
  color: rgba(37, 70, 59, 0.66);
  transition: opacity 260ms ease;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer:focus-within textarea::placeholder {
  opacity: 0.56;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer select {
  min-height: 48px;
  padding-inline: 12px 26px;
  border: 0;
  border-left: 1px solid rgba(35, 78, 65, 0.18);
  color: rgba(27, 66, 54, 0.92);
  background-color: transparent;
  font-family: var(--ml-song-sans);
  font-size: 14px;
  font-weight: 550;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer__submit {
  position: relative;
  align-self: center;
  min-width: 94px;
  min-height: 50px;
  padding: 0 14px;
  border: 1px solid rgba(255, 245, 214, 0.16);
  border-radius: 0;
  color: #f8f1df;
  background:
    radial-gradient(circle at 86% 8%, rgba(248, 231, 184, 0.22), transparent 31%),
    linear-gradient(145deg, #376b5c, #17493e 78%);
  box-shadow: -5px 9px 17px rgba(15, 48, 39, 0.22), 4px -4px 12px rgba(255, 245, 214, 0.08), inset -1px 1px rgba(255, 255, 255, 0.16);
  clip-path: polygon(5% 0, 94% 4%, 100% 88%, 88% 100%, 4% 95%, 0 10%);
  font-family: var(--ml-song-sans);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  transition: transform 240ms cubic-bezier(0.2, 0, 0, 1), box-shadow 240ms ease, filter 240ms ease;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer__submit::after {
  position: absolute;
  right: 7px;
  bottom: 6px;
  width: 7px;
  height: 7px;
  content: "";
  background: rgba(164, 77, 62, 0.72);
  clip-path: polygon(0 10%, 90% 0, 100% 92%, 12% 100%);
  opacity: 0.78;
  transform: scale(0.72);
  transition: transform 220ms ease, opacity 220ms ease;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer__submit i {
  display: none;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer__submit:hover {
  filter: brightness(1.045);
  box-shadow: -7px 12px 21px rgba(15, 48, 39, 0.24), 4px -4px 14px rgba(255, 245, 214, 0.11), inset -1px 1px rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer__submit:is(:active, .is-pressing) {
  box-shadow: -2px 4px 9px rgba(15, 48, 39, 0.2), inset 1px 2px 5px rgba(7, 35, 28, 0.25);
  transform: translateY(1px) scale(0.988);
  animation: ml-songbook-seal-press 340ms ease-out both;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer__submit:is(:active, .is-pressing)::after {
  opacity: 1;
  transform: scale(1.7);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer__state,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer__error,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-question-help {
  color: rgba(27, 62, 52, 0.86);
  font-family: var(--ml-song-sans);
  font-size: 14px;
  line-height: 1.55;
}

/* Section title breaks are authored, not left to accidental wrapping. */
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-section-heading h2 {
  color: var(--ml-song-ink);
  font-size: clamp(44px, 4vw, 58px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0.045em;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-heading-line {
  display: block;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-heading-line--secondary {
  margin-top: 0.16em;
  color: #315d50;
  font-size: 0.72em;
  font-weight: 560;
  letter-spacing: 0.1em;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-section-heading > p,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-section-heading > div > p:not(.ml-home-eyebrow) {
  color: var(--ml-song-ink-body);
  font-size: clamp(16px, 1.18vw, 18px);
  font-weight: 450;
  line-height: 1.82;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-section-heading > div > small {
  color: rgba(30, 66, 55, 0.84);
  font-size: 14px;
  line-height: 1.65;
}

/* Five Arts: chapter slips, a sole half-leaf, and open verification notes. */
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-capabilities .ml-home-paths {
  top: clamp(242px, 27svh, 274px);
  grid-template-columns: 150px minmax(0, 1fr);
  gap: clamp(34px, 3.6vw, 56px);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-tabs {
  justify-content: center;
  gap: 2px;
  padding-left: 10px;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-tabs::before {
  top: 16px;
  bottom: 16px;
  left: 23px;
  background: linear-gradient(180deg, transparent, rgba(34, 82, 68, 0.44) 12%, rgba(145, 72, 59, 0.34) 80%, transparent);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  min-width: 0;
  min-height: 58px;
  padding: 5px 3px 5px 0;
  border: 0;
  border-radius: 0;
  color: rgba(28, 63, 53, 0.86);
  background: transparent;
  font-family: var(--ml-song-sans);
  opacity: var(--node-opacity, 1);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node::before {
  top: 50%;
  left: 23px;
  width: 6px;
  height: 6px;
  border: 1px solid rgba(39, 91, 75, 0.48);
  border-radius: 0;
  background: rgba(242, 238, 222, 0.9);
  clip-path: polygon(0 8%, 91% 0, 100% 90%, 12% 100%);
  transform: translate(-50%, -50%);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node::after {
  position: absolute;
  top: 50%;
  left: 31px;
  width: 0;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, rgba(145, 72, 59, 0.74), transparent);
  transition: width 320ms cubic-bezier(0.2, 0, 0, 1);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node strong {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 0;
  color: var(--ml-song-ink);
  background: transparent;
  box-shadow: none;
  font-family: var(--ml-song-serif);
  font-size: 22px;
  font-weight: 600;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node span {
  display: block;
  padding-left: 10px;
  color: rgba(28, 63, 53, 0.86);
  font-size: 14px;
  font-weight: 520;
  letter-spacing: 0.06em;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node:hover,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node.is-active {
  color: var(--ml-song-ink);
  background: transparent;
  transform: translate3d(3px, var(--node-y), 0);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node.is-active::before {
  width: 14px;
  height: 16px;
  border-color: rgba(145, 72, 59, 0.72);
  background: var(--ml-song-cinnabar-soft);
  box-shadow: 0 0 0 5px rgba(145, 72, 59, 0.05);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node.is-active::after {
  width: 22px;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node.is-active strong,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node.is-active span {
  color: #163f34;
  font-weight: 650;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel {
  display: grid;
  grid-template-columns: minmax(360px, 560px) minmax(190px, 224px);
  grid-template-rows: auto minmax(0, 1fr) auto;
  justify-content: start;
  gap: 10px clamp(34px, 4.5vw, 64px);
  min-height: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel::after {
  display: none;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status {
  grid-column: 1 / -1;
  grid-row: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 11px;
  min-height: 26px;
  padding: 0 0 6px 26px;
  border: 0;
  color: rgba(29, 67, 56, 0.9);
  font-size: 14px;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status span,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status b,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status small {
  display: inline;
  margin: 0;
  color: inherit;
  font-size: 14px;
  font-weight: 570;
  line-height: 1.4;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status span {
  padding: 4px 9px;
  border-left: 2px solid rgba(145, 72, 59, 0.64);
  background: linear-gradient(90deg, rgba(244, 239, 223, 0.65), transparent);
  letter-spacing: 0.08em;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status::after {
  width: min(180px, 28%);
  margin-left: 2px;
  background: linear-gradient(90deg, rgba(38, 91, 75, 0.32), transparent);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy {
  position: relative;
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  min-height: 270px;
  padding: 34px 42px 34px 46px;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 88% 6%, rgba(255, 251, 230, 0.65), transparent 36%),
    repeating-linear-gradient(9deg, rgba(83, 99, 82, 0.014) 0 1px, transparent 1px 7px),
    linear-gradient(104deg, rgba(244, 240, 226, 0.82), rgba(224, 232, 216, 0.55) 72%, rgba(222, 230, 215, 0.14));
  box-shadow: -13px 20px 38px rgba(18, 54, 44, 0.11), 5px -6px 18px rgba(255, 249, 223, 0.1);
  clip-path: polygon(0 2%, 96% 0, 100% 13%, 98% 96%, 7% 100%, 0 87%);
  isolation: isolate;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy > .ml-content-reading-veil {
  inset: -18px -26px;
  opacity: 0.58;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy::before {
  z-index: 0;
  inset: 0;
  background: linear-gradient(142deg, rgba(255, 255, 255, 0.18), transparent 47%);
  filter: none;
  clip-path: inherit;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy::after {
  top: 31px;
  bottom: 31px;
  left: 23px;
  background: linear-gradient(180deg, rgba(145, 72, 59, 0.68), rgba(46, 101, 82, 0.38) 46%, transparent);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy p {
  position: relative;
  color: rgba(117, 81, 45, 0.9);
  font-family: var(--ml-song-sans);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.11em;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy h3 {
  position: relative;
  max-width: 12em;
  margin-top: 14px;
  color: var(--ml-song-ink);
  font-size: clamp(34px, 3.1vw, 44px);
  line-height: 1.22;
  letter-spacing: 0.045em;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy div {
  position: relative;
  max-width: 31em;
  margin-top: 18px;
  color: var(--ml-song-ink-body);
  font-size: clamp(16px, 1.16vw, 18px);
  font-weight: 450;
  line-height: 1.82;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__evidence {
  position: relative;
  grid-column: 2;
  grid-row: 2 / 4;
  align-self: center;
  min-height: 220px;
  margin: 0;
  padding: 20px 0 18px 20px;
  border: 0;
  border-left: 1px solid rgba(35, 83, 69, 0.34);
  border-radius: 0;
  color: var(--ml-song-ink);
  background: transparent;
  box-shadow: none;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__evidence > .ml-content-reading-veil {
  inset: -22px -36px -22px -24px;
  opacity: 0.9;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__evidence::before {
  display: none;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 14px;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__facts span {
  min-height: 64px;
  padding: 10px 8px 10px 0;
  border: 0;
  border-bottom: 1px solid rgba(36, 80, 67, 0.16);
  border-radius: 0;
  background: transparent;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__facts small {
  color: rgba(30, 65, 55, 0.84);
  font-size: 14px;
  font-weight: 520;
  letter-spacing: 0.05em;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__facts strong {
  margin-top: 5px;
  color: #1f493d;
  font-family: var(--ml-song-serif);
  font-size: 18px;
  font-weight: 600;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-meter {
  margin-top: 10px;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-meter p {
  color: rgba(31, 65, 55, 0.84);
  font-size: 14px;
  line-height: 1.5;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-meter__bar {
  height: 2px;
  background: rgba(34, 77, 64, 0.12);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-meter__bar span {
  border-radius: 0;
  background: linear-gradient(90deg, rgba(54, 112, 92, 0.54), rgba(145, 72, 59, 0.42));
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-meter__legend {
  margin-top: 8px;
  color: rgba(31, 65, 55, 0.82);
  font-size: 13.5px;
  line-height: 1.5;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__action {
  grid-column: 1;
  grid-row: 3;
  justify-self: start;
  min-width: 112px;
  min-height: 46px;
  margin: 0 0 0 46px;
  padding: 0 17px;
  border: 1px solid rgba(255, 245, 215, 0.14);
  border-radius: 0;
  color: #f7f0de;
  background:
    radial-gradient(circle at 86% 8%, rgba(248, 232, 187, 0.18), transparent 32%),
    linear-gradient(145deg, #366c5c, #17493e 76%);
  box-shadow: -5px 9px 16px rgba(14, 49, 40, 0.19), inset -1px 1px rgba(255, 255, 255, 0.14);
  clip-path: polygon(4% 0, 94% 3%, 100% 88%, 90% 100%, 3% 95%, 0 10%);
  font-size: 14px;
  font-weight: 600;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel.is-updating .ml-home-path-panel__copy {
  animation: ml-songbook-ink-reveal 650ms cubic-bezier(0.2, 0, 0, 1) both;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel.is-updating .ml-home-path-panel__evidence {
  animation: ml-songbook-page-rise 680ms 100ms cubic-bezier(0.2, 0, 0, 1) both;
}

/* Evidence: one water-vein annotation and one layered album leaf. */
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-evidence .ml-home-section-heading {
  width: min(450px, 34vw);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion {
  top: clamp(340px, 42svh, 385px);
  left: var(--ml-content-inline);
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 18px;
  width: min(500px, 37vw);
  padding: 18px 0 18px 24px;
  border: 0;
  border-left: 1px solid rgba(145, 72, 59, 0.46);
  background: transparent;
  box-shadow: none;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion::before {
  display: none;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion small {
  color: rgba(112, 75, 43, 0.9);
  font-size: 14px;
  font-weight: 600;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion p {
  color: var(--ml-song-ink-body);
  font-size: 16px;
  font-weight: 450;
  line-height: 1.78;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet {
  --surface-shift-x: 0px;
  --surface-shift-y: 0px;
  position: absolute;
  z-index: 4;
  top: clamp(114px, 12.5svh, 136px);
  right: var(--ml-content-inline);
  bottom: clamp(44px, 5svh, 60px);
  display: flex;
  flex-direction: column;
  width: min(610px, 42vw);
  min-height: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  pointer-events: auto;
  background:
    radial-gradient(circle at 87% 5%, rgba(255, 252, 231, 0.76), transparent 34%),
    repeating-linear-gradient(12deg, rgba(82, 95, 80, 0.014) 0 1px, transparent 1px 7px),
    linear-gradient(145deg, rgba(246, 242, 229, 0.93), rgba(216, 228, 214, 0.85));
  box-shadow: -20px 28px 52px rgba(17, 53, 43, 0.18), 8px -10px 30px rgba(255, 250, 229, 0.12);
  -webkit-backdrop-filter: blur(3px) saturate(0.9);
  backdrop-filter: blur(3px) saturate(0.9);
  clip-path: polygon(0 1%, 96% 0, 100% 9%, 99% 98%, 5% 100%, 0 91%);
  isolation: isolate;
  opacity: var(--chapter-carrier, 1);
  transform: translate3d(calc(var(--chapter-right-x) + var(--surface-shift-x)), var(--surface-shift-y), 0);
  transition: box-shadow 280ms ease, transform 280ms cubic-bezier(0.2, 0, 0, 1);
  animation: ml-songbook-page-rise 760ms cubic-bezier(0.2, 0, 0, 1) both;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet::before,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet::after {
  position: absolute;
  z-index: -2;
  inset: 8px -7px -8px 8px;
  content: "";
  background: rgba(213, 223, 207, 0.68);
  box-shadow: -9px 13px 25px rgba(18, 52, 43, 0.08);
  clip-path: polygon(0 2%, 96% 0, 100% 10%, 99% 97%, 5% 100%, 0 91%);
  pointer-events: none;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet::after {
  z-index: -1;
  inset: -5px 8px 7px -7px;
  background:
    linear-gradient(145deg, rgba(250, 246, 231, 0.76), rgba(221, 229, 213, 0.58));
  opacity: 0.72;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet:hover {
  box-shadow: -22px 30px 55px rgba(17, 53, 43, 0.2), 9px -11px 32px rgba(255, 250, 229, 0.15);
  transform: translate3d(calc(var(--chapter-right-x) + var(--surface-shift-x)), calc(var(--surface-shift-y) - 2px), 0);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet .ml-home-report__header {
  position: relative;
  top: auto;
  right: auto;
  flex: 0 0 auto;
  width: auto;
  padding: 28px 34px 22px;
  border: 0;
  background: transparent;
  transform: none;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet .ml-home-report__header::after {
  right: 34px;
  left: 34px;
  background: linear-gradient(90deg, rgba(35, 82, 68, 0.26), rgba(145, 72, 59, 0.24) 58%, transparent);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__header p,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__header small,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__header > span {
  color: rgba(31, 65, 55, 0.86);
  font-family: var(--ml-song-sans);
  font-size: 14px;
  line-height: 1.55;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__header h3 {
  max-width: 15em;
  margin-top: 7px;
  color: var(--ml-song-ink);
  font-size: clamp(26px, 2.15vw, 34px);
  line-height: 1.25;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__header > span {
  min-height: 32px;
  padding: 5px 10px 5px 12px;
  border: 0;
  border-left: 2px solid rgba(145, 72, 59, 0.58);
  background: linear-gradient(90deg, rgba(240, 231, 213, 0.7), transparent);
  font-weight: 600;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet .ml-home-trace-list {
  flex: 1 1 auto;
  min-height: 0;
  padding: 6px 34px 24px;
  overflow: auto;
  border: 0;
  background: transparent;
  scrollbar-color: rgba(46, 95, 78, 0.3) transparent;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step:not(:last-child)::after {
  right: 42%;
  left: 54px;
  background: linear-gradient(90deg, rgba(36, 80, 67, 0.2), rgba(145, 72, 59, 0.12), transparent);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step summary {
  grid-template-columns: 44px minmax(0, 1fr) 34px;
  min-height: 68px;
  padding: 8px 0;
  border-radius: 0;
  transition: color 220ms ease, transform 220ms ease;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step__index {
  display: grid;
  width: 30px;
  height: 34px;
  place-items: center;
  border-left: 2px solid rgba(145, 72, 59, 0.55);
  color: rgba(110, 76, 43, 0.92);
  background: linear-gradient(90deg, rgba(239, 230, 211, 0.66), transparent);
  font-family: var(--ml-song-serif);
  font-size: 14px;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step__title strong {
  color: var(--ml-song-ink);
  font-size: 17px;
  line-height: 1.45;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step__title small {
  margin-top: 3px;
  color: rgba(31, 65, 55, 0.84);
  font-size: 14px;
  line-height: 1.45;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step__toggle {
  position: relative;
  display: grid;
  width: 30px;
  height: 32px;
  place-items: center;
  color: transparent;
  font-size: 0;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step__toggle::before {
  display: grid;
  width: 22px;
  height: 24px;
  place-items: center;
  border: 1px solid rgba(39, 91, 75, 0.34);
  color: rgba(30, 66, 55, 0.9);
  content: "展";
  background: rgba(238, 235, 219, 0.5);
  clip-path: polygon(2% 0, 96% 5%, 100% 92%, 8% 100%);
  font-family: var(--ml-song-serif);
  font-size: 12px;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step[open] .ml-home-trace-step__toggle::before {
  border-color: rgba(145, 72, 59, 0.48);
  color: #7e4036;
  content: "合";
  background: rgba(160, 74, 61, 0.08);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step__detail {
  padding-top: 2px;
  color: var(--ml-song-ink-body);
  font-size: 16px;
  line-height: 1.75;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step__detail :is(dt, dd) {
  color: rgba(31, 65, 55, 0.86);
  font-size: 14px;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step[open] .ml-home-trace-step__detail {
  animation: ml-songbook-page-unfold 440ms cubic-bezier(0.2, 0, 0, 1) both;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__body {
  top: clamp(468px, 57svh, 516px);
  width: min(420px, 31vw);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__body::after {
  display: none;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map {
  padding: 10px 0 4px 24px;
  color: var(--ml-song-ink-body);
  background: transparent;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map > p,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map > small,
html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map strong {
  color: rgba(27, 63, 52, 0.9);
  font-size: 14px;
  line-height: 1.45;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map b {
  color: rgba(30, 67, 55, 0.9);
  font-family: var(--ml-song-serif);
  font-size: 14px;
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map b::after {
  width: 6px;
  height: 6px;
  border-radius: 0;
  background: rgba(49, 101, 84, 0.62);
  clip-path: polygon(0 9%, 93% 0, 100% 91%, 8% 100%);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map span.is-active b::after {
  background: var(--ml-song-cinnabar);
  box-shadow: 0 0 0 6px rgba(145, 72, 59, 0.08);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map > .ml-content-reading-veil {
  inset: -28px -42px;
  opacity: 0.76;
}

/* Debugging is deliberately opt-in and never part of production UI. */
html.ml-content-readability-debug .ml-content-readability-layer {
  position: fixed;
  z-index: 9000;
  inset: 0;
  pointer-events: none;
}

html.ml-content-readability-debug .ml-content-readability-legend {
  position: fixed;
  right: 18px;
  bottom: 18px;
  margin: 0;
  padding: 9px 12px;
  color: #f7f2e3;
  background: rgba(21, 55, 46, 0.88);
  font: 12px/1.5 var(--ml-song-sans);
  letter-spacing: 0.04em;
}

html.ml-content-readability-debug .ml-content-readability-box {
  position: fixed;
  top: var(--debug-top);
  left: var(--debug-left);
  width: var(--debug-width);
  height: var(--debug-height);
  border: 1px solid rgba(151, 64, 52, 0.8);
  outline: 1px dashed rgba(36, 103, 83, 0.76);
  outline-offset: 7px;
  color: #fff9e8;
  background: rgba(145, 72, 59, 0.08);
  font: 11px/1.3 var(--ml-song-sans);
}

html.ml-content-readability-debug .ml-content-readability-box[data-readability-status="pass"] {
  border-color: rgba(45, 117, 89, 0.9);
  outline-color: rgba(45, 117, 89, 0.72);
}

html.ml-content-readability-debug .ml-content-readability-box[data-readability-status="review"] {
  border-color: rgba(151, 64, 52, 0.92);
  outline-color: rgba(151, 64, 52, 0.78);
}

html.ml-content-readability-debug .ml-content-readability-box[data-readability-status="unknown"] {
  border-color: rgba(116, 103, 78, 0.92);
  outline-color: rgba(116, 103, 78, 0.7);
}

html.ml-content-readability-debug .ml-content-readability-box::before {
  position: absolute;
  top: -22px;
  left: -1px;
  padding: 3px 6px;
  content: attr(data-readability-target);
  color: #fff9e8;
  background: rgba(127, 55, 44, 0.86);
}

html.ml-content-scrollbook.ml-content-decard.ml-content-songbook :is(
  .ml-home-composer textarea,
  .ml-home-composer select,
  .ml-home-composer__submit,
  .ml-home-path-node,
  .ml-home-path-panel__action,
  .ml-home-trace-step > summary,
  .ml-content-chapter-rail a
):focus-visible {
  outline: 2px solid rgba(139, 68, 56, 0.82);
  outline-offset: 4px;
}

@keyframes ml-songbook-ink-reveal {
  from { opacity: 0; filter: blur(6px); clip-path: inset(0 7% 0 0 round 0); transform: translateY(18px); }
  to { opacity: 1; filter: blur(0); clip-path: inset(0); transform: translateY(0); }
}

@keyframes ml-songbook-page-rise {
  from { opacity: 0; filter: blur(4px); transform: translateY(16px); }
  to { opacity: 1; filter: blur(0); transform: translateY(0); }
}

@keyframes ml-songbook-seal-press {
  0% { filter: saturate(0.94); }
  55% { filter: saturate(1.08); }
  100% { filter: saturate(1); }
}

@keyframes ml-songbook-page-unfold {
  from { opacity: 0; clip-path: inset(0 0 100% 0); transform: translateY(-6px); }
  to { opacity: 1; clip-path: inset(0); transform: translateY(0); }
}

/*
 * c72 — 无框题跋 · 浮卷云笺 · 玉简点题
 *
 * This block deliberately replaces the c71 shared-card skin without touching
 * the approved C57 scene, camera, reflection, water or cinematic selectors.
 */
html.ml-content-scrollbook.ml-content-decard {
  --ml-decard-paper: rgba(242, 240, 228, 0.76);
  --ml-decard-paper-soft: rgba(237, 239, 225, 0.56);
  --ml-decard-paper-light: rgba(255, 253, 245, 0.68);
  --ml-decard-ink: #18392f;
  --ml-decard-ink-soft: rgba(27, 57, 48, 0.76);
  --ml-decard-jade: #245f4f;
  --ml-decard-jade-soft: rgba(42, 96, 79, 0.18);
  --ml-decard-copper: #9a7447;
  --ml-decard-moon-edge: rgba(255, 251, 235, 0.74);
  --ml-decard-cool-shadow: rgba(14, 48, 39, 0.16);
  --ml-decard-carrier-shadow: -18px 24px 50px var(--ml-decard-cool-shadow), inset -1px 1px rgba(255, 255, 255, 0.46);
}

/* Three content depths: inscription, carrier, annotation. */
html.ml-content-scrollbook.ml-content-decard [data-content-layer="inscription"] {
  --surface-shift-x: 0px;
  --surface-shift-y: 0px;
}

html.ml-content-scrollbook.ml-content-decard .ml-content-chapter__sticky > .ml-home-section-heading {
  opacity: var(--chapter-inscription, 1);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy,
html.ml-content-scrollbook.ml-content-decard .ml-home-report__conclusion {
  opacity: var(--chapter-carrier, 1);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-tabs,
html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__evidence,
html.ml-content-scrollbook.ml-content-decard .ml-home-report__map {
  opacity: var(--chapter-annotation, 1);
}

/* Navigation is an incomplete paper-and-ink rule rather than a toolbar. */
html.ml-content-scrollbook.ml-content-decard .ml-home-header {
  background: linear-gradient(180deg, rgba(246, 242, 230, 0.34), rgba(246, 242, 230, 0.08) 58%, transparent);
  box-shadow: none;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-header::after {
  right: 27%;
  background: linear-gradient(90deg, rgba(36, 78, 65, 0.32), rgba(145, 106, 64, 0.18) 46%, transparent 100%);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-header.is-scrolled {
  background: linear-gradient(180deg, rgba(240, 237, 226, 0.65), rgba(240, 237, 226, 0.32) 72%, transparent);
  box-shadow: 0 14px 34px rgba(25, 54, 45, 0.045);
  -webkit-backdrop-filter: blur(7px) saturate(0.9);
  backdrop-filter: blur(7px) saturate(0.9);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-nav a::after {
  width: 15px;
  background: linear-gradient(90deg, var(--ml-decard-copper), transparent);
}

/* Hero inscription: one editorial axis, two deliberately unequal title groups. */
html.ml-content-scrollbook.ml-content-decard .ml-home-hero__copy {
  width: min(650px, 49vw);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-hero__copy::before {
  inset: -68px -44px -48px -58px;
  background:
    radial-gradient(ellipse at 23% 43%, rgba(247, 243, 229, 0.68), rgba(247, 243, 229, 0.25) 48%, transparent 76%),
    linear-gradient(102deg, rgba(246, 242, 229, 0.36), transparent 82%);
  filter: blur(11px);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-hero__copy::after {
  position: absolute;
  top: 8px;
  left: 190px;
  width: 1px;
  height: 154px;
  content: "";
  background: linear-gradient(180deg, transparent, rgba(44, 93, 77, 0.32) 18%, rgba(153, 112, 66, 0.3) 72%, transparent);
  pointer-events: none;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-hero h1 {
  gap: 18px;
  width: 168px;
  color: var(--ml-decard-ink);
  font-size: clamp(50px, 4.2vw, 61px);
  letter-spacing: 0.16em;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-hero h1 em {
  margin-top: 82px;
  color: #37685a;
  font-size: 0.7em;
  letter-spacing: 0.2em;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-hero .ml-home-eyebrow,
html.ml-content-scrollbook.ml-content-decard .ml-home-hero__lede {
  left: 218px;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-hero__lede {
  width: min(380px, calc(48vw - 24px));
  color: var(--ml-decard-ink-soft);
  line-height: 2.05;
}

/* Water-bank cloud paper: the sole Hero carrier. */
html.ml-content-scrollbook.ml-content-decard .ml-home-composer {
  --surface-shift-x: 0px;
  --surface-shift-y: 0px;
  --surface-light-x: 82%;
  --surface-light-y: 8%;
  bottom: clamp(112px, 13svh, 132px);
  grid-template-columns: minmax(260px, 1fr) 126px 112px;
  gap: 2px;
  width: min(660px, 52vw);
  min-height: 100px;
  padding: 24px 10px 10px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at var(--surface-light-x) var(--surface-light-y), rgba(255, 255, 255, 0.56), transparent 32%),
    linear-gradient(140deg, rgba(248, 245, 235, 0.82), rgba(219, 230, 217, 0.7));
  box-shadow: var(--ml-decard-carrier-shadow);
  -webkit-backdrop-filter: blur(5px) saturate(0.88);
  backdrop-filter: blur(5px) saturate(0.88);
  clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 17px, 100% 100%, 13px 100%, 0 calc(100% - 13px));
  transform: translate3d(var(--surface-shift-x), var(--surface-shift-y), 0);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-composer::before {
  top: 7px;
  left: 17px;
  color: rgba(35, 83, 69, 0.68);
  font-size: 8px;
  letter-spacing: 0.22em;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-composer::after {
  right: 24%;
  bottom: 8px;
  left: 18px;
  background: linear-gradient(90deg, rgba(44, 101, 83, 0.56), rgba(232, 213, 169, 0.62), transparent);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-composer:focus-within {
  border-color: transparent;
  box-shadow: -20px 27px 55px rgba(14, 48, 39, 0.19), inset -1px 1px rgba(255, 255, 255, 0.6);
  transform: translate3d(var(--surface-shift-x), calc(var(--surface-shift-y) - 3px), 0);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-composer textarea {
  min-height: 58px;
  padding: 10px 14px 7px;
  font-size: 14px;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-composer select {
  min-width: 0;
  min-height: 46px;
  margin: 0;
  border-left: 1px solid rgba(36, 78, 65, 0.16);
  font-size: 10px;
  letter-spacing: 0.04em;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-composer__error,
html.ml-content-scrollbook.ml-content-decard .ml-home-composer__state {
  position: absolute;
  top: calc(100% + 7px);
  left: 8px;
  padding: 0;
  text-shadow: 0 1px 10px rgba(247, 244, 232, 0.8);
}

/* A compact jade button, visually separate from the cloud paper plane. */
html.ml-content-scrollbook.ml-content-decard .ml-home-composer__submit {
  align-self: end;
  min-width: 0;
  min-height: 48px;
  padding: 0 13px;
  border: 0;
  border-radius: 0;
  color: #f6f2e7;
  background:
    radial-gradient(circle at 86% 8%, rgba(244, 236, 204, 0.2), transparent 32%),
    linear-gradient(145deg, #326d5d, #154b40 76%);
  box-shadow: -6px 10px 20px rgba(14, 52, 42, 0.2), inset -1px 1px rgba(255, 255, 255, 0.15);
  clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 7px 100%, 0 calc(100% - 7px));
  font-size: 11px;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-composer__submit:hover {
  background:
    radial-gradient(circle at 86% 8%, rgba(250, 239, 197, 0.28), transparent 34%),
    linear-gradient(145deg, #3a7665, #185043 76%);
  box-shadow: -8px 13px 24px rgba(14, 52, 42, 0.22), inset -1px 1px rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-composer__submit:is(:active, .is-pressing) {
  box-shadow: -3px 5px 12px rgba(14, 52, 42, 0.18), inset 1px 2px 4px rgba(9, 42, 34, 0.2);
  transform: translateY(1px) scale(0.988);
}

html.ml-content-scrollbook.ml-content-decard :is(.ml-home-path-node, .ml-home-path-panel__action, .ml-home-trace-step > summary, .ml-content-chapter-rail a).is-pressing {
  transform: translateY(1px) scale(0.992);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-question-help {
  bottom: clamp(70px, 8svh, 82px);
  width: min(660px, 52vw);
}

/* Five Arts — chapter slips, one open inscription, one compact verification note. */
html.ml-content-scrollbook.ml-content-decard .ml-home-capabilities .ml-home-paths {
  top: clamp(244px, 27svh, 278px);
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: clamp(34px, 3.4vw, 52px);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-tabs {
  justify-content: center;
  gap: 2px;
  padding: 0 0 0 9px;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-tabs::before {
  top: 12px;
  bottom: 12px;
  left: 20px;
  background: linear-gradient(180deg, transparent, rgba(39, 91, 75, 0.38) 14%, rgba(151, 110, 64, 0.3) 82%, transparent);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-node {
  grid-template-columns: 28px minmax(0, 1fr) auto;
  min-height: 54px;
  padding: 4px 4px 4px 0;
  color: rgba(30, 61, 51, 0.58);
  background: transparent;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-node::before {
  position: absolute;
  top: 50%;
  left: 18px;
  width: 5px;
  height: 5px;
  border: 1px solid rgba(39, 91, 75, 0.42);
  border-radius: 50%;
  content: "";
  background: rgba(241, 238, 225, 0.74);
  transform: translate(-50%, -50%);
  transition: background 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-node strong {
  width: 28px;
  height: 28px;
  border: 0;
  color: transparent;
  background: transparent;
  box-shadow: none;
  font-size: 0;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-node span {
  padding-left: 11px;
  font-size: 12px;
  letter-spacing: 0.12em;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-node:hover,
html.ml-content-scrollbook.ml-content-decard .ml-home-path-node.is-active {
  color: #173f34;
  background: transparent;
  transform: translate3d(3px, var(--node-y), 0);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-node:hover::before,
html.ml-content-scrollbook.ml-content-decard .ml-home-path-node.is-active::before {
  background: #d5c8a4;
  box-shadow: 0 0 0 7px rgba(55, 111, 91, 0.1), 0 0 18px rgba(240, 226, 187, 0.4);
  transform: translate(-50%, -50%) scale(1.05);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-node.is-active span {
  color: #173f34;
  font-weight: 620;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel {
  display: grid;
  grid-template-columns: minmax(360px, 1fr) minmax(210px, 250px);
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 12px clamp(34px, 4vw, 56px);
  min-height: 0;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__status {
  grid-column: 1 / -1;
  grid-row: 1;
  min-height: 24px;
  padding: 0 0 8px;
  border-bottom: 0;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__status::after {
  width: min(220px, 36%);
  height: 1px;
  margin-left: 4px;
  content: "";
  background: linear-gradient(90deg, rgba(42, 90, 75, 0.22), transparent);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy,
html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__evidence {
  box-shadow: none;
  transform: none;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy {
  position: relative;
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  min-height: 270px;
  padding: clamp(30px, 4vw, 48px) 20px clamp(28px, 3vw, 40px) 38px;
  border: 0;
  border-radius: 0;
  background: transparent;
  isolation: isolate;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy::before {
  position: absolute;
  z-index: -1;
  inset: -18px -28px -18px -30px;
  content: "";
  background:
    radial-gradient(ellipse at 38% 48%, rgba(246, 243, 231, 0.68), rgba(246, 243, 231, 0.25) 55%, transparent 79%),
    linear-gradient(100deg, rgba(242, 240, 227, 0.34), transparent 88%);
  filter: blur(8px);
  pointer-events: none;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy::after {
  position: absolute;
  top: 34px;
  bottom: 36px;
  left: 15px;
  width: 1px;
  content: "";
  background: linear-gradient(180deg, var(--ml-decard-copper), rgba(36, 91, 75, 0.24) 42%, transparent);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy h3 {
  margin-top: 15px;
  color: var(--ml-decard-ink);
  font-size: clamp(32px, 3.2vw, 44px);
  line-height: 1.3;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy div {
  max-width: 31em;
  margin-top: 20px;
  color: var(--ml-decard-ink-soft);
  line-height: 2;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__evidence {
  position: relative;
  z-index: 1;
  grid-column: 2;
  grid-row: 2 / 4;
  align-self: center;
  min-height: 220px;
  margin: 0;
  padding: 22px 0 20px 20px;
  border: 0;
  border-left: 1px solid rgba(37, 88, 73, 0.26);
  border-radius: 0;
  color: var(--ml-decard-ink);
  background: transparent;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__evidence::before {
  position: absolute;
  z-index: -1;
  inset: -18px -34px -18px -20px;
  content: "";
  background: linear-gradient(102deg, rgba(230, 235, 222, 0.64), rgba(230, 235, 222, 0.16) 72%, transparent);
  filter: blur(7px);
  pointer-events: none;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 0;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__facts span {
  min-height: 58px;
  padding: 10px 10px 10px 0;
  border: 0;
  border-bottom: 1px solid rgba(36, 80, 67, 0.13);
  background: transparent;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__facts span:nth-last-child(-n + 2) {
  border-bottom-color: transparent;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__facts small,
html.ml-content-scrollbook.ml-content-decard .ml-home-path-meter p,
html.ml-content-scrollbook.ml-content-decard .ml-home-path-meter__legend {
  color: rgba(31, 63, 53, 0.6);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__facts strong,
html.ml-content-scrollbook.ml-content-decard .ml-home-path-meter p strong {
  color: #214b3f;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-meter__bar {
  background: rgba(34, 77, 64, 0.1);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-meter__bar span {
  background: linear-gradient(90deg, rgba(65, 122, 102, 0.66), rgba(194, 157, 99, 0.62));
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__action {
  grid-column: 1;
  grid-row: 3;
  justify-self: start;
  min-width: 118px;
  min-height: 44px;
  margin-left: 38px;
  padding: 0 18px;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 84% 8%, rgba(247, 235, 197, 0.2), transparent 32%),
    linear-gradient(145deg, rgba(48, 108, 90, 0.96), rgba(20, 73, 61, 0.96));
  box-shadow: -5px 9px 18px rgba(14, 50, 41, 0.18), inset -1px 1px rgba(255, 255, 255, 0.14);
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel.is-updating .ml-home-path-panel__copy {
  animation: ml-decard-inscription-change 480ms cubic-bezier(0.2, 0, 0, 1) both;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel.is-updating .ml-home-path-panel__evidence {
  animation: ml-decard-annotation-change 520ms 70ms cubic-bezier(0.2, 0, 0, 1) both;
}

/* Traceability — one open annotation plane and one actual booklet. */
html.ml-content-scrollbook.ml-content-decard .ml-home-evidence .ml-home-section-heading {
  width: min(410px, 31vw);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__conclusion {
  top: clamp(360px, 45svh, 405px);
  left: var(--ml-content-inline);
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 18px;
  width: min(470px, 35vw);
  padding: 18px 0 18px 24px;
  border: 0;
  border-left: 1px solid rgba(37, 87, 72, 0.3);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
  transform: translate3d(var(--chapter-left-x), 0, 0);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__conclusion::before {
  position: absolute;
  z-index: -1;
  inset: -26px -62px -26px -34px;
  content: "";
  background: radial-gradient(ellipse at 34% 50%, rgba(247, 243, 229, 0.56), rgba(240, 240, 225, 0.24) 48%, transparent 76%);
  pointer-events: none;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__conclusion p {
  color: #284b40;
  font-size: 14px;
}

html.ml-content-scrollbook.ml-content-decard .ml-content-report-booklet {
  --surface-shift-x: 0px;
  --surface-shift-y: 0px;
  --surface-light-x: 86%;
  --surface-light-y: 7%;
  position: absolute;
  z-index: 4;
  top: clamp(128px, 14svh, 150px);
  right: var(--ml-content-inline);
  bottom: clamp(48px, 5.5svh, 64px);
  display: flex;
  flex-direction: column;
  width: min(600px, 42vw);
  min-height: 0;
  overflow: hidden;
  pointer-events: auto;
  background:
    radial-gradient(circle at var(--surface-light-x) var(--surface-light-y), rgba(255, 255, 255, 0.56), transparent 34%),
    linear-gradient(146deg, rgba(247, 244, 233, 0.86), rgba(219, 230, 218, 0.72));
  box-shadow: var(--ml-decard-carrier-shadow);
  -webkit-backdrop-filter: blur(5px) saturate(0.88);
  backdrop-filter: blur(5px) saturate(0.88);
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
  opacity: var(--chapter-carrier, 1);
  transform: translate3d(calc(var(--chapter-right-x) + var(--surface-shift-x)), var(--surface-shift-y), 0);
  transition: box-shadow 280ms ease, transform 280ms cubic-bezier(0.2, 0, 0, 1);
}

html.ml-content-scrollbook.ml-content-decard .ml-content-report-booklet::after {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 14%;
  width: 42%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--ml-decard-moon-edge));
  pointer-events: none;
}

html.ml-content-scrollbook.ml-content-decard .ml-content-report-booklet:hover {
  box-shadow: -20px 27px 55px rgba(14, 48, 39, 0.18), inset -1px 1px rgba(255, 255, 255, 0.52);
  transform: translate3d(calc(var(--chapter-right-x) + var(--surface-shift-x)), calc(var(--surface-shift-y) - 2px), 0);
}

html.ml-content-scrollbook.ml-content-decard .ml-content-report-booklet .ml-home-report__header {
  position: relative;
  top: auto;
  right: auto;
  display: flex;
  flex: 0 0 auto;
  width: auto;
  padding: 30px 34px 22px;
  border: 0;
  background: transparent;
  transform: none;
}

html.ml-content-scrollbook.ml-content-decard .ml-content-report-booklet .ml-home-report__header::after {
  position: absolute;
  right: 34px;
  bottom: 0;
  left: 34px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, rgba(36, 80, 67, 0.2), rgba(151, 110, 64, 0.18), transparent);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__header h3 {
  max-width: 13em;
  margin-top: 7px;
  font-size: clamp(23px, 2.15vw, 31px);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__header > span {
  align-self: flex-start;
  min-height: 30px;
  padding-left: 12px;
  border-left: 1px solid rgba(37, 87, 72, 0.2);
  font-size: 9px;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__body {
  position: absolute;
  top: clamp(470px, 58svh, 525px);
  right: auto;
  bottom: clamp(54px, 6svh, 72px);
  left: var(--ml-content-inline);
  display: block;
  width: min(390px, 29vw);
  isolation: isolate;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__body::after {
  position: absolute;
  z-index: -1;
  inset: -28px -54px -32px -30px;
  content: "";
  background: radial-gradient(ellipse at 30% 45%, rgba(233, 237, 222, 0.32), rgba(230, 236, 223, 0.12) 52%, transparent 76%);
  pointer-events: none;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__map {
  order: 0;
  height: 100%;
  min-height: 0;
  padding: 12px 0 4px 24px;
  background: transparent;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__map::before {
  top: 46px;
  bottom: 30px;
  left: 34px;
  background: linear-gradient(180deg, transparent, rgba(39, 96, 79, 0.44) 16%, rgba(152, 110, 61, 0.3) 76%, transparent);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__map > p {
  padding-left: 37px;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__map > span,
html.ml-content-scrollbook.ml-content-decard .ml-home-report__map > span:nth-of-type(n) {
  grid-template-columns: 22px 1px minmax(0, 1fr);
  gap: 10px;
  min-height: 43px;
  margin-left: 0;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__map > span:nth-of-type(2),
html.ml-content-scrollbook.ml-content-decard .ml-home-report__map > span:nth-of-type(4) {
  margin-left: 14px;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__map > span:nth-of-type(3) {
  margin-left: 26px;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__map b {
  position: relative;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 0;
  color: rgba(39, 93, 77, 0.68);
  background: transparent;
  box-shadow: none;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__map b::after {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  content: "";
  background: rgba(50, 105, 87, 0.48);
  transition: box-shadow 220ms ease, background 220ms ease;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__map span.is-active b {
  color: #245f4f;
  background: transparent;
  box-shadow: none;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report__map span.is-active b::after {
  background: #c9b37d;
  box-shadow: 0 0 0 6px rgba(50, 105, 87, 0.1), 0 0 18px rgba(235, 216, 169, 0.44);
}

html.ml-content-scrollbook.ml-content-decard .ml-content-report-booklet .ml-home-trace-list {
  flex: 1 1 auto;
  min-height: 0;
  padding: 4px 34px 22px;
  overflow: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-trace-step {
  position: relative;
  border: 0;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-trace-step:not(:last-child)::after {
  position: absolute;
  right: 30%;
  bottom: 0;
  left: 42px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, rgba(36, 80, 67, 0.18), transparent);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-trace-step summary {
  min-height: 64px;
  padding: 7px 0;
  border-radius: 0;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-trace-step summary:hover .ml-home-trace-step__title strong,
html.ml-content-scrollbook.ml-content-decard .ml-home-trace-step summary:focus-visible .ml-home-trace-step__title strong {
  color: #1a5647;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-trace-step__toggle {
  color: rgba(39, 93, 77, 0.68);
  font-size: 9px;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-trace-step[open] .ml-home-trace-step__detail {
  animation: ml-decard-page-open 360ms cubic-bezier(0.2, 0, 0, 1) both;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-trace-live {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

html.ml-content-scrollbook.ml-content-decard .ml-home-report > footer {
  bottom: 24px;
  max-width: min(410px, 31vw);
  color: rgba(43, 68, 59, 0.62);
}

html.ml-content-scrollbook.ml-content-decard :is(.ml-home-composer, .ml-home-path-node, .ml-home-path-panel__action, .ml-home-trace-step summary, .ml-content-chapter-rail a):focus-visible {
  outline: 1px solid rgba(28, 101, 82, 0.72);
  outline-offset: 4px;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel[tabindex]:focus-visible {
  outline: 0;
  box-shadow: none;
}

html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel[tabindex]:focus-visible .ml-home-path-panel__copy::after {
  opacity: 1;
  background: linear-gradient(180deg, rgba(37, 103, 83, 0.7), rgba(158, 119, 68, 0.34), transparent);
}

@keyframes ml-decard-inscription-change {
  from { opacity: 0; filter: blur(5px); transform: translateY(14px); }
  to { opacity: 1; filter: blur(0); transform: translateY(0); }
}

@keyframes ml-decard-annotation-change {
  from { opacity: 0; filter: blur(4px); transform: translateY(10px); }
  to { opacity: 1; filter: blur(0); transform: translateY(0); }
}

@keyframes ml-decard-page-open {
  from { opacity: 0; clip-path: inset(0 0 100% 0); transform: translateY(-5px); }
  to { opacity: 1; clip-path: inset(0); transform: translateY(0); }
}

@media (min-width: 1800px) {
  html.ml-content-scrollbook.ml-content-decard .ml-home-composer,
  html.ml-content-scrollbook.ml-content-decard .ml-home-question-help {
    width: 690px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-capabilities .ml-home-paths {
    grid-template-columns: 160px minmax(0, 1fr);
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel {
    grid-template-columns: minmax(420px, 560px) 250px;
    justify-content: start;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-content-report-booklet {
    width: 640px;
  }
}

@media (min-width: 768px) {
  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__status span,
  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__status b {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__status small {
    margin-left: auto;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  html.ml-content-scrollbook.ml-content-decard .ml-home-hero__copy {
    width: min(610px, 62vw);
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-hero .ml-home-eyebrow,
  html.ml-content-scrollbook.ml-content-decard .ml-home-hero__lede {
    left: 190px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-hero__copy::after {
    left: 165px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-composer,
  html.ml-content-scrollbook.ml-content-decard .ml-home-question-help {
    width: min(610px, 64vw);
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-capabilities .ml-home-paths {
    grid-template-columns: 128px minmax(0, 1fr);
    gap: 28px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel {
    grid-template-columns: minmax(300px, 1fr) 200px;
    gap: 10px 26px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy {
    padding-right: 8px;
    padding-left: 30px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-evidence .ml-home-section-heading {
    width: min(330px, 34vw);
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-report__conclusion {
    width: min(330px, 36vw);
    grid-template-columns: 1fr;
    gap: 7px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-report__body {
    width: min(300px, 31vw);
  }

  html.ml-content-scrollbook.ml-content-decard .ml-content-report-booklet {
    width: min(520px, 50vw);
  }
}

@media (min-width: 768px) and (max-width: 900px) and (orientation: portrait) {
  html.ml-content-scrollbook.ml-content-decard .ml-home-composer,
  html.ml-content-scrollbook.ml-content-decard .ml-home-question-help {
    width: min(590px, calc(100vw - 2 * var(--ml-content-inline)));
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-capabilities .ml-home-paths {
    top: 300px;
    display: block;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: 58px;
    padding: 0;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-tabs::before {
    top: 28px;
    right: 2%;
    bottom: auto;
    left: 2%;
    width: auto;
    height: 1px;
    transform: scaleX(var(--chapter-enter));
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-node {
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: 58px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-node::before {
    left: 50%;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-node span {
    padding: 25px 0 0;
    font-size: 10px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-node::after,
  html.ml-content-scrollbook.ml-content-decard .ml-home-path-node strong {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    margin-top: 10px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__status,
  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy,
  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__evidence,
  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__action {
    grid-column: 1;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy {
    grid-row: 2;
    min-height: 210px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__evidence {
    grid-row: 3;
    min-height: 112px;
    padding-block: 12px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__action {
    grid-row: 4;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-content-report-booklet {
    top: 260px;
    right: var(--ml-content-inline);
    bottom: 62px;
    width: min(440px, 57vw);
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-report__conclusion {
    top: 340px;
    width: min(250px, 32vw);
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-report__body {
    top: 500px;
    width: min(230px, 29vw);
  }
}

@media (max-width: 767px) and (orientation: portrait) {
  html.ml-content-scrollbook.ml-content-decard .ml-home-header {
    background: linear-gradient(180deg, rgba(246, 242, 230, 0.48), rgba(246, 242, 230, 0.08) 68%, transparent);
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-hero__copy {
    top: clamp(104px, 12svh, 116px);
    width: calc(100% - 2 * var(--ml-content-inline));
    min-height: 286px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-hero__copy::after {
    top: 43px;
    left: 30px;
    width: 110px;
    height: 1px;
    background: linear-gradient(90deg, rgba(44, 93, 77, 0.34), rgba(153, 112, 66, 0.24), transparent);
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-hero h1 {
    width: 100%;
    font-size: clamp(40px, 11.2vw, 48px);
    letter-spacing: 0.055em;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-hero h1 em {
    margin: 6px 0 0 clamp(30px, 10vw, 44px);
    font-size: 0.86em;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-hero h1 span,
  html.ml-content-scrollbook.ml-content-decard .ml-home-hero h1 em {
    white-space: nowrap;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-hero .ml-home-eyebrow {
    left: 40px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-hero__lede {
    top: 158px;
    left: 0;
    width: min(320px, 92%);
    font-size: 13px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-composer {
    right: var(--ml-content-inline);
    bottom: 108px;
    left: var(--ml-content-inline);
    grid-template-columns: minmax(0, 1fr) 102px;
    grid-template-rows: minmax(54px, auto) 44px;
    gap: 1px 4px;
    width: auto;
    min-height: 122px;
    padding: 22px 8px 8px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-composer textarea {
    grid-column: 1 / -1;
    grid-row: 1;
    min-height: 54px;
    padding: 8px 10px 5px;
    font-size: 13px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-composer select {
    grid-column: 1;
    grid-row: 2;
    min-height: 44px;
    padding-left: 9px;
    border-top: 1px solid rgba(32, 72, 61, 0.12);
    border-left: 0;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-composer__submit {
    grid-column: 2;
    grid-row: 2;
    min-height: 44px;
    padding-inline: 9px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-question-help {
    right: var(--ml-content-inline);
    bottom: 64px;
    left: var(--ml-content-inline);
    width: auto;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-composer:focus-within {
    scroll-margin-bottom: 45dvh;
  }

  html.ml-content-scrollbook.ml-content-decard #capabilities,
  html.ml-content-scrollbook.ml-content-decard #evidence {
    min-height: 122svh;
  }

  html.ml-content-scrollbook.ml-content-decard #evidence .ml-content-chapter__sticky {
    position: sticky;
    top: 0;
    height: 100svh;
    min-height: 760px;
    overflow: clip;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-content-chapter__sticky > .ml-home-section-heading {
    top: 80px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-section-heading h2 {
    max-width: 320px;
    font-size: clamp(32px, 8.9vw, 38px);
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-capabilities .ml-home-paths {
    top: 286px;
    display: block;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: 58px;
    padding: 0;
    overflow: visible;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-tabs::before {
    top: 27px;
    right: 3%;
    bottom: auto;
    left: 3%;
    width: auto;
    height: 1px;
    transform: scaleX(var(--chapter-enter));
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-node {
    grid-template-columns: 1fr;
    justify-items: center;
    min-width: 44px;
    min-height: 58px;
    padding: 0;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-node::before {
    top: 24px;
    left: 50%;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-node span {
    padding: 34px 0 0;
    font-size: 10px;
    letter-spacing: 0.06em;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-node strong,
  html.ml-content-scrollbook.ml-content-decard .ml-home-path-node::after {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-node:hover,
  html.ml-content-scrollbook.ml-content-decard .ml-home-path-node.is-active {
    transform: translate3d(0, calc(var(--node-y) - 2px), 0);
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    gap: 5px;
    margin-top: 7px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__status,
  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy,
  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__evidence,
  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__action {
    grid-column: 1;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__status {
    grid-row: 1;
    min-height: 22px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__status small {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy {
    grid-row: 2;
    min-height: 184px;
    padding: 20px 8px 15px 24px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy::after {
    top: 22px;
    bottom: 20px;
    left: 7px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy h3 {
    margin-top: 9px;
    font-size: 29px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__copy div {
    margin-top: 11px;
    font-size: 13px;
    line-height: 1.75;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__evidence {
    grid-row: 3;
    min-height: 104px;
    margin-left: 22px;
    padding: 9px 0 8px 14px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__facts span {
    min-height: 44px;
    padding: 7px 7px 7px 0;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-meter {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel__action {
    grid-row: 4;
    min-height: 44px;
    margin: 3px 0 0 24px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-evidence .ml-home-section-heading {
    width: calc(100% - 2 * var(--ml-content-inline));
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-report__conclusion {
    top: 225px;
    right: var(--ml-content-inline);
    left: var(--ml-content-inline);
    grid-template-columns: 1fr;
    gap: 6px;
    width: auto;
    padding: 10px 4px 10px 15px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-report__conclusion p {
    font-size: 13px;
    line-height: 1.7;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-report__body {
    top: 326px;
    right: var(--ml-content-inline);
    bottom: auto;
    left: var(--ml-content-inline);
    width: auto;
    height: 64px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-report__map {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    height: 64px;
    padding: 0;
    background: transparent;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-report__map::before,
  html.ml-content-scrollbook.ml-content-decard .ml-home-report__map > p,
  html.ml-content-scrollbook.ml-content-decard .ml-home-report__map > small,
  html.ml-content-scrollbook.ml-content-decard .ml-home-report__map i {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-report__map > span,
  html.ml-content-scrollbook.ml-content-decard .ml-home-report__map > span:nth-of-type(n) {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 1px;
    min-height: 58px;
    margin: 0;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-report__map b {
    width: 22px;
    height: 22px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-report__map strong {
    font-size: 9px;
    line-height: 1.25;
    text-align: center;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-content-report-booklet {
    top: max(398px, 47svh);
    right: var(--ml-content-inline);
    bottom: 34px;
    left: var(--ml-content-inline);
    width: auto;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-content-report-booklet .ml-home-report__header {
    padding: 18px 20px 14px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-report__header h3 {
    font-size: 20px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-content-report-booklet .ml-home-report__header::after {
    right: 20px;
    left: 20px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-content-report-booklet .ml-home-trace-list {
    padding: 3px 18px 16px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-trace-step summary {
    min-height: 58px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-trace-step__title strong {
    font-size: 13px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-trace-step__title small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-trace-step__detail {
    grid-template-columns: 1fr;
    gap: 9px;
    padding: 0 0 15px 30px;
  }

  html.ml-content-scrollbook.ml-content-decard .ml-home-report > footer {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel.is-updating .ml-home-path-panel__copy,
  html.ml-content-scrollbook.ml-content-decard .ml-home-path-panel.is-updating .ml-home-path-panel__evidence,
  html.ml-content-scrollbook.ml-content-decard .ml-home-trace-step[open] .ml-home-trace-step__detail,
  html.ml-content-scrollbook.ml-content-decard .ml-content-report-booklet {
    animation: none !important;
    transition-duration: 1ms !important;
    transform: none !important;
  }

  html.ml-content-scrollbook.ml-content-decard :is(.ml-home-composer__submit, .ml-home-path-node, .ml-home-path-panel__action, .ml-home-trace-step > summary, .ml-content-chapter-rail a).is-pressing {
    transform: none !important;
  }
}

/* c73 final cascade: kept last so responsive chapter geometry wins c72. */
@media (min-width: 901px) {
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy {
    top: clamp(48px, 5.6svh, 64px);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #capabilities .ml-home-section-heading {
    top: 70px;
    width: min(560px, 42vw);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #capabilities .ml-home-paths {
    top: 340px;
    bottom: 40px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #capabilities .ml-home-path-panel__status {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__evidence {
    background: linear-gradient(96deg, rgba(220, 230, 214, 0.42), rgba(220, 230, 214, 0.08) 78%, transparent);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #evidence .ml-home-section-heading {
    top: 80px;
  }
}

@media (max-width: 767px) and (orientation: portrait) {
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__copy {
    position: absolute;
    top: clamp(94px, 12svh, 112px);
    right: var(--ml-content-inline);
    left: var(--ml-content-inline);
    width: auto;
    min-height: 284px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero .ml-home-eyebrow {
    top: 2px;
    left: clamp(34px, 10vw, 46px);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero h1 {
    top: 38px;
    left: 0;
    width: 100%;
    height: auto;
    font-size: clamp(38px, 10.7vw, 46px);
    line-height: 1.15;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero h1 em {
    margin: 6px 0 0 clamp(28px, 9vw, 42px);
    font-size: 0.78em;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-hero__lede {
    top: 158px;
    left: 0;
    width: min(338px, 94%);
    font-size: 16px;
    line-height: 1.78;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer {
    position: absolute;
    right: var(--ml-content-inline);
    bottom: 98px;
    left: var(--ml-content-inline);
    grid-template-columns: minmax(0, 1fr) 104px;
    grid-template-rows: minmax(64px, auto) 48px;
    width: auto;
    min-height: 142px;
    padding: 24px 10px 10px 14px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-question-help {
    right: var(--ml-content-inline);
    bottom: 50px;
    left: var(--ml-content-inline);
    width: auto;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer textarea {
    grid-column: 1 / -1;
    grid-row: 1;
    min-height: 64px;
    padding: 10px 9px 6px;
    font-size: 16px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer select {
    grid-column: 1;
    grid-row: 2;
    min-height: 48px;
    border-top: 1px solid rgba(33, 78, 64, 0.15);
    border-left: 0;
    font-size: 14px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-composer__submit {
    grid-column: 2;
    grid-row: 2;
    min-height: 48px;
    font-size: 14px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-chapter__sticky > .ml-home-section-heading {
    top: 72px;
    width: calc(100% - 2 * var(--ml-content-inline));
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-section-heading h2 {
    max-width: 350px;
    font-size: clamp(36px, 9.8vw, 42px);
    line-height: 1.16;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-heading-line--secondary {
    font-size: 0.82em;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #capabilities .ml-home-section-heading--split > div:last-child {
    margin-top: 8px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #capabilities .ml-home-section-heading > div > p:not(.ml-home-eyebrow) {
    margin-top: 0;
    font-size: 16px;
    line-height: 1.65;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #capabilities .ml-home-section-heading > div > small {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-capabilities .ml-home-paths {
    top: 370px;
    bottom: 18px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(44px, 1fr));
    align-content: start;
    justify-content: stretch;
    gap: 0;
    width: 100%;
    height: 62px;
    min-height: 62px;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-tabs::before {
    top: 31px;
    right: 3%;
    bottom: auto;
    left: 3%;
    width: auto;
    height: 1px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node {
    grid-template-columns: 1fr;
    justify-items: center;
    min-width: 52px;
    min-height: 60px;
    height: 60px;
    padding: 0 2px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node::before {
    top: 29px;
    left: 50%;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node::after {
    top: auto;
    bottom: 1px;
    left: 50%;
    display: block;
    transform: translateX(-50%);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node strong {
    display: grid;
    width: 44px;
    height: 44px;
    font-size: 23px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node span {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node.is-active strong {
    color: #6f392f;
    background: rgba(145, 72, 59, 0.1);
    clip-path: polygon(5% 0, 96% 4%, 100% 90%, 9% 100%, 0 12%);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-node.is-active::after {
    width: 28px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    gap: 7px;
    margin-top: 8px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__evidence,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__action {
    grid-column: 1;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status {
    grid-row: 1;
    min-height: 25px;
    padding: 0 0 2px 16px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status span,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status b,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status small {
    font-size: 13.5px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__status small {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy {
    grid-row: 2;
    min-height: 214px;
    padding: 24px 24px 22px 32px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy h3 {
    margin-top: 8px;
    font-size: clamp(28px, 8vw, 34px);
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__copy div {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.75;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__evidence {
    grid-row: 3;
    min-height: 110px;
    margin-left: 24px;
    padding: 9px 0 8px 14px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__facts span {
    min-height: 48px;
    padding: 6px 4px 6px 0;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__facts small {
    font-size: 13.5px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__facts strong {
    font-size: 16px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-meter {
    display: none;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-path-panel__action {
    grid-row: 4;
    min-height: 46px;
    margin: 2px 0 0 32px;
    font-size: 14px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion p,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step__detail {
    font-size: 16px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion {
    position: absolute;
    top: 270px;
    right: var(--ml-content-inline);
    bottom: auto;
    left: var(--ml-content-inline);
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 12px;
    width: auto;
    height: auto;
    min-height: 82px;
    padding: 12px 10px 12px 18px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion small,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion p {
    width: auto;
    height: auto;
    margin: 0;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__conclusion small {
    font-size: 13.5px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__body {
    top: 370px;
    right: var(--ml-content-inline);
    bottom: auto;
    left: var(--ml-content-inline);
    width: auto;
    height: 100px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 10px;
    width: 100%;
    height: 100px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map > span,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map > span:nth-of-type(n) {
    grid-template-columns: 26px minmax(0, 1fr);
    justify-items: start;
    min-height: 46px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map strong,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__map b {
    font-size: 13.5px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet {
    top: 486px;
    right: var(--ml-content-inline);
    bottom: 28px;
    left: var(--ml-content-inline);
    width: auto;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-report__header h3 {
    font-size: 22px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step__title strong {
    font-size: 16px;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-trace-step__title small {
    overflow: visible;
    font-size: 13.5px;
    text-overflow: clip;
    white-space: normal;
  }
}

@media (max-width: 430px) and (max-height: 650px) and (orientation: portrait) {
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #capabilities .ml-content-chapter__sticky,
  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook #evidence .ml-content-chapter__sticky {
    position: relative;
    top: auto;
    height: auto;
    min-height: 980px;
    overflow: visible;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-home-capabilities .ml-home-paths {
    top: 350px;
    bottom: auto;
  }

  html.ml-content-scrollbook.ml-content-decard.ml-content-songbook .ml-content-report-booklet {
    top: 492px;
    bottom: auto;
    min-height: 450px;
  }
}