/* Screen typography system: self-hosted Korean sans, balanced display type, and readable long-form copy. */
@media screen {
  html {
    -webkit-text-size-adjust: 100%;
    scroll-padding-top: calc(var(--header-height) + 76px);
    text-size-adjust: 100%;
  }

  body {
    font-family: var(--body-font);
    font-size: 18px;
    font-synthesis: none;
    letter-spacing: -0.008em;
    line-break: strict;
    line-height: 1.72;
    overflow-wrap: break-word;
    word-break: keep-all;
  }

  /* The company's own DAY1 lettering rather than a typeset approximation. It is
     carried as an alpha mask and painted with currentColor, so it takes this
     site's palette and follows the active theme instead of importing the
     corporate one. The text stays in the DOM for anyone reading without styles.
     Height is held at 22px: the mask is 59px tall, so it still resolves on a
     three-times display. */
  .wordmark-day {
    display: block;
    width: 41px;
    height: 22px;
    background-color: currentColor;
    font-size: 0;
    -webkit-mask: url("assets/brand/day1-wordmark.png") no-repeat left center / contain;
    mask: url("assets/brand/day1-wordmark.png") no-repeat left center / contain;
  }

  .wordmark-company {
    font-size: 10px;
    letter-spacing: 0.1em;
    line-height: 1.25;
  }

  .quick-nav {
    font-size: 14px;
    font-weight: 760;
  }

  .theme-switcher-label {
    font-size: 11px;
    letter-spacing: 0.08em;
  }

  .theme-switcher-toggle strong,
  .theme-options button {
    font-size: 13px;
    line-height: 1.35;
  }

  .compass-current,
  .compass-percent {
    font-size: 13px;
    line-height: 1.35;
  }

  .compass-panel a {
    min-height: 44px;
    font-size: 11px;
    line-height: 1.35;
  }

  .chapter-frame {
    padding-top: clamp(132px, 11vw, 184px);
    padding-bottom: clamp(132px, 11vw, 184px);
  }

  .chapter-kicker,
  .mode-label {
    margin-bottom: clamp(48px, 6vw, 78px);
    font-size: 12px;
    letter-spacing: 0.06em;
    line-height: 1.4;
  }

  .chapter-kicker span,
  .mode-label span {
    font-size: 12px;
  }

  .source-paragraph {
    max-width: var(--measure-body);
    margin-bottom: 1.48em;
    font-size: clamp(17px, 1.25vw, 18px);
    font-weight: 430;
    letter-spacing: -0.006em;
    line-height: 1.72;
  }

  .source-title,
  .scene-title,
  .scene-title--secondary,
  .subscene-title,
  .key-line,
  .source-quote,
  .role-group-title,
  .job-title,
  .roles-intro h2 {
    line-break: strict;
    overflow-wrap: break-word;
    text-wrap: balance;
    word-break: keep-all;
  }

  .source-title {
    max-width: 1030px;
    margin-bottom: clamp(68px, 8.5vw, 118px);
    font-size: clamp(58px, 8.25vw, 118px);
    font-weight: 900;
    letter-spacing: -0.055em;
    line-height: 0.98;
  }

  .scene-title {
    max-width: 1000px;
    margin-bottom: clamp(58px, 7vw, 96px);
    font-size: clamp(44px, 5.6vw, 80px);
    font-weight: 900;
    letter-spacing: -0.044em;
    line-height: 1.08;
  }

  .scene-title--secondary {
    margin-top: clamp(112px, 14vw, 190px);
    font-size: clamp(36px, 4.4vw, 60px);
    letter-spacing: -0.036em;
    line-height: 1.12;
  }

  .subscene-title {
    margin-top: 3.6em;
    margin-bottom: 1.1em;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 860;
    letter-spacing: -0.026em;
    line-height: 1.22;
  }

  .key-line,
  .source-quote {
    max-width: var(--measure-callout);
    margin-top: clamp(76px, 9vw, 126px);
    margin-bottom: clamp(76px, 9vw, 126px);
    font-size: clamp(24px, 2.6vw, 36px);
    font-weight: 850;
    letter-spacing: -0.032em;
    line-height: 1.26;
  }

  .source-list {
    line-height: 1.72;
  }

  .source-list li {
    margin-bottom: 0.72em;
  }

  .source-heading-small {
    margin-top: 2.7em;
    font-size: 19px;
    font-weight: 820;
    letter-spacing: -0.012em;
    line-height: 1.4;
  }

  .chapter--opening .chapter-frame {
    min-height: max(100svh, 780px);
  }

  .chapter--opening .source-title {
    margin-bottom: clamp(76px, 10vw, 138px);
  }

  /* Emphasis inside the copy, not a second headline. */
  .chapter--opening .key-line {
    font-size: clamp(22px, 2.1vw, 30px);
  }

  .chapter--gain .source-paragraph:last-child {
    font-size: clamp(21px, 2.15vw, 29px);
    line-height: 1.58;
  }

  .chapter--apply .scene-title {
    font-size: clamp(42px, 5.1vw, 70px);
  }

  .chapter--apply .subscene-title {
    font-size: clamp(25px, 2.65vw, 36px);
  }

  .chapter--apply .key-line {
    font-size: clamp(22px, 2.3vw, 32px);
  }

  .roles-intro-inner {
    min-height: 380px;
  }

  .roles-intro h2 {
    font-size: clamp(58px, 8.1vw, 112px);
    font-weight: 900;
    letter-spacing: -0.058em;
    line-height: 0.96;
  }

  .roles-count-lead {
    font-size: clamp(18px, 1.85vw, 25px);
    line-height: 1.4;
  }

  .role-tools {
    margin-bottom: 40px;
  }

  .search-field label,
  .filter-label {
    font-size: 12px;
    letter-spacing: 0.07em;
    line-height: 1.4;
  }

  .search-control input {
    min-height: 58px;
    font-size: clamp(21px, 1.85vw, 27px);
    font-weight: 720;
    letter-spacing: -0.018em;
    line-height: 1.35;
  }

  .search-control button,
  .filter-list button,
  .accordion-actions button {
    min-height: 44px;
    font-size: 13px;
    line-height: 1.35;
  }

  .filter-list button {
    padding: 9px 14px;
  }

  .result-summary p {
    font-size: 13px;
    line-height: 1.45;
  }

  .role-group-title {
    max-width: 980px;
    font-size: clamp(34px, 4.2vw, 56px);
    font-weight: 880;
    letter-spacing: -0.036em;
    line-height: 1.12;
  }

  .job-toggle {
    min-height: 104px;
    grid-template-columns: minmax(0, 1fr) minmax(166px, 0.3fr) 48px;
  }

  .job-card,
  .job-toggle {
    scroll-margin-top: 260px;
  }

  .job-title {
    min-width: 0;
    font-size: clamp(21px, 2vw, 29px);
    font-weight: 820;
    letter-spacing: -0.018em;
    line-height: 1.3;
    overflow-wrap: anywhere;
    text-wrap: pretty;
    word-break: normal;
  }

  .job-career {
    font-size: 14px;
    line-height: 1.5;
  }

  .job-content {
    padding-top: clamp(48px, 6vw, 74px);
    padding-bottom: clamp(72px, 8vw, 104px);
  }

  .job-content-inner {
    max-width: 800px;
  }

  .job-content .source-paragraph,
  .job-content .source-list {
    max-width: var(--measure-body);
    font-size: 17px;
    letter-spacing: -0.004em;
    line-height: 1.72;
  }

  .job-content .source-heading-small {
    margin-top: 3em;
    font-size: 21px;
    letter-spacing: -0.018em;
    line-height: 1.4;
  }

  .job-facts {
    margin-bottom: 36px;
  }

  .job-fact {
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .job-fact dt {
    font-size: 13px;
    line-height: 1.5;
  }

  .job-fact dd {
    max-width: var(--measure-note);
    font-size: 16px;
    line-height: 1.62;
    overflow-wrap: anywhere;
  }
}

/* ------------------------------------------------------------ emphasis ranks
   Three ranks inside running copy. Which one a sentence gets is decided by what
   it does and how long it is, not by how loud it should be:

     .emph-statement  a short declaration. Rises one step above the body and
                      takes its own line, so the paragraph's leading stays even.
     .emph-passage    a long marked run. Holds body size and takes a red rule,
                      because a long sentence set larger stops reading as
                      emphasis and turns into a second body.
     .emph-term       one link in a sequence. Takes the colour itself.

   The ranks sit between the body and .key-line, so the existing ladder —
   title > scene > subscene > callout > body — keeps its order. */
@media screen {
  .emph {
    font-style: normal;
  }

  .emph-statement {
    display: block;
    margin-bottom: 0.62em;
    font-size: 1.34em;
    font-weight: 800;
    letter-spacing: -0.024em;
    line-height: 1.42;
  }

  /* A statement at the end of its paragraph closes it instead of opening it. */
  .source-paragraph > .emph-statement:last-child {
    margin-top: 0.62em;
    margin-bottom: 0;
  }

  .emph-passage {
    font-weight: 760;
    text-decoration: underline;
    text-decoration-color: var(--red);
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
  }

  /* When the marked run is the whole paragraph there is nothing left to
     contrast it against, so it becomes a deck set off down its side. Marked in
     the markup rather than inferred: :only-child ignores text nodes, so it also
     matches a run that merely follows an unmarked sentence. */
  .emph-passage--deck {
    display: block;
    padding-left: 22px;
    border-left: 3px solid var(--red);
    text-decoration: none;
  }

  .emph-term {
    color: var(--red);
    font-weight: 850;
    /* One link of the chain, so it must not be split across two lines. */
    white-space: nowrap;
  }
}

@media screen and (max-width: 900px) {
  /* The phone's ladder is already tight — 18.5px body against a 21.7px callout —
     so a size step here would be invisible and would cost a scene. On phones the
     statement keeps body size and takes its rank from weight and its own line. */
  .emph-statement {
    margin-bottom: 0.5em;
    font-size: 1em;
    font-weight: 830;
    letter-spacing: -0.014em;
    line-height: 1.52;
  }

  .source-paragraph > .emph-statement:last-child {
    margin-top: 0.5em;
  }

  .emph-passage--deck {
    padding-left: 18px;
  }
}

/* The horizontal edition keeps its two-axis composition while using the same reading metrics. */
@media screen {
  .header-chapter {
    font-size: 12px;
    letter-spacing: 0.04em;
    line-height: 1.3;
  }

  .scene-readout strong {
    font-size: 16px;
    letter-spacing: -0.012em;
    line-height: 1.35;
  }

  .scene-readout #scenePosition{
    font-size: 12px;
    line-height: 1.35;
  }

  /* Eight English subtitles share the strip, so this row sets its own size. */
  .chapter-direct-nav a {
    font-size: 9px;
    letter-spacing: 0;
    line-height: 1.3;
  }
}

