.sid-deck {
  --deck-k: 3;
  --deck-fz-hero: calc(var(--fz-h0) * var(--deck-k));
  --deck-fz-display: calc(var(--fz-display) * var(--deck-k));
  --deck-fz-title: calc(var(--fz-page-title) * var(--deck-k));
  --deck-fz-heading: calc(var(--fz-heading-3) * var(--deck-k));
  --deck-fz-body: calc(var(--fz-body-1) * var(--deck-k));
  --deck-fz-caption: calc(var(--fz-serif-8) * var(--deck-k));
  --deck-fz-label: calc(var(--fz-mono-6) * var(--deck-k));
  --deck-s-1: calc(var(--s-1) * var(--deck-k));
  --deck-s-2: calc(var(--s-2) * var(--deck-k));
  --deck-s-3: calc(var(--s-3) * var(--deck-k));
  --deck-s-4: calc(var(--s-4) * var(--deck-k));
  --deck-gutter: calc(var(--gutter) * var(--deck-k));
  --deck-hair: calc(var(--hairline) * var(--deck-k));
  --minor: var(--col);
  --major: var(--col-2);
  margin: 0;
  padding: 0;
}
html:not(.deck-live) .sid-deck { --deck-k: 1; }


.sid-deck .m6,
.sid-deck .sec-code { font-size: var(--deck-fz-label);  }
.sid-deck .serif-8-caps { font-size: var(--deck-fz-caption);  }
.sid-deck .serif-body-1 { font-size: var(--deck-fz-body);  }
.sid-deck .serif-heading-3 { font-size: var(--deck-fz-heading);  }
.sid-deck .serif-page-title { font-size: var(--deck-fz-title);  }
.sid-deck .serif-display { font-size: var(--deck-fz-display);  }
.sid-deck .slide-cover .serif-display { font-size: var(--deck-fz-hero);  }
.sid-deck .ctl-btn {
  font-size: var(--deck-fz-label); 
  height: var(--deck-s-3);
  line-height: 1;
  padding: 0 var(--deck-s-2);
  border-width: var(--deck-hair);
}
.sid-deck .ctl-btn:focus-visible {
  outline-width: calc(var(--focus-ring) * var(--deck-k));
  outline-offset: calc(var(--focus-offset) * var(--deck-k));
}


html.deck-live,
html.deck-live .sid-deck { height: 100%; overflow: hidden; background: var(--paper); }

html.deck-live .deck-viewport { position: fixed; inset: 0; overflow: hidden; }
html.deck-live .deck-frame {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1920px; 
  height: 1080px; 
  transform: translate(-50%, -50%) scale(var(--deck-fit, 1));
  transform-origin: center center;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  background: var(--paper);
}

html.deck-live .epoq-header {
  position: relative;
  padding: var(--deck-s-1) var(--deck-gutter) 0;
  min-height: 0;
  max-width: none;
  margin: 0;
}
html.deck-live .epoq-header .masthead { max-height: none; overflow: visible; align-items: center; }
html.deck-live .epoq-header nav.index { display: none; }
.deck-tools { display: flex; gap: var(--deck-s-2); }


html.deck-live .deck-slides { position: relative; min-height: 0; }
html.deck-live .slide-wrap {
  position: absolute;
  inset: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s ease, visibility 0s linear .15s;
}
html.deck-live .slide-wrap.is-current {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
html.deck-live .slide {
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--deck-gutter);
}
html.deck-live .slide-inner { width: 100%; max-width: none; margin: 0; }


.status-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--deck-gutter);
  padding: var(--deck-s-1) var(--deck-gutter);
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  }
.status-bar .status-bar-now { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.status-bar .th-strip { gap: var(--deck-s-1); justify-content: flex-end; flex-wrap: nowrap; }
.status-bar .th-no { padding: 0 var(--deck-s-1); flex: none; }
.status-bar .th-no:focus-visible {
  outline: calc(var(--focus-ring) * var(--deck-k)) solid var(--ink);
  outline-offset: calc(var(--focus-offset) * var(--deck-k));
}

.deck-announce {
  position: absolute;
  width: 1px; 
  height: 1px; 
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}


.sid-deck .slide-inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: var(--deck-gutter);
  row-gap: var(--deck-s-2);
  align-content: center;
}
.sid-deck .slide-inner > * { grid-column: 1 / -1; }
.sid-deck .slide-inner .sec-code { margin: 0; }
.sid-deck .slide-eyebrow { margin: 0; }
.sid-deck .slide-title { margin: 0; text-wrap: balance; }
.sid-deck .slide-head-col { display: grid; row-gap: var(--deck-s-1); }
.sid-deck .slide-source {
  margin: 0;
  padding-top: var(--deck-s-2);
  }


