/* ?look=sage-split: the hybrid. The first screen is dusk's split (the name large on the left, the room as one
   big matted picture on the right, nothing across the bottom); below it the page turns into gallery's
   reading room: a narrow sticky index on the left, one wide column on the right, oversized thin sage
   numerals hung in the gutter, open tables, the publications as a list. Gallery's palette (P2) and fonts;
   the name keeps the live site's face (var(--disp-name-family), LM Roman 17).
   Geometry: --split is the hero's left column; the reading column starts where the room's picture starts,
   so the eye drops from the frame straight into the text. sage-split.js builds the index, the hover
   preview's mat, and the halftone coda. Every rule is scoped to [data-look="sage-split"]. */

:root[data-look="sage-split"] {
  --bg: #f6f5f1;          /* the wall */
  --ink: #1b2420;
  --ink-2: #3c4741;
  --muted: #5f6a64;
  --rule: #c8ccc8;        /* hairlines */
  --wash: #ecede9;
  --accent: #6e8378;      /* sage: numerals, marks */
  --accent-ink: #4c6155;  /* sage where it is small text */
  --room: #c3ccc4;
  --bubble-bg: #fdfdfb;
  --bubble-ink: #1b221e;
  --panel: rgba(246, 245, 241, .92);
  --mat: #fcfcfa;         /* passe-partout around a work */
  --mat-line: rgba(28, 40, 34, .10);
  --mat-shadow: rgba(30, 44, 36, .30);
  --spot: rgba(255, 255, 250, 0);
  --g-print: #6e8378;     /* the coda's ink */
  --leon: "Leon Sans", var(--sans);
  --split: clamp(380px, 38vw, 600px);   /* the hero's left column */
  --edge: clamp(28px, 3.6vw, 60px);     /* the page's left margin: the name and the index share it */
  --ix: clamp(184px, 16.5vw, 252px);    /* the index column */
  --mat-w: 18px;
  --coda-h: clamp(150px, 15vw, 230px);  /* the hills at the end */
  --text-x: calc(var(--split) + var(--mat-w));   /* where the picture, and so the reading column, starts */
}
:root[data-look="sage-split"][data-time="night"] {
  --bg: #0e1612;          /* the room after hours */
  --ink: #e0e5df;
  --ink-2: #b6beb8;
  --muted: #8a958e;
  --rule: #2a3730;
  --wash: #17211c;
  --accent: #8ea596;
  --accent-ink: #a4b9ac;
  --room: #1a2a21;
  --bubble-bg: #eef1ec;
  --bubble-ink: #18201b;
  --panel: rgba(14, 22, 18, .9);
  --mat: #151e19;
  --mat-line: rgba(220, 235, 225, .07);
  --mat-shadow: rgba(0, 0, 0, .75);
  --spot: rgba(214, 228, 216, .075);
  --g-print: #56705f;
  color-scheme: dark;
}

@media (prefers-reduced-motion: no-preference) { html[data-look="sage-split"] { scroll-behavior: smooth; } }
[data-look="sage-split"] ::selection { background: color-mix(in srgb, var(--accent) 30%, transparent); }
[data-look="sage-split"] a { text-decoration-color: color-mix(in srgb, var(--accent) 55%, transparent); text-underline-offset: 4px; }
[data-look="sage-split"] a:hover { color: var(--accent-ink); text-decoration-color: var(--accent); }