@media screen and (min-width: 901px) {
  .story-rail .chapter-frame,
  .story-rail .chapter--opening .chapter-frame,
  .story-rail .chapter--gain .chapter-frame,
  .story-rail .chapter--apply .chapter-frame {
    padding-top: calc(var(--header-height) + clamp(54px, 6.5vh, 82px));
    padding-bottom: var(--desktop-reading-clearance);
  }

  html.is-enhanced .story-rail > .story-chapter > .chapter-frame {
    min-height: 100%;
    padding-top: clamp(40px, 6vh, 64px);
    padding-bottom: clamp(40px, 6vh, 64px);
  }

  .story-rail .chapter-kicker {
    margin-bottom: clamp(36px, 5vh, 56px);
  }

  .story-rail .chapter-copy {
    max-width: 1240px;
    grid-template-columns: minmax(280px, 0.74fr) minmax(420px, 1fr);
    column-gap: clamp(56px, 8vw, 128px);
  }

  .story-rail .chapter-copy > .source-paragraph,
  .story-rail .chapter-copy > .source-list,
  .story-rail .chapter-copy > .source-heading-small {
    max-width: var(--measure-body);
  }

  /* A key line carries .source-paragraph too, so the running-copy measure above
     would otherwise win and set display type in a twelve-character column. */
  .story-rail .chapter-copy > .key-line,
  .story-rail .chapter-copy > .source-quote {
    max-width: var(--measure-callout);
  }

  .story-rail .source-title {
    max-width: 1040px;
    margin-bottom: clamp(54px, 7vh, 88px);
    font-size: clamp(60px, 7.15vw, 102px);
    letter-spacing: -0.052em;
    line-height: 0.98;
  }

  .story-rail .scene-title {
    max-width: 1000px;
    margin-bottom: clamp(48px, 6.5vh, 78px);
    font-size: clamp(46px, 5vw, 72px);
    letter-spacing: -0.04em;
    line-height: 1.08;
  }

  .story-rail .scene-title--secondary {
    margin-top: clamp(88px, 12vh, 142px);
    font-size: clamp(35px, 4vw, 56px);
    line-height: 1.12;
  }

  .story-rail .source-paragraph {
    margin-bottom: 1.4em;
    font-size: clamp(17px, 1.25vw, 18px);
    letter-spacing: -0.004em;
    line-height: 1.7;
  }

  .story-rail .key-line,
  .story-rail .source-quote {
    margin-top: clamp(58px, 7.5vh, 94px);
    margin-bottom: clamp(58px, 7.5vh, 94px);
    font-size: clamp(24px, 2.7vw, 37px);
    letter-spacing: -0.028em;
    line-height: 1.26;
  }

  .story-rail .subscene-title {
    margin-top: clamp(64px, 8vh, 96px);
    font-size: clamp(27px, 2.7vw, 38px);
    line-height: 1.22;
  }

  .story-rail .chapter--opening .source-title {
    margin-bottom: clamp(58px, 8vh, 96px);
  }

  .story-rail .chapter--opening .key-line {
    max-width: 650px;
    font-size: clamp(28px, 3.3vw, 45px);
  }

  .story-rail .chapter--bet .value-chain {
    font-size: clamp(27px, 3.15vw, 44px);
    line-height: 1.25;
  }
}

