/* Article Style | Created on 2025/08/18 22:12 */

@charset "UTF-8";
html body .content .slide ul,
html body .content .slide ol {
  padding-left: 0;
}
html {
  --font-size: 18px;
}
body {
  --font-family: "Helvetica", sans-serif;
  --p: 11;
  --small-scale: 0.94;
  --slide-margin: 24;
  --line-height-h1: 1.1;
  --line-height-h2: 1.2;
  --line-height-h3: 1.2;
  --line-height-h4: 1.2;
  --line-height-h5: 1.2;
  --line-height-h6: 1.3;
  --line-height-p: 1.3;
  --letter-spacing-h1: normal;
  --letter-spacing-h2: normal;
  --letter-spacing-h3: normal;
  --letter-spacing-h4: normal;
  --letter-spacing-h5: normal;
  --letter-spacing-h6: normal;
  --letter-spacing-p: normal;
  --case-h1: inherit;
  --case-h2: inherit;
  --case-h3: inherit;
  --case-h4: inherit;
  --case-h5: inherit;
  --case-h6: inherit;
  --case-p: inherit;
  --margin-h1: 0.5rem;
  --margin-h2: 0.2rem;
  --margin-h3: 0.2rem;
  --margin-h4: 0.2rem;
  --margin-h5: 0.2rem;
  --margin-h6: 0.2rem;
  --single-column-max-width: 400px;
  --2-column-max-width: 700px;
  --text-color: #000000;
  --border-color: #0000000f;
}
body .content {
  --font-size-mode: variable;
}
body .content.side-by-side {
  --font-size-mode: fixed;
}
@container style(--font-size-mode: variable) {
  body .content .slide {
    --h1: calc(var(--h2) * 2);
    --h2: calc(var(--h3) * 1.4);
    --h3: var(--p);
    --h4: calc(var(--h3) * var(--small-scale));
    --h5: calc(var(--h4) * var(--small-scale));
    --h6: calc(var(--h5) * var(--small-scale));
    --td: calc(var(--p) * 0.6);
    --th: calc(var(--p) * 0.5);
    --blockquote: calc(var(--p) * 1.2);
  }
}
@container style(--font-size-mode: fixed) {
  body .content .slide {
    --h1: calc(var(--p) * 3.2);
    --h2: var(--p);
    --h3: var(--p);
    --h4: var(--p);
    --h5: var(--p);
    --h6: var(--p);
    --td: calc(var(--p) * 0.7);
    --th: calc(var(--p) * 0.6);
    --blockquote: var(--p);
  }
}
html {
  font-size: var(--font-size) !important;
}
html body .content .slide h1,
html body .content .slide h2,
html body .content .slide h3,
html body .content .slide h4,
html body .content .slide h5,
html body .content .slide h6,
html body .content .slide p,
html body .content .slide li,
html body .content .slide td,
html body .content .slide th,
html body .content .slide code {
  color: var(--text-color);
  font-family: var(--font-family);
}
html body .content .slide h1 {
  font-size: calc(var(--h1) / 16 * 1rem);
  letter-spacing: var(--letter-spacing-h1);
  line-height: var(--line-height-h1);
  margin-bottom: var(--margin-h1);
  text-transform: var(--case-h1);
}
html body .content .slide h2 {
  font-size: calc(var(--h2) / 16 * 1rem);
  letter-spacing: var(--letter-spacing-h2);
  line-height: var(--line-height-h2);
  margin-bottom: var(--margin-h2);
  text-transform: var(--case-h2);
}
html body .content .slide h3 {
  font-size: calc(var(--h3) / 16 * 1rem);
  letter-spacing: var(--letter-spacing-h3);
  line-height: var(--line-height-h3);
  margin-bottom: var(--margin-h3);
  text-transform: var(--case-h3);
}
html body .content .slide h4 {
  font-size: calc(var(--h4) / 16 * 1rem);
  letter-spacing: var(--letter-spacing-h4);
  line-height: var(--line-height-h4);
  margin-bottom: var(--margin-h4);
  text-transform: var(--case-h4);
}
html body .content .slide h5 {
  font-size: calc(var(--h5) / 16 * 1rem);
  letter-spacing: var(--letter-spacing-h5);
  line-height: var(--line-height-h5);
  margin-bottom: var(--margin-h5);
  text-transform: var(--case-h5);
}
html body .content .slide h6,
html body .content .slide figcaption {
  font-size: calc(var(--h6) / 16 * 1rem);
  letter-spacing: var(--letter-spacing-h6);
  line-height: var(--line-height-h6);
  margin-bottom: var(--margin-h6);
  text-transform: var(--case-h6);
}
html body .content .slide p,
html body .content .slide li {
  font-size: calc(var(--p) / 16 * 1rem);
  letter-spacing: var(--letter-spacing-p);
  line-height: var(--line-height-p);
  text-transform: var(--case-p);
}
html body .content .slide ul,
html body .content .slide ol {
  margin-bottom: var(--margin-h3);
}
html body .content .slide td {
  font-size: calc(var(--td) / 16 * 1rem);
}
html body .content .slide th {
  font-size: calc(var(--th) / 16 * 1rem);
}
html body .content .slide code {
  font-size: calc(var(--p) / 16 * 1rem);
}
@page {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  width: 100% !important;
}
html,
body {
  max-width: 100%;
  padding: 0;
  width: 100%;
}
html body .content:not(.side-by-side) .slide {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 1rem;
}
html body .content .slide {
  margin: 0 auto;
  margin-bottom: 1rem;
  max-width: var(--single-column-max-width) !important;
  position: relative;
  width: 100% !important;
}
html body .content .slide:first-child h1 {
  text-wrap: balance;
}
html body .content .slide:first-child h1:first-child {
  margin-top: 0 !important;
}
@media print {
  html body .content .slide.side-by-side .slide-content figure:not(:empty) + :is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre) {
    margin-top: 0 !important;
  }
}
html body .content .slide .slide-content .videoWrapper + :is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre),
html body .content .slide .slide-content video + :is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre),
html body .content .slide .slide-content img + :is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre),
html body .content .slide .slide-content > *:is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre) + table,
html body .content .slide .slide-content *:is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre) + pre,
html body .content .slide .slide-content :is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre, video, .videoWrapper) + video,
html body .content .slide .slide-content :is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre, video, .videoWrapper) + .videoWrapper {
  margin-top: 1rem !important;
}
html body .content .slide .slide-content :is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre, video, .videoWrapper) + .image-grid,
html body .content .slide .slide-content .image-grid + :is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre, video, .videoWrapper) {
  margin-top: 3rem;
}
html body br {
  display: none;
}
html body .content .slide h1,
html body .content .slide h2,
html body .content .slide h3,
html body .content .slide h4,
html body .content .slide h5,
html body .content .slide h6 {
  margin-top: 0 !important;
  width: 100%;
}
html body .content .slide p.kicker {
  margin-bottom: 0.2rem;
}
html body .content .slide p:not(.kicker) + :is(p, h1, h2, h3, h4, h5, h6, ul, ol, pre, table) {
  margin-top: 0.2rem !important;
}
html body .content .slide hgroup + hgroup {
  margin-top: 1rem !important;
}
html body .content .slide-content p:last-child,
html body .content .slide-content h1:last-child,
html body .content .slide-content h2:last-child,
html body .content .slide-content h3:last-child,
html body .content .slide-content h4:last-child,
html body .content .slide-content h5:last-child,
html body .content .slide-content h6:last-child,
html body .content .slide-content ul:last-child,
html body .content .slide-content ol:last-child {
  margin-bottom: 0;
}
html body .content .slide-content figcaption {
  margin-bottom: 0;
  margin-top: 0.5rem;
  padding: 0;
}
html body .content code {
  border-radius: 0.15em;
  letter-spacing: -1%;
  padding: 0.1em 0.25em !important;
  text-align: left;
}
html body .content pre {
  margin-top: 0.3em;
  padding: 0 !important;
  width: 100%;
}
html body .content pre code {
  display: block;
  letter-spacing: -1%;
  line-height: 1.5;
  padding: 0.25em 0.5em !important;
  white-space: pre-wrap;
}
html body .content .slide .image-grid,
html body .content .slide .image-grid figure,
html body .content .slide .image-grid figure img {
  display: grid !important;
  float: none !important;
  max-height: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}