/* =========================================================== first screen: name | the room */
[data-look="sage-split"][data-hero="split"] .hero {
  grid-template-columns: var(--split) minmax(0, 1fr);
  height: 100vh; height: 100svh; min-height: 640px; max-height: 1080px; overflow-x: clip;
  padding: clamp(28px, 5vh, 56px) var(--edge) clamp(24px, 4vh, 44px) 0;
}
[data-look="sage-split"][data-hero="split"] .panel {
  align-self: center; justify-self: stretch; width: auto;
  padding: 0 clamp(32px, 4vw, 72px) 0 var(--edge);
}
/* The name exactly as the live site sets it (paper.css: --disp-name-*), on one line. */
[data-look="sage-split"] .name { white-space: nowrap; color: var(--ink); }
[data-look="sage-split"] .name::after {
  content: ""; display: block; width: 44px; height: 1px; margin: .3em 0 0 .05em; background: var(--accent);
}
[data-look="sage-split"] .role { margin: 22px 0 0; font-size: 14.5px; line-height: 1.5; letter-spacing: .005em; color: var(--ink-2); }
[data-look="sage-split"] .ss-nb { white-space: nowrap; }
[data-look="sage-split"] .bio { margin: 26px 0 0; font-size: 18.5px; line-height: 1.56; max-width: 22em; color: var(--ink); }
[data-look="sage-split"] .interests { margin: 12px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--muted); max-width: 30em; text-wrap: balance; }
[data-look="sage-split"] .links { margin: 20px 0 0; font-size: 15.5px; }
[data-look="sage-split"] .links .sep { color: var(--rule); }
/* the epigraph as the live site sets it (paper.css .epigraph) */
[data-look="sage-split"] .toggle { margin-top: 16px; font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
[data-look="sage-split"] .toggle .sep { color: var(--rule); }
[data-look="sage-split"] .toggle button[aria-pressed="true"] { color: var(--ink); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 5px; }

/* Figure 1: the room, matted and hung, with a wall label under it. */
[data-look="sage-split"] .fig { display: grid; grid-template-rows: minmax(0, 1fr) auto; min-height: 0; }
[data-look="sage-split"] .fig::before {   /* gallery light: a soft pool above the work, only at night */
  content: ""; position: absolute; z-index: -1; inset: -6% -4% 18%; pointer-events: none;
  background: radial-gradient(46% 62% at 50% 4%, var(--spot), transparent 72%);
  transition: background .6s;
}
[data-look="sage-split"] .fig-frame {
  margin: var(--mat-w); border-radius: 0;
  box-shadow: 0 0 0 var(--mat-w) var(--mat), 0 0 0 calc(var(--mat-w) + 1px) var(--mat-line),
    0 34px 54px calc(var(--mat-w) - 30px) var(--mat-shadow), inset 0 0 0 1px var(--mat-line);
}
[data-look="sage-split"] .fig-cap {
  display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: last baseline; gap: 8px 28px;  /* the hint and the S button sit on the description's line */
  margin: 0 var(--mat-w); padding: calc(var(--mat-w) + 16px) 0 0;
  font: 400 13px/1.5 var(--sans); color: var(--ink-2);
}
[data-look="sage-split"] .fig-text { max-width: none; text-wrap: pretty; }
/* No "Figure n." / "Table n." labels; the Experience and Education captions only repeated their headings. */
[data-look="sage-split"] .fig-text > b, [data-look="sage-split"] .fig-note > b, [data-look="sage-split"] .bt caption > b { display: none; }
[data-look="sage-split"] .bt-exp caption, [data-look="sage-split"] .bt-edu caption {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; padding: 0;
}
/* title and description share one line */
[data-look="sage-split"] [data-fig-title] { margin-right: .35em; font: 450 15.5px/1.25 var(--leon); letter-spacing: -.01em; color: var(--ink); }
[data-look="sage-split"] .fig-desc { display: inline; color: var(--ink-2); }
[data-look="sage-split"] .fig-desc[hidden] { display: none; }
[data-look="sage-split"] [data-fig-time] { white-space: nowrap; }
[data-look="sage-split"] .fig-hint { margin: 0; font-size: 12.5px; letter-spacing: .02em; color: var(--muted); white-space: nowrap; }
[data-look="sage-split"] .fig-seg {
  min-width: 8.6rem; text-align: left;  /* holds its width as the label cycles Segmentation / Depth / Normals */
  margin: 0; padding: 4px 10px 4px 6px; border: 1px solid var(--rule); border-radius: 2px;
  font: 500 10.5px/1.5 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-2);
}
[data-look="sage-split"] .fig-seg kbd { display: inline-block; min-width: 1.6em; margin-right: 7px; padding: 0 3px; border-right: 1px solid var(--rule); font-size: 10.5px; opacity: 1; color: var(--muted); text-align: center; }
[data-look="sage-split"] .fig-seg:hover { color: var(--ink); border-color: var(--accent); }
[data-look="sage-split"] .fig-seg[aria-pressed="true"] { color: var(--accent-ink); border-color: var(--accent); background: transparent; }
[data-look="sage-split"] .fig-card { font: 450 24px/1.25 var(--leon); letter-spacing: -.01em; border-radius: 0; background: var(--panel); }

