/* Visual repairs: contrast, narrow layouts, tablet navigation and evidence links. */

@media (min-width: 600px) and (max-width: 899px) {
  html:not(.no-js) body .site-header .mobile-quick-nav.v7-tablet-strip {
    display: flex !important;
    align-items: center;
    gap: 4px;
    min-height: 47px;
    flex-wrap: nowrap;
    padding-inline: var(--pad-x, 20px);
    border-top: 1px solid var(--dark-rule, rgba(247, 242, 232, .2));
  }
  html:not(.no-js) body .site-header .mobile-quick-nav.v7-tablet-strip > a {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    height: 46px;
    width: auto;
    min-width: 0;
    padding: 0 12px;
  }
}
@media (min-width: 360px) and (max-width: 383px) {
  body .site-header:is(.jl-v7-chrome, .v7) .brand-logo-wrap {
    width: clamp(155px, calc(100vw - 198px), 186px);
  }
  body .site-header:is(.jl-v7-chrome, .v7) .brand-logo {
    object-fit: contain;
    object-position: left center;
  }
}

body.brand-finish-photo:not(.official-portraits-refined) .opl-collection-hero h1 {
  color: #f7f2e8 !important;
}
body.brand-finish-photo:not(.official-portraits-refined) .opl-collection-hero p.eyebrow {
  color: #e8b84d !important;
}
.written-coverage-hero .hero-copy p a {
  color: #f7f2e8 !important;
  text-decoration: underline;
  text-underline-offset: .22em;
}

@media (max-width: 360px) {
  body:is(.community-impact-photo-collection-page, .media-press-collection-page) .phase2d-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body:is(.community-impact-photo-collection-page, .media-press-collection-page)
    .phase2d-grid .phase2d-card {
    display: flex !important;
    flex-direction: column;
    grid-column: 1 / -1 !important;
    gap: 10px !important;
    min-width: 0;
  }
  body:is(.community-impact-photo-collection-page, .media-press-collection-page)
    .phase2d-grid .opl-card-copy {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding-inline: 10px;
  }
  body .brand-case-distribution dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .brand-case-distribution dl div {
    min-width: 0;
    padding-inline: 8px;
  }
  body .brand-case-distribution dl dd {
    font-size: clamp(1rem, 6vw, 1.5rem);
  }
}

@media (max-width: 599px) {
footer.site-footer.about-v1-footer .global-footer-nav a:has(>.punch-nowrap),
  footer.site-footer.about-v1-footer .global-footer-nav a .punch-nowrap {
    white-space: normal;
    overflow-wrap: normal;
  }
  footer.site-footer.about-v1-footer .global-footer-nav a:has(>.punch-nowrap) {
    display: block;
    padding-block: 11px;
    min-height: 44px;
  }
}


.video-moment-card h3,
.video-moment-card h3 > a:not(.button),
.video-moment-card :is(p, .evelyn-video-chapters) a:not(.button, .jvl-play-button, .v7-button) {
  color: #f7f2e8 !important;
}
.video-moment-card :is(p, .evelyn-video-chapters) a:not(.button, .jvl-play-button, .v7-button) {
  text-decoration: underline;
  text-underline-offset: .2em;
}
.team-support-feature article h3 > a {
  color: #f7f2e8 !important;
  text-decoration: underline;
  text-underline-offset: .18em;
}
.james-testimony .james-testimony-kicker {
  color: #85471e !important;
}
.collaborator-profile .collab-hero-media .collab-hero-resolution {
  color: #f7f2e8 !important;
}
.media-press-detail-page .mpa-detail-media figcaption {
  color: #e9e6dc !important;
}
.official-photo-library-page .opl-usage-note {
  color: #48594f;
}

.official-photo-library-page .opl-detail-pagination span {
  color: #48594f;
}
body.brand-quality-data main.guide-body nav[aria-label="Breadcrumb"] li[aria-current="page"] {
  color: #254936 !important;
}
main .route-card .tag.red {
  color: #762d23;
}

