/* Shared reading measure and hierarchy for secondary detail templates. */
body.vision-v7 main.secondary-editorial {
  --secondary-reading: 18px;
  color: #24333b;
  background: #f7f8f5;
}
body.vision-v7 .secondary-editorial .secondary-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  width: min(760px, calc(100% - 48px));
  max-width: none;
  margin: 0 auto;
  padding: 44px 0 72px;
  background: transparent;
}
body.vision-v7 .secondary-editorial .secondary-layout.secondary-has-contents {
  width: min(1000px, calc(100% - 48px));
  grid-template-columns: 200px minmax(0, 760px);
  column-gap: 40px;
}
.secondary-head { grid-column: 1/-1; margin-bottom: 28px; min-width: 0; }
.secondary-has-contents .secondary-head { grid-column: 2; }
.secondary-copy { grid-column: 1; min-width: 0; width: 100%; max-width: 760px; }
.secondary-has-contents .secondary-copy { grid-column: 2; }
body.vision-v7 .secondary-editorial .secondary-head .breadcrumb {
  margin: 0 0 20px;
  font-size: 13px;
  line-height: 1.6;
}
body.vision-v7 .secondary-editorial .secondary-head h1 {
  font-family: var(--font);
  font-size: 40px !important;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -.025em;
  margin: 0;
  padding: 0;
  max-width: 100%;
  text-wrap: balance;
}
body.vision-v7 .secondary-editorial .secondary-head .secondary-meta {
  margin: 14px 0 0;
  color: #586d78;
  font-size: 13px;
  line-height: 1.7;
}
body.vision-v7 .secondary-editorial .secondary-head .secondary-lead {
  font-size: 20px;
  line-height: 1.7;
  margin: 20px 0 0;
  max-width: none;
}
body.vision-v7 .secondary-editorial .secondary-contents {
  grid-column: 1;
  grid-row: 2;
  position: sticky;
  top: calc(var(--site-header-height, 96px) + 20px);
  align-self: start;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
}
.secondary-contents[hidden] { display: none !important; }
.secondary-editorial [hidden] { display: none !important; }
.secondary-contents summary { padding: 10px 0; font-size: 13px; cursor: pointer; min-height: 44px; }
.secondary-contents summary::marker { color: #1772b4; }
body.vision-v7 .secondary-editorial .secondary-contents nav {
  display: grid;
  gap: 4px;
  max-height: 65vh;
  overflow: auto;
  margin: 0;
  padding: 0 12px 0 14px;
  border-left: 1px solid #ccd5d9;
  scrollbar-width: thin;
  scrollbar-color: #7898aa transparent;
}
.secondary-contents nav::-webkit-scrollbar { width: 6px; height: 6px; }
.secondary-contents nav a { font-size: 13px; line-height: 1.6; padding: 6px 0; }
body.vision-v7 .secondary-editorial .secondary-copy,
body.vision-v7 .secondary-editorial .secondary-copy :is(.prose,.v7-prose-section,#publication-body) {
  font-family: var(--font);
  font-size: var(--secondary-reading);
  line-height: 1.85;
  max-width: 100%;
  color: inherit;
  margin: 0;
}
body.vision-v7 .secondary-editorial .secondary-copy :is(p,li,blockquote,dd) {
  font-family: inherit !important;
  font-size: var(--secondary-reading) !important;
  line-height: 1.85 !important;
  text-align: start !important;
  text-indent: 0 !important;
  letter-spacing: 0 !important;
}
body.vision-v7 .secondary-editorial .secondary-copy :is(span,strong,b,a,em,i,font) {
  font-family: inherit;
  line-height: inherit;
}
body.vision-v7 .secondary-editorial .secondary-copy p { margin: 0 0 24px; padding: 0; }
body.vision-v7 .secondary-editorial .secondary-copy :is(h2,h3,h4) {
  font-family: var(--font);
  padding: 0;
  border: 0;
  margin: 40px 0 16px;
  color: inherit;
  line-height: 1.45;
  font-weight: 500;
  text-wrap: balance;
  scroll-margin-top: calc(var(--site-header-height, 96px) + 20px);
}
body.vision-v7 .secondary-editorial .secondary-copy h2 { font-size: 28px !important; }
body.vision-v7 .secondary-editorial .secondary-copy h3 { font-size: 22px !important; margin-top: 32px; }
body.vision-v7 .secondary-editorial .secondary-copy h4 { font-size: 20px !important; margin-top: 28px; }
body.vision-v7 .secondary-editorial .secondary-copy > h2:first-child,
body.vision-v7 .secondary-editorial .secondary-copy > .v7-prose-section:first-child h2 { margin-top: 0; }
body.vision-v7 .secondary-editorial .secondary-copy.v7-prose-section,
body.vision-v7 .secondary-editorial .secondary-copy .v7-prose-section { padding: 0; border: 0; }
body.vision-v7 .secondary-editorial .publication-body > section,
body.vision-v7 .secondary-editorial .publication-body section > div {
  padding: 0;
  margin: 0 0 28px;
  border: 0;
}
.secondary-copy ul, .secondary-copy ol { padding-inline-start: 1.5em; margin: 0 0 24px; }
.secondary-copy li { margin-bottom: 8px; }
.secondary-copy dl { margin: 16px 0 24px; }
.secondary-copy dd { margin: 0 0 10px; }
.secondary-copy dt { font-weight: 600; }
.secondary-copy .secondary-salutation { font-weight: 500; }
body.vision-v7 .secondary-editorial .secondary-copy blockquote {
  margin: 28px 0;
  padding-left: 20px;
  border-left: 2px solid #1772b4;
}
body.vision-v7 .secondary-editorial .secondary-figure,
body.vision-v7 .secondary-editorial .secondary-copy figure {
  position: static;
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  height: auto;
  aspect-ratio: auto;
  margin: 28px 0;
  padding: 0;
  background: transparent;
}
body.vision-v7 .secondary-editorial .secondary-figure :is(.v72-image-frame,.parallax-frame) {
  position: static;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  overflow: visible;
}
.secondary-image-open { display: block; width: 100%; }
body.vision-v7 .secondary-editorial img.secondary-body-image {
  display: block;
  position: static;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  max-height: none;
  margin: 0 auto !important;
  object-fit: contain;
  translate: none !important;
  transform: none !important;
  scale: none !important;
  clip-path: none !important;
}
body.vision-v7 .secondary-editorial img.secondary-portrait-image { width: auto; max-height: 520px; }
body.vision-v7 .secondary-editorial .secondary-copy :is(figcaption,figcaption *,.source,.source *,.v7-source-note,.publication-archive-note,.culture-note) {
  position: static;
  font-family: inherit;
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: #586d78;
  max-width: none;
  background: transparent;
}
body.vision-v7 .secondary-editorial .secondary-copy figcaption { padding: 8px 0 0; margin: 0; letter-spacing: 0; }
.secondary-copy .secondary-masthead { margin-top: 40px; padding-top: 18px; border-top: 1px solid #ccd5d9; font-size: 13px; color: #586d78; }
.secondary-copy .table-scroll { max-width: 100%; overflow-x: auto; margin: 28px 0; }
.secondary-copy .table-scroll table { display: table; width: 100%; table-layout: auto; }
body.vision-v7 .secondary-editorial .secondary-copy .table-scroll * { overflow-wrap: normal; word-break: normal; }
body.vision-v7 .secondary-editorial .secondary-copy .table-scroll :is(p,li) { font-size: 15px !important; }
body.vision-v7 .secondary-editorial .secondary-copy :is(td,th) { font-size: 15px !important; padding: 12px 16px; line-height: 1.7; overflow-wrap: normal; word-break: normal; }
body.vision-v7 .secondary-editorial .v7-detail-end { margin-top: 40px; padding-top: 20px; }
body.vision-v7 .secondary-editorial .secondary-further { max-width: 760px; width: calc(100% - 48px); padding-block: 0 64px; margin-inline: auto; }
@media (max-width: 1023px) {
  body.vision-v7 .secondary-editorial .secondary-layout.secondary-has-contents {
    display: block;
    width: min(760px, calc(100% - 48px));
  }
  body.vision-v7 .secondary-editorial .secondary-contents { position: static; margin: 0 0 24px; }
  body.vision-v7 .secondary-editorial .secondary-contents nav { max-height: 45vh; }
}
@media (max-width: 600px) {
  body.vision-v7 main.secondary-editorial { --secondary-reading: 17px; }
  body.vision-v7 .secondary-editorial .secondary-layout,
  body.vision-v7 .secondary-editorial .secondary-layout.secondary-has-contents { width: calc(100% - 40px); padding: 28px 0 48px; }
  body.vision-v7 .secondary-editorial .secondary-head h1 { font-size: 30px !important; }
  body.vision-v7 .secondary-editorial .secondary-head .secondary-lead { font-size: 18px; margin-top: 16px; }
  body.vision-v7 .secondary-editorial .secondary-copy h2 { font-size: 24px !important; margin-top: 32px; }
  body.vision-v7 .secondary-editorial .secondary-copy h3 { font-size: 20px !important; }
  body.vision-v7 .secondary-editorial .secondary-copy p { margin-bottom: 20px; }
  body.vision-v7 .secondary-editorial img.secondary-portrait-image { max-height: 420px; }
  body.vision-v7 .secondary-editorial .secondary-further { width: calc(100% - 40px); }
}
@media print {
  body.vision-v7 .secondary-editorial .secondary-layout,
  body.vision-v7 .secondary-editorial .secondary-layout.secondary-has-contents { display: block; width: 100%; padding: 0; }
  .secondary-editorial .secondary-contents, .secondary-editorial .secondary-further { display: none; }
  .secondary-editorial figure { break-inside: avoid; }
}