/* =========================================================== the reading room: index | column */
[data-look="sage-split"] .paper {
  position: relative; display: grid; grid-template-columns: var(--ix) minmax(0, 1fr);
  padding: 0;
}
/* the index's hairline: it starts where reading starts */
[data-look="sage-split"] .paper::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: var(--ix); width: 1px; background: var(--rule); pointer-events: none;
  -webkit-mask: linear-gradient(transparent, #000 160px, #000 calc(100% - 200px), transparent);
  mask: linear-gradient(transparent, #000 160px, #000 calc(100% - 200px), transparent);
}
[data-look="sage-split"] .ss-index {
  grid-column: 1; grid-row: 1; align-self: start;
  position: sticky; top: 0; height: 100vh; height: 100svh;
  display: flex; flex-direction: column; justify-content: center;
  padding: 40px 12px 40px var(--edge);
}
[data-look="sage-split"] .ss-index ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
[data-look="sage-split"] .ss-index a {
  position: relative; display: grid; grid-template-columns: 2.4em 1fr; align-items: baseline;
  padding: 4px 0; font-size: 13px; line-height: 1.4; color: var(--muted); text-decoration: none; transition: color .2s;
}
[data-look="sage-split"] .ss-ix-n { font: 400 12px/1 var(--leon); letter-spacing: .02em; font-variant-numeric: tabular-nums; }
[data-look="sage-split"] .ss-index a:hover, [data-look="sage-split"] .ss-index a[aria-current] { color: var(--ink); }
[data-look="sage-split"] .ss-index a[aria-current] .ss-ix-n { color: var(--accent-ink); }
[data-look="sage-split"] .ss-index a::before {
  content: ""; position: absolute; top: 50%; right: calc(100% + 8px); width: 0; height: 1px; background: var(--accent);
  transition: width .3s ease-out;
}
[data-look="sage-split"] .ss-index a[aria-current]::before { width: calc(var(--edge) - 14px); max-width: 24px; }

[data-look="sage-split"] .body {
  grid-column: 2; grid-row: 1; min-width: 0; max-width: calc(var(--text-x) - var(--ix) + 54rem);
  padding: clamp(120px, 17vh, 180px) var(--edge) 48px calc(var(--text-x) - var(--ix));
}

/* the abstract: calm, gallery's wall statement turned down */
[data-look="sage-split"] .abstract { max-width: 38rem; margin: 0; }
[data-look="sage-split"] .abstract h2, [data-look="sage-split"] .sec h2 {
  font: 500 12px/1.4 var(--leon); letter-spacing: .18em; text-transform: uppercase; color: var(--ink);
}
[data-look="sage-split"] .abstract h2 { margin: 0 0 20px; text-align: left; color: var(--accent-ink); }
[data-look="sage-split"] .abstract p { margin: 0; font: 400 17.5px/1.66 var(--sans); color: var(--ink-2); text-align: left; hyphens: manual; text-wrap: pretty; }
[data-look="sage-split"] .abstract p + p { margin-top: 18px; }

[data-look="sage-split"] .sec { margin-top: clamp(130px, 18vh, 190px); scroll-margin-top: 64px; }
[data-look="sage-split"] .sec h2 { position: relative; display: block; margin: 0 0 30px; padding-top: 4px; }
/* oversized sage numerals, hung in the gutter between the index and the text */
[data-look="sage-split"] .sec h2 .n {
  position: absolute; right: calc(100% + clamp(28px, 2.6vw, 44px)); top: -.06em; width: auto;
  font: 160 108px/.8 var(--leon); letter-spacing: -.045em; color: var(--accent); text-transform: none;
}
[data-look="sage-split"] .sec h2 .n::before { content: "0"; }
[data-look="sage-split"] .appendix h2 .n::before { content: none; }
[data-look="sage-split"] .sec > p { max-width: 38rem; margin: 0 0 1.15em; font-size: 17px; line-height: 1.72; color: var(--ink-2); }

/* tables: open rows, hairlines only */
[data-look="sage-split"] .bt { border: 0; font-size: 15px; line-height: 1.5; }
[data-look="sage-split"] .bt caption { padding: 0 0 16px; font: 400 12.5px/1.5 var(--sans); color: var(--muted); }
[data-look="sage-split"] .bt thead th {
  padding: 0 18px 12px 0; border-bottom: 1px solid var(--rule);
  font: 500 10.5px/1.4 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--muted);
}
[data-look="sage-split"] .bt tbody th, [data-look="sage-split"] .bt td { padding: 20px 18px 3px 0; color: var(--ink-2); vertical-align: baseline; }
[data-look="sage-split"] .bt tbody th { font: 450 18px/1.3 var(--leon); letter-spacing: -.005em; color: var(--ink); }
[data-look="sage-split"] .bt .note { margin-top: 2px; font: 400 12.5px/1.4 var(--sans); letter-spacing: 0; color: var(--muted); }
[data-look="sage-split"] .bt .num { color: var(--ink-2); }
[data-look="sage-split"] .bt th:last-child, [data-look="sage-split"] .bt td:last-child { text-align: right; padding-right: 0; }
[data-look="sage-split"] .bt .desc td { padding: 2px 0 20px; border-bottom: 1px solid var(--rule); text-align: left; font-size: 14.5px; color: var(--muted); }
[data-look="sage-split"] .bt-edu, [data-look="sage-split"] .bt-svc { max-width: 40rem; }
[data-look="sage-split"] .bt-edu tbody > tr > *, [data-look="sage-split"] .bt-svc tbody > tr > * { padding: 16px 18px 15px 0; border-bottom: 1px solid var(--rule); }
[data-look="sage-split"] .bt-edu tbody > tr > :last-child, [data-look="sage-split"] .bt-svc tbody > tr > :last-child { padding-right: 0; }
[data-look="sage-split"] .bt-svc tbody th { font-size: 16px; }
[data-look="sage-split"] .bt-svc tbody > tr > * { padding-top: 11px; padding-bottom: 10px; }