@media screen and (max-width: 900px) {
  body {
    overflow-wrap: break-word;
    word-break: keep-all;
  }

  .story-rail .chapter-copy > .source-paragraph,
  .story-rail .chapter-copy > .source-list,
  .story-rail .chapter-copy > .source-heading-small,
  .story-rail .chapter-copy > .subscene-title {
    max-width: var(--measure-body);
  }

  .story-rail .source-title {
    font-size: clamp(48px, 11.5vw, 72px);
    letter-spacing: -0.048em;
    line-height: 1.01;
  }

  .story-rail .scene-title {
    font-size: clamp(36px, 8.8vw, 54px);
    letter-spacing: -0.036em;
    line-height: 1.11;
  }

  .story-rail .scene-title--secondary {
    font-size: clamp(31px, 7.2vw, 44px);
    line-height: 1.15;
  }

  .story-rail .source-paragraph {
    font-size: 17px;
    line-height: 1.72;
  }

  .story-rail .key-line,
  .story-rail .source-quote,
  .story-rail .chapter--opening .key-line {
    font-size: clamp(22px, 5.2vw, 27px);
    line-height: 1.3;
  }
}

@media screen and (max-width: 560px) {
  .quick-nav a,
  .scene-readout strong,
  .chapter-direct-nav a {
    font-size: 11px;
  }

  .story-rail .chapter-frame,
  .story-rail .chapter--opening .chapter-frame,
  .story-rail .chapter--gain .chapter-frame,
  .story-rail .chapter--apply .chapter-frame {
    padding-top: 76px;
    padding-bottom: 104px;
  }

  .story-rail .chapter-kicker {
    margin-bottom: 40px;
  }

  .story-rail .source-title {
    margin-bottom: 62px;
    font-size: clamp(46px, 12.8vw, 56px);
    line-height: 1.02;
  }

  .story-rail .scene-title {
    margin-bottom: 50px;
    font-size: clamp(34px, 9.3vw, 41px);
    line-height: 1.12;
  }

  .story-rail .scene-title--secondary {
    margin-top: 88px;
    font-size: clamp(29px, 7.8vw, 36px);
    line-height: 1.16;
  }

  .story-rail .source-paragraph {
    font-size: 17px;
    line-height: 1.72;
  }

  .story-rail .key-line,
  .story-rail .source-quote,
  .story-rail .chapter--opening .key-line {
    margin-top: 62px;
    margin-bottom: 62px;
    font-size: clamp(21px, 5.6vw, 25px);
    line-height: 1.32;
  }
}