.sid-deck .slide-cover { background: var(--paper); color: var(--ink); }
.sid-deck .slide-cover .slide-inner { display: block; text-align: left; }
.sid-deck .slide-cover .slide-inner * { color: var(--ink); }
.sid-deck .th-no[aria-current="step"] { background: var(--ink); color: var(--paper); }
.sid-deck .slide-cover .slide-kicker { margin: var(--deck-s-2) 0 var(--deck-s-3); }
.sid-deck .slide-cover .serif-display { margin: 0 0 var(--deck-s-3); }


.sid-deck .deck-statement .slide-statement,
.sid-deck .deck-poster .slide-poster {
  grid-column: 1 / span 3;
  margin: 0;
  font-size: var(--deck-fz-display); 
  line-height: var(--lh-display);
  letter-spacing: var(--track-display);
  text-wrap: balance;
}


.sid-deck .deck-split .slide-head-col { grid-column: 1 / span 2; align-self: start; }
.sid-deck .deck-split .slide-rows { grid-column: 3 / -1; margin: 0; display: block; }
.sid-deck .slide-row {
  padding: var(--deck-s-1) 0;
  display: grid;
  row-gap: var(--deck-s-1);
}

.sid-deck .slide-row dt,
.sid-deck .slide-row dd { margin: 0; }
.sid-deck .slide-row dd { line-height: var(--lh-body-1); }


.sid-deck .deck-comparison .slide-col { grid-column: span 2; }
.sid-deck .slide-col-head {
  margin: 0 0 var(--deck-s-2);
  padding-bottom: var(--deck-s-1);
  }
.sid-deck .slide-list { list-style: none; margin: 0; padding: 0; }
.sid-deck .slide-list li {
  padding: var(--deck-s-1) 0;
  line-height: var(--lh-body-1);
}


.sid-deck .slide-table { width: 100%; margin: 0; border-collapse: collapse; table-layout: fixed; }
.sid-deck .slide-table th {
  font-size: var(--deck-fz-label); 
  padding: var(--deck-s-1) var(--deck-s-2) var(--deck-s-1) 0;
  }
.sid-deck .slide-table td {
  font-size: var(--deck-fz-body); 
  line-height: var(--lh-heading-3);
  padding: calc(var(--deck-s-1) / 2) var(--deck-s-2) calc(var(--deck-s-1) / 2) 0;
  overflow-wrap: break-word;
}


html:not(.deck-live) .deck-frame {
  max-width: calc(var(--content) + 2 * var(--gutter));
  margin-inline: auto;
  padding: 0 var(--gutter) var(--section-gap);
}
html:not(.deck-live) .epoq-header { position: sticky; }

html:not(.deck-live) .slide { min-height: 0; display: block; padding: var(--section-gap) 0; }
html:not(.deck-live) .slide-cover { min-height: var(--stage); padding: 0; }
html:not(.deck-live) .slide-cover .hub-glass-stage { min-height: var(--stage); }
html:not(.deck-live) .slide-inner { max-width: none; column-gap: var(--gutter); row-gap: var(--s-3); }
html:not(.deck-live) .status-bar { display: none; }
@media (max-width: 900px) {
  html:not(.deck-live) .slide-inner { grid-template-columns: minmax(0, 1fr); }
  html:not(.deck-live) .deck-split .slide-head-col,
  html:not(.deck-live) .deck-split .slide-rows,
  html:not(.deck-live) .deck-comparison .slide-col,
  html:not(.deck-live) .deck-statement .slide-statement,
  html:not(.deck-live) .deck-poster .slide-poster { grid-column: 1 / -1; }
  html:not(.deck-live) .epoq-header nav.index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}