/* publications: a list, like the live site. Open rows on hairlines; the teaser opens matted, in place. */
[data-look="sage-split"] .refs-sec { --list-w: 44rem; }
[data-look="sage-split"] .sec h2 .refs-note {
  position: absolute; left: calc(var(--list-w) - 12em); width: 12em; bottom: 2px; margin: 0; padding: 0; text-align: right;
  font: 400 12.5px/1.4 var(--sans); letter-spacing: 0; text-transform: none; color: var(--muted);
}
[data-look="sage-split"] .refs { max-width: var(--list-w); gap: 0; border-top: 1px solid var(--rule); }
[data-look="sage-split"] .ref {
  position: relative; grid-template-columns: 3.4em minmax(0, 1fr); padding: 22px 0 23px;
  border-bottom: 1px solid var(--rule); border-radius: 0; scroll-margin-top: 64px;
}
[data-look="sage-split"] .ref::before {   /* the index's dash, on the row you are looking at */
  content: ""; position: absolute; left: -34px; top: 35px; width: 0; height: 1px; background: var(--accent); transition: width .3s ease-out;
}
[data-look="sage-split"] .ref:hover::before, [data-look="sage-split"] .ref.is-open::before { width: 22px; }
[data-look="sage-split"] .ref.is-target { animation: ss-flash 1.6s ease-out; }
@keyframes ss-flash { from { background: color-mix(in srgb, var(--accent) 14%, transparent); } to { background: transparent; } }
[data-look="sage-split"] .ref-n { padding-top: 5px; font: 400 12.5px/1.4 var(--leon); letter-spacing: .04em; color: var(--accent-ink); }
[data-look="sage-split"] .ref-title { font: 450 19.5px/1.3 var(--leon); letter-spacing: -.008em; }
[data-look="sage-split"] .ref-authors { margin-top: 7px; font: 400 14px/1.55 var(--sans); color: var(--muted); }
[data-look="sage-split"] .ref-authors b { font-weight: 500; text-decoration-color: var(--accent); }
[data-look="sage-split"] .ref-links { margin-top: 12px; gap: 4px 18px; font: 400 13px/1.6 var(--sans); }
[data-look="sage-split"] .ref-venue {
  padding: 1px 8px 0; border: 1px solid color-mix(in srgb, var(--accent) 55%, transparent); border-radius: 2px;
  font: 500 11.5px/1.7 var(--sans); letter-spacing: .05em; color: var(--accent-ink);
}
[data-look="sage-split"] .ref-venue + * { margin-left: 0; }
[data-look="sage-split"] .ref-links a, [data-look="sage-split"] .ref-links button { color: var(--ink-2); }
[data-look="sage-split"] .ref-links a:hover, [data-look="sage-split"] .ref-links button:hover { color: var(--accent-ink); }
[data-look="sage-split"] .ref-more[aria-expanded="true"] { color: var(--accent-ink); }
[data-look="sage-split"] .ref.is-open .teaser-slot {
  margin: 22px 0 6px; padding: 14px; max-width: 36rem; background: var(--mat);
  box-shadow: 0 0 0 1px var(--mat-line), 0 30px 46px -34px var(--mat-shadow);
}
[data-look="sage-split"] .teaser-slot img, [data-look="sage-split"] .teaser-slot video {
  max-width: none; border-radius: 0; box-shadow: 0 0 0 1px var(--mat-line);
}
/* the hover preview: a small matted print */
[data-look="sage-split"] .preview img, [data-look="sage-split"] .preview video {
  border-radius: 0; background: var(--wash);
  box-shadow: 0 0 0 10px var(--mat), 0 0 0 11px var(--mat-line), 0 26px 40px -24px var(--mat-shadow);
}
/* Wide: the preview hangs in the gutter beside the row, where the numerals hang beside the headings. */
@media (min-width: 1240px) {
  [data-look="sage-split"] .preview {
    left: auto; right: calc(100% + 56px);
    width: min(300px, calc(var(--text-x) - var(--ix) - 56px - 52px));
  }
}