@media screen and (min-width: 821px) {
  .role-tools {
    padding-top: 20px;
  }

  .role-group {
    scroll-margin-top: 260px;
  }
}

@media screen and (max-width: 820px) {
  .job-card,
  .job-toggle {
    scroll-margin-top: 0;
  }

  .job-toggle {
    grid-template-columns: minmax(0, 1fr) 46px;
  }
}

@media screen and (max-width: 560px) {
  :root {
    --page-gutter: clamp(20px, 5.1vw, 24px);
  }

  body {
    font-size: 17px;
    letter-spacing: -0.004em;
    line-height: 1.72;
    overflow-wrap: break-word;
    word-break: keep-all;
  }

  .quick-nav {
    font-size: 12px;
  }

  .chapter-frame {
    padding-top: 104px;
    padding-bottom: 108px;
  }

  .chapter-kicker,
  .mode-label {
    margin-bottom: 42px;
    font-size: 12px;
  }

  .source-title {
    margin-bottom: 68px;
    font-size: clamp(46px, 13.2vw, 58px);
    letter-spacing: -0.046em;
    line-height: 1.02;
  }

  .scene-title {
    margin-bottom: 52px;
    font-size: clamp(34px, 9.6vw, 43px);
    letter-spacing: -0.036em;
    line-height: 1.12;
  }

  .scene-title--secondary {
    margin-top: 92px;
    font-size: clamp(30px, 8.2vw, 38px);
    line-height: 1.16;
  }

  .source-paragraph {
    margin-bottom: 1.42em;
    font-size: 17px;
    line-height: 1.72;
  }

  .key-line,
  .source-quote {
    margin-top: 64px;
    margin-bottom: 64px;
    font-size: clamp(26px, 7.3vw, 33px);
    line-height: 1.28;
  }

  .subscene-title {
    font-size: clamp(27px, 7.5vw, 34px);
    line-height: 1.24;
  }

  .chapter--opening .chapter-frame {
    padding-top: calc(var(--header-height) + 62px);
  }

  .chapter--opening .source-title {
    margin-bottom: 70px;
  }

  .chapter--opening .key-line {
    font-size: clamp(27px, 7.4vw, 34px);
  }

  .chapter--bet .value-chain {
    font-size: clamp(25px, 7vw, 32px);
    line-height: 1.3;
  }

  .chapter--apply .key-line {
    font-size: clamp(20px, 5.2vw, 24px);
    line-height: 1.34;
  }

  .chapter--apply .scene-title {
    font-size: clamp(34px, 9.4vw, 42px);
  }

  .roles-intro-inner {
    min-height: 310px;
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .roles-intro h2 {
    font-size: clamp(54px, 16.5vw, 70px);
    line-height: 0.99;
  }

  .roles-count-lead {
    font-size: 18px;
  }

  .search-control input {
    min-height: 56px;
    font-size: 21px;
  }

  .role-group-title {
    font-size: clamp(30px, 8.5vw, 38px);
    letter-spacing: -0.026em;
    line-height: 1.18;
  }

  .job-title {
    font-size: 21px;
    line-height: 1.32;
  }

  .job-career {
    font-size: 13px;
  }

  .job-content {
    padding-top: 44px;
    padding-bottom: 68px;
  }

  .job-content .source-paragraph,
  .job-content .source-list {
    font-size: 17px;
    line-height: 1.72;
  }

  .job-content .source-heading-small {
    font-size: 20px;
  }

  .job-fact {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .job-fact dd {
    font-size: 16px;
  }
}

/* Phone scene type is measured at these readable bounds; pagination changes,
   typography does not compress, when a source block does not fit. */
@media screen and (max-width: 767.98px) {
  :root {
    --mobile-body-size: clamp(18px, 4.6vw, 20px);
    --mobile-body-leading: 1.62;
    --mobile-body-tracking: -0.005em;
    --mobile-paragraph-space: 1.25em;
    /* Three heading steps. The top step keeps the size the single step used,
       so restoring the hierarchy costs no extra scenes. */
    --mobile-heading-size: clamp(38px, 10.6vw, 48px);
    --mobile-heading-2: clamp(28px, 7.6vw, 34px);
    --mobile-heading-3: clamp(22px, 5.8vw, 26px);
    --mobile-heading-leading: 1.1;
    --mobile-callout-size: clamp(21px, 5.4vw, 25px);
    --mobile-callout-leading: 1.14;
  }

  html.is-enhanced.is-mobile-scenes .story-rail > [data-mobile-scene] {
    letter-spacing: var(--mobile-body-tracking);
  }

  html.is-enhanced.is-mobile-scenes .story-rail > [data-mobile-scene] .source-paragraph {
    margin-top: 0;
    margin-bottom: var(--mobile-paragraph-space);
    font-size: var(--mobile-body-size);
    font-weight: 430;
    letter-spacing: var(--mobile-body-tracking);
    line-height: var(--mobile-body-leading);
  }

  html.is-enhanced.is-mobile-scenes .story-rail > [data-mobile-scene] :is(
    .source-title,
    .scene-title,
    .scene-title--secondary,
    .subscene-title,
    .source-heading-small,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6
  ) {
    margin-top: 0;
    margin-bottom: 0.58em;
    padding-block: 2px;
    font-size: var(--mobile-heading-size);
    font-weight: 850;
    letter-spacing: -0.035em;
    line-height: 1.1798;
    text-wrap: balance;
  }

  /* Step 2: the turn inside a chapter. */
  html.is-enhanced.is-mobile-scenes .story-rail > [data-mobile-scene]
    .scene-title--secondary {
    margin-bottom: 0.62em;
    font-size: var(--mobile-heading-2);
    letter-spacing: -0.028em;
  }

  /* Step 3: the item headings that carry a list of qualities or steps. */
  html.is-enhanced.is-mobile-scenes .story-rail > [data-mobile-scene]
    :is(.subscene-title, .source-heading-small) {
    margin-bottom: 0.66em;
    font-size: var(--mobile-heading-3);
    letter-spacing: -0.02em;
    line-height: 1.28;
  }

  html.is-enhanced.is-mobile-scenes .story-rail > [data-mobile-scene] :is(.key-line, .source-quote) {
    margin-top: 0.35em;
    margin-bottom: 0.78em;
    /* Room between the card's rule and its first character. */
    padding-inline: 18px 0;
    padding-block: 2px;
    font-size: var(--mobile-callout-size);
    font-weight: 850;
    letter-spacing: -0.02em;
    line-height: 1.1798;
  }

  html.is-enhanced.is-mobile-scenes .story-rail > [data-mobile-scene] .source-block:last-child {
    margin-bottom: 0;
  }

  html.is-enhanced.is-mobile-scenes .story-rail > [data-mobile-scene] strong {
    font-weight: 760;
  }

  html.is-enhanced.is-mobile-scenes .story-rail > [data-mobile-scene] :is(
    .source-title,
    .scene-title,
    .scene-title--secondary,
    .subscene-title,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .key-line,
    .source-quote
  ) strong {
    font-weight: 850;
  }

  html.is-enhanced.is-mobile-scenes .story-rail > [data-mobile-scene].mobile-scene-floor .source-paragraph {
    font-size: 17px;
    letter-spacing: 0;
    line-height: 1.55;
  }

  html.is-enhanced.is-mobile-scenes .story-rail > [data-mobile-scene].mobile-scene-floor :is(
    .source-title,
    .scene-title,
    .scene-title--secondary,
    .subscene-title,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6
  ) {
    font-size: 38px;
    letter-spacing: 0;
    line-height: 1.05;
  }

  html.is-enhanced.is-mobile-scenes .story-rail > [data-mobile-scene].mobile-scene-floor :is(.key-line, .source-quote) {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 1.05;
  }

  html.is-enhanced.is-mobile-scenes .story-rail > [data-mobile-scene].mobile-scene-floor :is(
    .source-paragraph,
    .source-title,
    .scene-title,
    .scene-title--secondary,
    .subscene-title,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .key-line,
    .source-quote
  ) :where(*),
  html.is-enhanced.is-mobile-scenes .story-rail > [data-mobile-scene].mobile-scene-floor .mobile-scene-generated-emphasis {
    line-height: inherit;
  }

  html.is-enhanced.is-mobile-scenes body .story-rail > [data-mobile-scene].mobile-scene-floor .source-paragraph {
    font-size: 17px;
    letter-spacing: 0;
    line-height: 1.70;
  }

  html.is-enhanced.is-mobile-scenes body .story-rail > [data-mobile-scene].mobile-scene-floor :is(
    .source-title,
    .scene-title,
    .scene-title--secondary,
    .subscene-title,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6
  ) {
    font-size: 38px;
    letter-spacing: 0;
    line-height: 1.1798;
  }

  html.is-enhanced.is-mobile-scenes body .story-rail > [data-mobile-scene].mobile-scene-floor :is(.key-line, .source-quote) {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 1.1798;
  }

  #roleSearch {
    font-size: 17px;
  }
}