.sid-document main { max-width: var(--col-2); }
.sid-document .page-hero { margin-bottom: var(--s-5); }
.sid-document .doc-p { margin: 0 0 var(--s-2); text-wrap: pretty; }
.sid-document main > .serif-page-title { margin: var(--s-5) 0 var(--s-2); text-wrap: balance; }
.sid-document main > .serif-heading-3 { margin: var(--s-4) 0 var(--s-1); text-wrap: balance; }
.sid-document em { font-style: italic; }
.sid-document .cite { text-decoration: none; }
.sid-document a:focus-visible {
  outline: var(--focus-ring) solid var(--ink);
  outline-offset: var(--focus-offset);
}
.sid-document .doc-quote { margin: var(--s-3) 0; }
.sid-document .doc-figure { margin: var(--s-3) 0; max-width: var(--col-2); }
.sid-document .doc-table { margin: 0; table-layout: fixed; }
.sid-document .doc-table caption { caption-side: top; padding-bottom: var(--s-1); }
.sid-document .doc-table th,
.sid-document .doc-table td { overflow-wrap: break-word; vertical-align: top; }
.sid-document .doc-ref-list { margin: var(--s-2) 0 0; padding-left: var(--s-3); max-width: var(--col-2); }
.sid-document .doc-ref-list li { margin-bottom: var(--s-1); overflow-wrap: anywhere; }
.sid-document .doc-references .serif-page-title { margin: var(--s-5) 0 var(--s-2); }


@media (prefers-reduced-motion: reduce) {
  html.deck-live .slide-wrap { transition: none; }
}


@page deck { size: 1920px 1080px; margin: 0; }
@page doc { size: A4; margin: 18mm 16mm; }

@media print {
  .sid-deck, .sid-document {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  html, html.deck-live, html.deck-live body.sid-deck { height: auto; overflow: visible; }

  html body.sid-deck { --deck-k: 3; }
  html body.sid-deck .deck-viewport { position: static; overflow: visible; }
  html body.sid-deck .deck-frame {
    page: deck;
    position: static;
    transform: none;
    width: 1920px; 
    height: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible;
  }
  html body.sid-deck .epoq-header,
  html body.sid-deck .status-bar,
  html body.sid-deck .skip-link,
  html body.sid-deck .deck-announce { display: none; }
  html body.sid-deck .deck-slides { position: static; display: block; }
  html body.sid-deck .slide-wrap {
    position: relative;
    inset: auto;
    visibility: visible;
    opacity: 1;
    width: 1920px; 
    height: 1080px; 
    border: 0;
    break-after: page;
    break-inside: avoid;
    overflow: hidden;
  }
  html body.sid-deck .slide-wrap:last-child { break-after: auto; }
  html body.sid-deck .slide {
    height: 100%;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--deck-gutter);
  }
  html body.sid-deck .slide-inner {
    display: grid;
    width: 100%;
    max-width: none;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--deck-gutter);
    row-gap: var(--deck-s-2);
  }
  html body.sid-deck .slide-cover { position: absolute; inset: 0; min-height: 0; padding: 0; }
  html body.sid-deck .slide-cover .slide-inner { display: block; }
  html body.sid-deck .slide-cover .hub-glass-stage { min-height: 0; }

  .sid-document { page: doc; }
  .sid-document .skip-link,
  .sid-document .epoq-header .cursor { display: none; }
  .sid-document .epoq-header { position: static; }
  .sid-document .epoq-container { width: auto; max-width: none; padding: 0; }
  .sid-document main { max-width: none; }
  .sid-document .serif-page-title,
  .sid-document .serif-heading-3 { break-after: avoid; }
  .sid-document .doc-quote,
  .sid-document .doc-figure,
  .sid-document .doc-table tr,
  .sid-document .doc-ref-list li { break-inside: avoid; }
  .sid-document .doc-table thead { display: table-header-group; }
  .sid-document .doc-p { orphans: 3; widows: 3; }
  .sid-document .colophon { break-inside: avoid; }
}