/* Figma 76:341 article body: compact category, article title, metadata rail. */
main.article-editorial-v82 {
  background: #f6f3ed;
  padding: 28px 0 120px;
}
main.article-editorial-v82 .article-body {
  max-width: 1240px;
}
main.article-editorial-v82 .article-back {
  max-width: none;
  margin: 0 0 48px;
}
main.article-editorial-v82 .editorial-intro {
  max-width: none;
  margin: 0 0 42px;
  padding: 0 0 38px;
  border-bottom: 1px solid #c9c4b9;
}
main.article-editorial-v82 .editorial-category {
  max-width: 1050px;
  margin: 0 0 24px !important;
  color: #183a37;
  font-family: DM, Arial, sans-serif;
  font-size: 15px !important;
  font-weight: 700;
  line-height: 1.4 !important;
  letter-spacing: .11em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
main.article-editorial-v82 .editorial-intro h1 {
  max-width: 920px;
  margin: 0 0 22px;
  font-family: DM, Arial, sans-serif;
  font-size: clamp(40px, 4.1vw, 56px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em;
}
main.article-editorial-v82 .editorial-intro .article-subtitle {
  max-width: 760px;
  margin: 0 !important;
  color: #55605b;
  font-size: 18px !important;
  line-height: 1.6 !important;
}
main.article-editorial-v82 .editorial-columns {
  max-width: none;
  display: grid;
  grid-template-columns: minmax(155px, 220px) minmax(0, 730px);
  gap: clamp(46px, 8vw, 142px);
  align-items: start;
}
main.article-editorial-v82 .editorial-rail,
main.article-editorial-v82 .editorial-reading { min-width: 0; }
main.article-editorial-v82 .editorial-rail .article-meta {
  max-width: none;
  margin: 0;
  padding-top: 5px;
  border-top: 2px solid #183a37;
}
main.article-editorial-v82 .editorial-rail .article-meta p {
  margin: 14px 0 0 !important;
  color: #55605b;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
main.article-editorial-v82 .editorial-reading > * {
  max-width: 100%;
  margin-inline: 0;
}
main.article-editorial-v82 .editorial-reading > p,
main.article-editorial-v82 .editorial-reading > ul,
main.article-editorial-v82 .editorial-reading > ol {
  margin: 0 0 28px !important;
  color: #263531;
  font-size: 18px !important;
  line-height: 1.85 !important;
}
main.article-editorial-v82 .editorial-reading > h2 {
  margin: 72px 0 26px;
  color: #183a37;
  font-size: 30px !important;
  line-height: 1.26 !important;
}
main.article-editorial-v82 .editorial-reading > h3 { margin: 42px 0 18px; }
main.article-editorial-v82 .editorial-reading > figure,
main.article-editorial-v82 .editorial-reading > blockquote,
main.article-editorial-v82 .editorial-reading > section,
main.article-editorial-v82 .editorial-reading > hr {
  margin: 48px 0;
}
main.article-editorial-v82 .editorial-reading figure img { max-width: 100%; height: auto; }
main.article-editorial-v82 .editorial-reading figcaption { font-size: 13px !important; }
@media (min-width: 1220px) {
  main.article-editorial-v82 .editorial-reading > figure[id^="figure-"] {
    width: min(920px, calc(100vw - 80px));
    max-width: none;
    left: 0;
    transform: none;
  }
}
@media (max-width: 760px) {
  main.article-editorial-v82 { padding: 18px 0 68px; }
  main.article-editorial-v82 .article-back { margin-bottom: 36px; }
  main.article-editorial-v82 .editorial-intro { margin-bottom: 28px; padding-bottom: 32px; }
  main.article-editorial-v82 .editorial-category {
    margin-bottom: 18px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    letter-spacing: .08em;
  }
  main.article-editorial-v82 .editorial-intro h1 { font-size: 30px !important; line-height: 1.28 !important; }
  main.article-editorial-v82 .editorial-intro .article-subtitle { font-size: 16px !important; }
  main.article-editorial-v82 .editorial-columns { display: block; }
  main.article-editorial-v82 .editorial-rail { margin-bottom: 36px; }
  main.article-editorial-v82 .editorial-rail .article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
  }
  main.article-editorial-v82 .editorial-rail .article-meta p { margin-top: 12px !important; }
  main.article-editorial-v82 .editorial-reading > p,
  main.article-editorial-v82 .editorial-reading > ul,
  main.article-editorial-v82 .editorial-reading > ol { font-size: 17px !important; line-height: 1.8 !important; }
  main.article-editorial-v82 .editorial-reading > h2 { margin-top: 52px; font-size: 25px !important; }
  main.article-editorial-v82 .editorial-reading > figure[id^="figure-"] {
    width: 100%;
    left: auto;
    transform: none;
  }
}

/* Chinese at 100% browser zoom follows a compact editorial type scale. */
html[lang^="zh"] body main.article-editorial-v82 .editorial-intro h1{font-size:38px!important;line-height:1.25!important}
html[lang^="zh"] body main.article-editorial-v82 .editorial-reading > h2{font-size:27px!important}
@media(max-width:760px){
  html[lang^="zh"] body main.article-editorial-v82 .editorial-intro h1{font-size:27px!important;line-height:1.34!important}
  html[lang^="zh"] body main.article-editorial-v82 .editorial-reading > h2{font-size:23px!important}
}

/* Sierra-calibrated article reading scale; no header, footer or Weekly selectors. */
html body main.article-editorial-v82 .editorial-category{font-size:13px!important;line-height:18px!important}
html body main.article-editorial-v82 .editorial-intro h1{font-size:44px!important;line-height:50px!important}
html body main.article-editorial-v82 .editorial-intro .article-subtitle{font-size:17px!important;line-height:27px!important}
html body main.article-editorial-v82 .editorial-columns{grid-template-columns:minmax(155px,220px) minmax(0,760px)}
html body main.article-editorial-v82 .editorial-rail .article-meta p{font-size:14px!important;line-height:22px!important}
html body main.article-editorial-v82 .editorial-reading>p,
html body main.article-editorial-v82 .editorial-reading>ul,
html body main.article-editorial-v82 .editorial-reading>ol{font-size:17px!important;line-height:28px!important}
html body main.article-editorial-v82 .editorial-reading>h2{font-size:28px!important;line-height:36px!important}
html body main.article-editorial-v82 .editorial-reading>h3{font-size:20px!important;line-height:28px!important}
html body main.article-editorial-v82 .editorial-reading figcaption{font-size:13px!important;line-height:20px!important}
html[lang^="zh"] body main.article-editorial-v82 .editorial-category{line-height:20px!important}
html[lang^="zh"] body main.article-editorial-v82 .editorial-intro h1{font-size:42px!important;line-height:54px!important}
html[lang^="zh"] body main.article-editorial-v82 .editorial-intro .article-subtitle{line-height:29px!important}
html[lang^="zh"] body main.article-editorial-v82 .editorial-reading>p,
html[lang^="zh"] body main.article-editorial-v82 .editorial-reading>ul,
html[lang^="zh"] body main.article-editorial-v82 .editorial-reading>ol{line-height:30px!important}
html[lang^="zh"] body main.article-editorial-v82 .editorial-reading>h2{font-size:28px!important;line-height:38px!important}
html[lang^="zh"] body main.article-editorial-v82 .editorial-reading>h3{line-height:30px!important}
html[lang^="zh"] body main.article-editorial-v82 .editorial-reading figcaption{line-height:22px!important}
@media(max-width:760px){
 html body main.article-editorial-v82 .editorial-intro h1{font-size:30px!important;line-height:38px!important}
 html body main.article-editorial-v82 .editorial-intro .article-subtitle{font-size:16px!important;line-height:25px!important}
 html body main.article-editorial-v82 .editorial-reading>p,
 html body main.article-editorial-v82 .editorial-reading>ul,
 html body main.article-editorial-v82 .editorial-reading>ol{font-size:16px!important;line-height:27px!important}
 html body main.article-editorial-v82 .editorial-reading>h2{font-size:23px!important;line-height:30px!important}
 html body main.article-editorial-v82 .editorial-reading>h3{font-size:19px!important;line-height:27px!important}
 html[lang^="zh"] body main.article-editorial-v82 .editorial-intro h1{font-size:30px!important;line-height:40px!important}
 html[lang^="zh"] body main.article-editorial-v82 .editorial-intro .article-subtitle{line-height:27px!important}
 html[lang^="zh"] body main.article-editorial-v82 .editorial-reading>p,
 html[lang^="zh"] body main.article-editorial-v82 .editorial-reading>ul,
 html[lang^="zh"] body main.article-editorial-v82 .editorial-reading>ol{line-height:29px!important}
 html[lang^="zh"] body main.article-editorial-v82 .editorial-reading>h2{font-size:23px!important;line-height:32px!important}
 html[lang^="zh"] body main.article-editorial-v82 .editorial-reading>h3{line-height:29px!important}
}
