/* LOCAL V2 editorial extension. Baseline content, fonts and composition retained. */
html, body { margin: 0; }
.kc-editorial[data-local-editorial] { --kc-controls-reserve: 130px; }
.kc-editorial[data-local-editorial] .kc-editorial__track { transition: none !important; }
.kc-editorial[data-local-editorial] .kc-editorial__screen { opacity: 0; }
.kc-editorial[data-local-editorial] .kc-editorial__screen.is-active { opacity: 1; }
.kc-editorial[data-local-editorial] .kc-editorial__screen section,
.kc-editorial[data-local-editorial] .kc-editorial__screen.is-active section,
.kc-editorial[data-local-editorial] .kc-editorial__screen:not(.is-active) section {
  opacity: 1;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  animation: none;
}
.kc-editorial[data-local-editorial] .kc-editorial__screen-body {
  height: 100% !important;
  margin-top: 0 !important;
  padding-top: clamp(126px, 20svh, 210px);
  padding-bottom: calc(130px + env(safe-area-inset-bottom, 0px));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.kc-editorial[data-local-editorial] .kc-editorial__backdrop video { position: absolute; inset: 0; z-index: 0; }
.kc-editorial[data-local-editorial] .kc-editorial__backdrop::after { z-index: 2; }
.kc-editorial[data-local-editorial] .kc-editorial__languages a {
  width: 44px;
  height: 44px;
  min-height: 44px;
}
.kc-editorial[data-local-editorial] .kc-editorial__chapters { gap: 7px; }
.kc-editorial[data-local-editorial] .kc-editorial__chapters [role="tablist"] { gap: 0; }
.kc-editorial[data-local-editorial] .kc-editorial__chapters [role="tab"] {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  position: relative;
  transform: none;
}
.kc-editorial[data-local-editorial] .kc-editorial__chapters [role="tab"]::before {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(242, 194, 48, .25);
  border-radius: 50%;
  transition: border-color .3s ease;
}
.kc-editorial[data-local-editorial] .kc-editorial__chapters [role="tab"][aria-selected="true"]::before { border-color: #f2c230; }
.kc-editorial[data-local-editorial] .kc-editorial__next { min-height: 44px; padding-block: 10px; }
.kc-editorial[data-local-editorial] .kc-editorial__play {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  left: calc(var(--kc-rail) / 2 - 22px);
}
.kc-editorial[data-local-editorial] .kc-editorial__read-hint {
  position: absolute;
  z-index: 10;
  right: var(--kc-pad);
  bottom: calc(122px + env(safe-area-inset-bottom, 0px));
  margin: 0;
  color: #e7edf1;
  font: 600 10px/1.4 var(--kc-type-brand);
  letter-spacing: .1em;
  text-transform: uppercase;
  pointer-events: none;
}
.kc-editorial[data-local-editorial] .kc-editorial__read-hint[hidden] { display: none; }
body[data-motion-variant="v2"] .kc-editorial__screen.is-v2-arriving [data-v2-stage] {
  animation: kc-v2-editorial-opacity .42s ease both;
}
body[data-motion-variant="v2"] .kc-editorial__screen.is-v2-arriving [data-v2-stage="title"] { animation-delay: 0s; }
body[data-motion-variant="v2"] .kc-editorial__screen.is-v2-arriving [data-v2-stage="copy"] { animation-delay: 0s; }
body[data-motion-variant="v2"] .kc-editorial__screen.is-v2-arriving [data-v2-stage="detail"] { animation-delay: 0s; }
@keyframes kc-v2-editorial-opacity { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 1100px) {
  .kc-editorial[data-local-editorial] .kc-editorial__screen-body { padding-top: 130px; padding-right: var(--kc-pad); }
  .kc-editorial[data-local-editorial] .kc-editorial__chapters { bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important; }
}
@media (max-width: 700px) {
  .kc-editorial[data-local-editorial] { --kc-rail: 0px; --kc-pad: 24px; }
  .kc-editorial[data-local-editorial] .kc-editorial__header { padding: 14px 16px; gap: 8px; }
  .kc-editorial[data-local-editorial] .kc-editorial__languages { padding: 0 2px; }
  .kc-editorial[data-local-editorial] .kc-editorial__screen-body { padding-top: 118px; padding-bottom: calc(126px + env(safe-area-inset-bottom, 0px)); }
  .kc-editorial[data-local-editorial] .kc-editorial__chapters {
    left: 50%;
    width: calc(100% - 32px);
    max-width: none;
  }
  .kc-editorial[data-local-editorial] .kc-editorial__play { left: 16px; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); }
  .kc-editorial[data-local-editorial] .kc-editorial__count { padding-left: 52px; }
  .kc-editorial[data-local-editorial] .kc-editorial__next { display: none; }
  /* Keep 44px chapter targets clear of the video and social controls. */
  .kc-editorial[data-local-editorial] .kc-editorial__chapters [role="tablist"] {
    display: grid;
    grid-template-columns: repeat(4,44px);
    width: 176px;
    max-width: 176px;
    justify-content: center;
  }
  .kc-editorial[data-local-editorial] .kc-editorial__screen-body {
    padding-bottom: calc(240px + env(safe-area-inset-bottom,0px));
    clip-path: inset(92px 0 calc(240px + env(safe-area-inset-bottom,0px)) 0);
  }
  .kc-editorial[data-local-editorial] .kc-editorial__read-hint { bottom: calc(212px + env(safe-area-inset-bottom,0px)); }
  .kc-editorial[data-local-editorial] .kc-editorial__screen :is(.kc-editorial__lead, .kc-editorial__copy p, .kc-editorial__disclosure) {
    text-align: start;
    hyphens: none;
    -webkit-hyphens: none;
  }
}
@media (max-width: 375px) {
  .kc-editorial[data-local-editorial] .kc-editorial__rail > a { width: 88px; left: 12px; }
  .kc-editorial[data-local-editorial] .kc-editorial__menu-toggle { padding-inline: 10px; gap: 7px; }
  .kc-editorial[data-local-editorial] .kc-editorial__chapters [role="tab"] { width: 44px; flex-shrink: 0; }
}
@media (max-height: 550px) {
  .kc-editorial[data-local-editorial] .kc-editorial__screen-body {
    padding-top: 92px !important;
    padding-bottom: calc(114px + env(safe-area-inset-bottom, 0px)) !important;
    padding-right: var(--kc-pad);
  }
  .kc-editorial[data-local-editorial] .kc-editorial__next { display: none; }
}
@media (max-width:700px) and (max-height:550px) {
  .kc-editorial[data-local-editorial] .kc-editorial__screen-body { padding-bottom:calc(240px + env(safe-area-inset-bottom,0px))!important; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-motion-variant="v2"] .kc-editorial__screen.is-v2-arriving [data-v2-stage] { animation: none; }
  .kc-editorial[data-local-editorial] .kc-editorial__chapters [role="tab"]::before { transition: none; }
}
/* The narrow header crops the KC block; scale the entire lockup with that frame. */
@media(max-width:375px) {
  .kc-editorial[data-local-editorial] .kc-editorial__rail > a img { width: 180px; top: -20px; }
}

/* Short landscape: reserve the reading rectangle once, outside its scroll box.
   Higher scope specificity also resolves the later Portfolio pilot overrides. */
@media (max-width: 700px) and (max-height: 550px) and (orientation: landscape) {
  html body .kc-editorial[data-local-editorial]:is(.kc-editorial--about,.kc-editorial--sectors) .kc-editorial__screen-body {
    position: absolute;
    inset: 84px 0 calc(90px + env(safe-area-inset-bottom,0px));
    box-sizing: border-box;
    height: auto !important;
    min-height: 0;
    max-height: none;
    margin: 0 !important;
    padding: 0 var(--kc-pad) 16px !important;
    clip-path: none !important;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-padding-block: 8px 16px;
  }
  html body .kc-editorial[data-local-editorial].kc-editorial--about .kc-editorial__screen-body {
    padding-right: max(80px, var(--kc-pad)) !important;
  }
  html body .kc-editorial[data-local-editorial]:is(.kc-editorial--about,.kc-editorial--sectors) .kc-editorial__screen-body :is(a,button,[tabindex]) {
    scroll-margin-block: 8px 16px;
  }
  html body .kc-editorial[data-local-editorial]:is(.kc-editorial--about,.kc-editorial--sectors) .kc-editorial__chapters {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    left: 72px !important;
    right: 8px !important;
    bottom: calc(8px + env(safe-area-inset-bottom,0px)) !important;
    width: auto;
    max-width: none;
    transform: none;
    padding: 4px;
    gap: 0;
  }
  html body .kc-editorial[data-local-editorial].kc-editorial--about .kc-editorial__chapters {
    right: 80px !important;
  }
  html body .kc-editorial[data-local-editorial]:is(.kc-editorial--about,.kc-editorial--sectors) .kc-editorial__chapters :is(.kc-editorial__count,.v3-chapter-label,.kc-editorial__next) {
    display: none;
  }
  html body .kc-editorial[data-local-editorial]:is(.kc-editorial--about,.kc-editorial--sectors) .kc-editorial__chapters [role="tablist"] {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: max-content;
    max-width: 100%;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  html body .kc-editorial[data-local-editorial]:is(.kc-editorial--about,.kc-editorial--sectors) .kc-editorial__chapters [role="tab"] {
    box-sizing: border-box;
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }
  html body .kc-editorial[data-local-editorial]:is(.kc-editorial--about,.kc-editorial--sectors) .kc-editorial__chapters [role="tab"]:focus-visible {
    outline-offset: -3px;
  }
  html body .kc-editorial[data-local-editorial]:is(.kc-editorial--about,.kc-editorial--sectors) .kc-editorial__play {
    left: 16px;
    right: auto;
    bottom: calc(12px + env(safe-area-inset-bottom,0px));
  }
  html body .kc-editorial[data-local-editorial]:is(.kc-editorial--about,.kc-editorial--sectors) .kc-editorial__read-hint {
    bottom: calc(66px + env(safe-area-inset-bottom,0px));
    right: 24px;
    max-width: calc(100% - 48px);
  }
  html body .kc-editorial[data-local-editorial].kc-editorial--about .kc-editorial__read-hint {
    right: 80px;
    max-width: calc(100% - 104px);
  }
}