/* appendix: the photographs, the drawing */
[data-look="sage-split"] .appendix > p { max-width: 38rem; }
[data-look="sage-split"] .gallery { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-top: 34px; }
[data-look="sage-split"] .gallery button { border-radius: 0; background: var(--wash); }
[data-look="sage-split"] .gallery-more a { border-radius: 0; border: 1px solid var(--rule); font-size: 11.5px; color: var(--ink-2); }
[data-look="sage-split"] .sec > .fig-note, [data-look="sage-split"] .fig-plotter .fig-note { margin: 16px 0 0; font: 400 13px/1.5 var(--sans); color: var(--ink-2); }
[data-look="sage-split"] .fig-plotter { margin: 84px 0 0; }
[data-look="sage-split"] .fig-plotter-stage {
  /* capped so the drawing, its caption and the hills below fit in one screen */
  height: max(200px, min(clamp(240px, 27vw, 380px), calc(100svh - var(--coda-h) - 190px))); margin: var(--mat-w); border-radius: 0; background: var(--mat);
  box-shadow: 0 0 0 var(--mat-w) var(--mat), 0 0 0 calc(var(--mat-w) + 1px) var(--mat-line),
    0 34px 54px calc(var(--mat-w) - 30px) var(--mat-shadow);
}
[data-look="sage-split"] .fig-plotter .fig-note { margin-top: calc(var(--mat-w) + 16px); }

/* coda: halftone hills after the reading room (sage-split.js) */
[data-look="sage-split"] .ss-coda { position: relative; height: var(--coda-h); pointer-events: none; }
[data-look="sage-split"] .ss-coda canvas { display: block; width: 100%; height: 100%; opacity: 0; transition: opacity 1.2s; }
[data-look="sage-split"] .ss-coda.is-drawn canvas { opacity: 1; }

/* Writing (blog hook): the latest posts as open rows, like the Service table. scripts/blog.mjs fills the list;
   remove this block with the section in proto-paper.html to take the hook out. */
[data-look="sage-split"] .writing { list-style: none; max-width: 40rem; margin: 0; padding: 0; border-top: 1px solid var(--rule); }
[data-look="sage-split"] .writing li {
  position: relative; display: flex; justify-content: space-between; align-items: baseline; gap: 6px 24px;
  padding: 14px 0 13px; border-bottom: 1px solid var(--rule);
}
[data-look="sage-split"] .writing a { font: 450 17px/1.35 var(--leon); letter-spacing: -.005em; color: var(--ink); text-decoration: none; }
[data-look="sage-split"] .writing a:hover { color: var(--accent-ink); }
[data-look="sage-split"] .writing li::before {   /* the index's dash, on the row you are pointing at */
  content: ""; position: absolute; left: -34px; top: 50%; width: 0; height: 1px; background: var(--accent); transition: width .3s ease-out;
}
[data-look="sage-split"] .writing li:hover::before { width: 22px; }
[data-look="sage-split"] .writing time { flex: none; font-size: 14px; font-variant-numeric: tabular-nums; color: var(--muted); }
[data-look="sage-split"] .sec > .writing-more { margin: 18px 0 0; font-size: 14.5px; color: var(--muted); }
[data-look="sage-split"] .writing-more a { color: var(--ink-2); }
[data-look="sage-split"] .writing-more .sep { color: var(--rule); }
@media (max-width: 1023px) { [data-look="sage-split"] .writing li::before { display: none; } }
@media (max-width: 720px) { [data-look="sage-split"] .writing li { flex-direction: column; gap: 2px; } [data-look="sage-split"] .writing time { font-size: 13px; } }

[data-look="sage-split"] .lightbox::backdrop { background: rgba(10, 16, 13, .94); }