body.brand-case-page .brand-case-story--ink .case-role-card h3 {
  color: #0d342b !important;
}
body.brand-case-page .brand-case-story--ink .case-role-card p {
  color: #48594f !important;
}
body.brand-case-page :is(.brand-case-story:not(.brand-case-story--ink), .brand-case-entity, .pf-contributions) .brand-kicker {
  color: #853b29 !important;
}
body.brand-case-page .brand-cta .brand-kicker {
  color: #25362a !important;
}
body.brand-case-page .brand-case-distribution :is(dt, .case-date-note) {
  color: #48594f !important;
}
body.brand-case-page .brand-platform-links a span {
  color: #48594f !important;
}

body.brand-case-page:not(.uber-case) main.pf-case .pf-video-section .brand-section-heading > p.brand-kicker,
body.brand-case-page:not(.uber-case) main.pf-case > .brand-record-note > p.brand-kicker,
body.uber-case main > .case-evidence > p.brand-kicker {
  color: #853b29 !important;
}

:is(
  body.about-v1-page :is(.ak-identity,.selected-coverage-list),
  body.about-v1-page #biographical-records .record-body,
  body.collaborations-page .record-body,
  body.brand-quality-timeline .record-body,
  body.media-kit-page .record-body,
  body.media-v1-page :is(.media-preserved-records,.record-body),
  body.brand-partnerships-page .record-body,
  body.impact-v1-page .impact-p1-documentary-meta,
  body.brand-finish-legacy-photo .opl-detail-pagination,
  body.brand-finish-story .story-nav-grid
) :is(span,strong,small,time,b,em) + :is(span,strong,small,time,b,em) {
  margin-inline-start: .42em;
}
body.nominate-p1 #record-story-submission-guide article > span:first-child {
  display: block;
  margin-block-end: .2rem;
  font-size: .78rem;
  font-weight: 700;
}

@media (min-width: 600px) and (max-width: 899px) {
  body.brand-finish-story main .story-page-photo .project-caption--dark,
  body.brand-finish-story main .story-page-photo .project-caption--dark :is(a,span) {
    font-family: system-ui, sans-serif;
  }
}

@media (min-width: 600px) and (max-width: 899px) {
  body.brand-finish-story main .impact-story-guide,
  body.brand-finish-story main .impact-story-guide :is(a,span,strong) {
    font-family: system-ui, sans-serif;
  }
}

@media(max-width:760px) {
  html:not(.no-js):has(main details#evidence-sources-documentation:target) {
    scroll-behavior: auto !important;
    scroll-padding-top: 96px !important;
  }
  html.no-js:has(body.jl-v7-site main :is(
    #evidence-sources-documentation,#documentation,#ij-data,
    #transcript-jvl-v-000046,#transcript-jvl-v-000023,
    #transcript-jvl-v-000048,#transcript-jvl-v-000060
  ):target) {
    scroll-padding-top: 168px !important;
    scroll-behavior: auto !important;
  }
  body:has(main details#evidence-sources-documentation:target)
    main :is(.story-intro .proof-card,.related-impact-stories .route-card,.story-nav-grid .route-card) {
    content-visibility: visible !important;
  }
}

@media(max-width:1278px) {
body.media-v1-page .media-v1 .media-style-013 :is(.media-style-014,.media-style-017) {
  min-width: 0;
}
body.media-v1-page .media-v1 .media-style-013 .media-style-016 {
  white-space: normal;
  max-width: calc(100% + 24px);
  text-wrap: balance;
}
}
@media(max-width:1100px) {
  body.media-v1-page .media-v1 .media-style-013 {
    container-type: inline-size;
  }
  body.media-v1-page .media-v1 .media-style-013 :is(.media-style-014,.media-style-017) {
    gap: 6px;
    padding-inline: clamp(4px, 1vw, 10px);
  }
  body.media-v1-page .media-v1 .media-style-013 .media-style-015 {
    font-size: clamp(1.6rem, 7.8cqi, 2.625rem);
  }
  body.media-v1-page .media-v1 .media-style-013 .media-style-016 {
    max-width: 100%;
    font-size: .8125rem;
    line-height: 1.24;
  }
}