html body .content .slide .image-grid,
html body .content .slide .image-grid figure {
  max-height: 100% !important;
}
html body .content .slide .image-grid {
  margin: 0;
}
html body .content .slide .image-grid.single-image {
  margin: 0;
}
html body .content .slide .image-grid.single-image figure {
  margin: 0;
}
html body .content .slide .image-grid + .image-grid {
  margin-top: 0.25rem;
}
html body .content .slide .slide-content figure {
  margin: 0 !important;
}
html body .content .slide .slide-content figure.background-image img {
  aspect-ratio: 16/9;
  object-fit: cover;
}
html body .content:not(.side-by-side) .slide :is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre) + :is(figure.background-image, .image-grid),
html body .content:not(.side-by-side) .slide :is(figure.background-image, .image-grid) + :is(ph1, h2, h3, h4, h5, h6, p, ul, ol, table, pre) {
  margin-top: 1rem !important;
}
html body .content:not(.side-by-side) .slide .slide-content figure:has(:is(p, h1, h2, h3, h4, h5, h6, figcaption, ul, ol)) {
  padding-bottom: 0.5rem !important;
}
html body .content .image-grid.one-row, html body .content .image-grid.two-rows {
  gap: 0.25rem;
}
html body .content .image-grid.one-row figure img, html body .content .image-grid.two-rows figure img {
  height: 100%;
  object-fit: cover;
}
html body .content .image-grid.one-row figure figcaption, html body .content .image-grid.two-rows figure figcaption {
  display: none;
}
@media (min-width: 481px) {
  html body .content .image-grid.one-row:has(figure:nth-child(2), figure:nth-child(3)), html body .content .image-grid.two-rows:has(figure:nth-child(2), figure:nth-child(3)) {
    aspect-ratio: 16/9;
  }
}
@media (max-width: 480px) {
  html body .content .image-grid.one-row:has(figure:nth-child(2), figure:nth-child(3)), html body .content .image-grid.two-rows:has(figure:nth-child(2), figure:nth-child(3)) {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  html body .content .image-grid.one-row:has(figure:nth-child(2), figure:nth-child(3)) figure, html body .content .image-grid.two-rows:has(figure:nth-child(2), figure:nth-child(3)) figure {
    aspect-ratio: 16/9;
  }
}
html body .content .image-grid.one-row:has(figure:nth-child(4)), html body .content .image-grid.two-rows:has(figure:nth-child(4)) {
  aspect-ratio: 16/9 !important;
  aspect-ratio: 1/1;
  grid-template-columns: 1fr 1fr !important;
}
@media print {
  html body .content .slide .image-grid figure img {
    max-height: 225px !important;
  }
  html body .content .slide .image-grid figure img.size-contain {
    border: none;
    max-height: 400px !important;
  }
}
@media print {
  html body .content .slide .slide-content figure.default-image img {
    filter: invert(1);
    opacity: 0.5;
  }
}
html body .content blockquote {
  margin-bottom: 0.5rem;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
}
html body .content blockquote > * {
  font-size: calc(var(--blockquote) / 16 * 1rem);
}
html body .content blockquote > *:last-child {
  margin-top: var(--margin-p) !important;
}
html body .content:not(.side-by-side) blockquote {
  margin-top: 0.5rem;
}
html body .content {
  --first-item-top-margin: 0.2em;
  --first-list-margin-top: 0em;
  --first-list-margin-bottom: 1em;
  --nested-item-margin: 0em;
  --nested-list-margin: 0em;
  --nested-list-margin-bottom: 0.5em;
}
html body .content ol,
html body .content ul {
  margin-top: var(--first-list-margin-top);
}
html body .content li li {
  font-size: inherit;
}
html body .content ol > li:first-child,
html body .content ul > li:first-child {
  margin-top: var(--first-item-top-margin);
}
html body .content ol > li ol,
html body .content ol > li ul,
html body .content ul > li ol,
html body .content ul > li ul {
  margin-bottom: var(--nested-list-margin);
}
html body .content ol > li ol:first-child,
html body .content ol > li ul:first-child,
html body .content ul > li ol:first-child,
html body .content ul > li ul:first-child {
  margin-top: var(--nested-list-margin);
}
html body .content ol > li ol:last-child,
html body .content ol > li ul:last-child,
html body .content ul > li ol:last-child,
html body .content ul > li ul:last-child {
  margin-bottom: var(--nested-list-margin-bottom);
}
html body .content ol > li li,
html body .content ul > li li {
  margin-top: var(--nested-item-margin);
}
html body .content ol,
html body .content ul {
  list-style-position: outside;
}
html body .content li {
  position: relative;
  text-align: left;
}
html body .content ol[type=A], html body .content ol[type="A s"] {
  --list-counter-style: upper-alpha;
}
html body .content ol[type=a], html body .content ol[type="a s"] {
  --list-counter-style: lower-alpha;
}
html body .content ol[type=I], html body .content ol[type="I s"] {
  --list-counter-style: upper-roman;
}
html body .content ol[type=i], html body .content ol[type="i s"] {
  --list-counter-style: lower-roman;
}
html body .content ol[type="1"] {
  --list-counter-style: decimal;
}
html body .content ol > li {
  padding-left: 1.25em;
}
html body .content ol > li::before {
  content: counter(list-item, var(--list-counter-style, decimal)) ".";
  font-weight: 400;
  left: 0;
  margin-left: -0.85em;
  position: absolute;
  text-align: right;
  width: 1.75em;
}
html body .content ul > li {
  padding-left: 1em;
}
html body .content ul > li::before {
  background-color: var(--color-typography-300);
  content: "–";
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
}
html body .content .videoWrapper {
  aspect-ratio: 16/9;
}
html body .content .videoWrapper > img {
  pointer-events: none;
}
html body .content .slide.layout-v-split p:not(.kicker) + :is(h1, h2, h3, h4, h5, h6, ul, ol, table, pre) {
  margin-top: 1rem !important;
}
html body .content .slide.layout-title-and-columns *:is(h1, h2, h3, h4, h5, h6):first-child {
  margin-bottom: 1rem !important;
}
html body .content .slide.layout-title-and-columns p:not(.kicker) + :is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre) {
  margin-top: 1rem !important;
}
html body .content .slide.layout-grid p:not(.kicker) + :is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre) {
  margin-top: 1rem !important;
}
html body .content .slide.layout-columns p:not(.kicker) + :is(h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre) {
  margin-top: 1rem !important;
}
@media print {
  video,
  .videoWrapper {
    display: none !important;
  }
}
.footnotes,
sup {
  display: none !important;
}
.slide:has(video, .videoWrapper):not(:has(h1:not(:empty), h2:not(:empty), h3:not(:empty), h4:not(:empty), h5:not(:empty), h6:not(:empty), p:not(:empty))) {
  display: none;
}
html body .content.side-by-side .slide .thumbnail {
  display: flex !important;
  flex-direction: row !important;
}
html body .content.side-by-side .slide .thumbnail > .slide-number {
  align-items: center;
  background-color: var(--border-color);
  border-radius: 20px;
  color: var(--text-color);
  display: flex;
  flex-shrink: 0;
  font-size: 0.5625rem;
  height: 0.9375rem;
  justify-content: center;
  line-height: 1.1;
  user-select: none;
  width: 0.9375rem;
}
@media print {
  html body .content.side-by-side {
    margin-left: -0.6rem;
    padding: 0;
    width: 100%;
  }
  html body .content.side-by-side .slide {
    display: flex;
    flex-direction: row;
    margin-bottom: 48px !important;
    max-width: 100%;
    max-width: var(--2-column-max-width) !important;
    padding: 0;
    position: relative;
    width: 100%;
  }
  html body .content.side-by-side .slide .thumbnail {
    align-items: flex-start !important;
    flex-shrink: 0;
    gap: 0.375rem;
    height: auto;
    justify-content: flex-start !important;
    width: 165px;
  }
  html body .content.side-by-side .slide .thumbnail img {
    aspect-ratio: 16/9;
    border: 1px solid rgba(0, 0, 0, 0.25);
  }
  html body .content.side-by-side .slide .slide-content {
    flex-grow: 1 !important;
    flex-shrink: 0;
    margin-left: 48px;
    width: 400px;
  }
  html body .content.side-by-side .slide .slide-content img {
    display: none !important;
  }
  html body .content.side-by-side .slide .slide-content p:first-child {
    margin-top: 0 !important;
  }
  html body .content.side-by-side .slide .slide-content figcaption {
    margin: 0;
    margin-bottom: 0.5rem;
    text-align: left;
  }
  html body .content.side-by-side .slide .slide-content .image-grid {
    margin-top: 0;
  }
}
.handout-slide-wrapper {
  break-inside: avoid;
  display: block;
}