/* =========================================================== narrower */
@media (max-width: 1279px) {
  [data-look="sage-split"] .sec h2 .n { font-size: 88px; }
  [data-look="sage-split"] .refs-sec { --list-w: 40rem; }
}
/* No index below 1024: one column, the numerals sit above their rooms. */
@media (max-width: 1023px) {
  :root[data-look="sage-split"] { --edge: 28px; --mat-w: 12px; }
  [data-look="sage-split"][data-hero="split"] .hero { display: block; height: auto; min-height: 0; max-height: none; padding: 0 0 8px; overflow-x: clip; }
  [data-look="sage-split"][data-hero="split"] .panel { padding: 88px var(--edge) 56px; }
  [data-look="sage-split"][data-hero="split"] .fig { height: min(70svh, 620px); padding: 0 calc(var(--edge) - var(--mat-w)); }
  [data-look="sage-split"] .fig-cap { grid-template-columns: minmax(0, 1fr) auto; }
  [data-look="sage-split"] .fig-text { grid-column: 1 / -1; }
  [data-look="sage-split"] .paper { display: block; }
  [data-look="sage-split"] .paper::before, [data-look="sage-split"] .ss-index { display: none; }
  [data-look="sage-split"] .body { max-width: 50rem; margin: 0; padding: 120px var(--edge) 48px; }
  [data-look="sage-split"] .sec h2 .n { position: static; display: block; margin: 0 0 18px -.04em; font-size: 76px; }
  [data-look="sage-split"] .ref::before { display: none; }
}
@media (max-width: 720px) {
  :root[data-look="sage-split"] { --edge: 20px; --mat-w: 10px; }
  [data-look="sage-split"][data-hero="split"] .panel { padding: 64px var(--edge) 44px; }
  [data-look="sage-split"] .role { margin-top: 18px; font-size: 14px; }
  [data-look="sage-split"] .bio { margin-top: 22px; font-size: 17px; }
  [data-look="sage-split"][data-hero="split"] .fig { height: min(72svh, 560px); padding: 0 6px; }
  [data-look="sage-split"] .fig-cap { margin: 0 14px; padding-top: calc(var(--mat-w) + 14px); }
  [data-look="sage-split"] .fig-legend { font-size: 9.5px; }
  [data-look="sage-split"] .fig::before { display: none; }
  [data-look="sage-split"] .body { padding: 96px var(--edge) 40px; }
  [data-look="sage-split"] .abstract p { font-size: 16.5px; }
  [data-look="sage-split"] .sec { margin-top: 110px; }
  [data-look="sage-split"] .sec h2 .n { font-size: 68px; }
  [data-look="sage-split"] .sec > p { font-size: 16px; }
  [data-look="sage-split"] .sec h2 .refs-note { display: none; }
  [data-look="sage-split"] .bt tbody tr:not(.desc) { padding-top: 14px; }
  [data-look="sage-split"] .bt tbody tr.desc { border-bottom: 1px solid var(--rule); padding-bottom: 14px; }
  [data-look="sage-split"] .bt .desc td { padding-bottom: 0; border: 0; }
  [data-look="sage-split"] .bt tbody th { font-size: 17px; }
  [data-look="sage-split"] .bt-edu tbody > tr, [data-look="sage-split"] .bt-svc tbody > tr { border-bottom: 1px solid var(--rule); padding: 12px 0; }
  [data-look="sage-split"] .bt-edu tbody > tr > *, [data-look="sage-split"] .bt-svc tbody > tr > * { border: 0; }
  [data-look="sage-split"] .bt th:last-child, [data-look="sage-split"] .bt td:last-child { text-align: left; }
  [data-look="sage-split"] .bt .num { text-align: right !important; }
  [data-look="sage-split"] .ref { grid-template-columns: 2.8em minmax(0, 1fr); padding: 18px 0 19px; }
  [data-look="sage-split"] .ref-title { font-size: 18px; }
  [data-look="sage-split"] .ref.is-open .teaser-slot { padding: 8px; }
  [data-look="sage-split"] .gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  [data-look="sage-split"] .fig-plotter { margin-top: 60px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-look="sage-split"] .ss-index a, [data-look="sage-split"] .ss-index a::before, [data-look="sage-split"] .ref::before,
  [data-look="sage-split"] .ss-coda canvas, [data-look="sage-split"] .fig::before { transition: none; }
  [data-look="sage-split"] .ref.is-target { animation: none; }
}