/* Shared responsive layouts for second-level pages. */
.page-about .page-content {
  padding-top: 47px;
  padding-bottom: 0;
}

.about-grid {
  display: flex;
  align-items: stretch;
  min-height: 653px;
  background: #f7f7f7;
}

.about-intro {
  width: 62.3%;
  padding: 37px 6.5%;
  color: #555;
}

.about-intro h1 {
  margin: 0 0 30px;
  color: #333;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

.about-intro p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 2.05;
}

.about-intro .about-address-title {
  margin: 17px 0 12px;
  font-weight: 600;
  text-indent: 0;
}

.about-intro .about-address {
  margin-bottom: 10px;
  text-indent: 0;
}

.about-sidebar {
  width: 37.7%;
  padding: 35px 40px 28px;
  background: #f1f1f1;
  color: #555;
}

.about-subheading {
  display: flex;
  align-items: center;
  margin: 0 0 21px;
  color: #333;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
}

.about-subheading:after {
  height: 1px;
  flex: 1 1 auto;
  margin-left: 14px;
  background: #cfcfcf;
  content: "";
}

.about-headlines {
  margin: 0 0 35px;
  padding: 0;
  list-style: none;
}

.about-headlines li {
  color: var(--site-text);
  margin: 0;
  font-size: 14px;
  line-height: 2.15;
}

.about-headlines a {
  color: inherit;
}

.about-links {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px 28px;
  padding: 0;
  list-style: none;
}

.about-links li {
  width: 50%;
  padding: 0 10px 18px;
}

.about-links a {
  display: block;
  height: 42px;
  border: 1px solid #d0d0d0;
  border-radius: 22px;
  background: #fff;
  color: #555;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
}

.about-contact {
  margin: 0;
  font-size: 14px;
  line-height: 2.3;
}

.page-about #site-footer .gxf-back-top {
  margin-top: -30px;
}

.page-leadership .page-content {
  padding-top: 58px;
  padding-bottom: 8px;
}

.page-section-title {
  display: flex;
  align-items: center;
  margin: 0 0 21px;
  color: #333;
  font-family: "瀹嬩綋", SimSun, serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
}

.page-section-title:after {
  height: 1px;
  flex: 1 1 auto;
  margin-left: 14px;
  background: #e2e2e2;
  content: "";
}

.leadership-card {
  display: flex;
  align-items: stretch;
  min-height: 402px;
  margin-bottom: 47px;
}

.leadership-card img {
  display: block;
  width: 40.6%;
  min-height: 400px;
  flex: 0 0 40.6%;
  object-fit: cover;
}

.leadership-copy {
  position: relative;
  flex: 1 1 auto;
  padding: 42px 60px 62px;
  background: #f7f7f7;
}

.leadership-copy h2 {
  margin: 0 0 20px;
  color: var(--site-text);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.55;
}

.leadership-copy p {
  margin: 0;
  color: #555;
  font-size: 18px;
  line-height: 2.1;
}

.leadership-detail {
  position: absolute;
  right: 60px;
  bottom: 29px;
  width: 122px;
  height: 34px;
  border: 1px solid #bbb;
  border-radius: 18px;
  color: #666;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
}

/* Reusable right column on the ten-journalist page. */
.feature-sidebar {
  width: 583px;
  flex: 0 0 583px;
  margin-left: 47px;
  padding: 12px 30px 28px 31px;
  background: #f7f7f7;
}

.feature-section+.feature-section {
  margin-top: 29px;
}

.feature-title {
  display: flex;
  align-items: center;
  margin: 0 0 24px;
  color: #333;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.25;
}

.feature-title:after {
  height: 1px;
  flex: 1 1 auto;
  margin-left: 14px;
  background: #e3e3e3;
  content: "";
}

.feature-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.feature-media-item,
.feature-topic-item {
  color: var(--site-text);
  display: flex;
  align-items: flex-start;
  margin: 0 0 15px;
}

.feature-media-item:last-child,
.feature-topic-item:last-child {
  margin-bottom: 0;
}

.feature-media-item img,
.feature-topic-item img {
  display: block;
  width: 150px;
  height: 87px;
  flex: 0 0 150px;
  margin-right: 20px;
}

.feature-media-item a,
.feature-topic-item a {
  color: inherit;
  font-size: 14px;
  line-height: 1.9;
}

.feature-focus-item {
  margin: 0;
  color: var(--site-text);
  font-size: 14px;
  line-height: 2.05;
}

.feature-focus-item a {
  color: inherit;
}

.page-ten-journalists .page-content {
  padding-top: 48px;
  padding-bottom: 0;
}

.ten-journalists-layout {
  display: flex;
  align-items: flex-start;
}

.ten-journalists-main {
  flex: 1 1 0;
  min-width: 0;
}

.ten-journalists-banner {
  display: block;
  width: 100%;
  height: auto;
}

.ten-year-section {
  margin-top: 31px;
}

.ten-year-title {
  display: flex;
  align-items: center;
  margin: 0 0 13px;
  color: #333;
  font-family: "瀹嬩綋", SimSun, serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
}

.ten-year-title:after {
  height: 1px;
  flex: 1 1 auto;
  margin-left: 15px;
  background: #e2e2e2;
  content: "";
}

.ten-year-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ten-year-list li {
  margin: 0;
  color: var(--site-text);
  font-size: 14px;
  line-height: 2.05;
}

.ten-year-list a {
  color: inherit;
}

.ten-year-more {
  display: block;
  width: 115px;
  height: 30px;
  margin: 17px auto 0;
  border: 1px solid #4388d7;
  border-radius: 16px;
  color: #555;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

.ten-year-more:hover {
  background: #08479a;
  color: #fff;
}

/* Award introduction banners and the four content modules. */
.page-award .page-content {
  padding-top: 48px;
  padding-bottom: 8px;
}

.award-intro {
  position: relative;
  min-height: 220px;
  padding: 32px 76px 28px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.page-taofen-award .award-intro {
  background-image: url("../img/changjiang-taofen-banner.png");
}

.page-news-award .award-intro {
  background-image: url("../img/china-news-award-banner.png");
}

.award-intro h1 {
  margin: 0 0 20px;
  color: #f55a39;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.4;
}

.award-intro p {
  max-width: 900px;
  margin: 0;
  color: #594332;
  font-size: 16px;
  line-height: 2;
}

.award-intro a {
  position: absolute;
  right: 28%;
  bottom: 34px;
  color: #594332;
  font-size: 16px;
}

.page-news-award .award-intro h1,
.page-news-award .award-intro p,
.page-news-award .award-intro a {
  color: #fff;
}

.award-module-grid {
  display: flex;
  flex-wrap: wrap;
  margin-top: 34px;
}

.award-module {
  width: 48.12%;
  margin: 0 3.62% 38px 0;
}

.award-module:nth-child(even) {
  width: 44.5%;
  margin-right: 0;
}

.award-module-title {
  display: flex;
  align-items: center;
  margin: 0 0 18px;
  color: #333;
  font-family: "瀹嬩綋", SimSun, serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
}

.award-module-title:after {
  height: 1px;
  flex: 1 1 auto;
  order: 2;
  margin-left: 13px;
  background: #e3e3e3;
  content: "";
}

.award-module-more {
  flex: 0 0 auto;
  order: 3;
  margin-left: 10px;
  color: #666;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.award-module-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.award-module-list li {
  margin: 0;
  color: var(--site-text);
  font-size: 14px;
  line-height: 2.1;
}

.award-module-list a {
  color: inherit;
}

.award-winner-columns {
  display: flex;
}

.award-winner-columns ul {
  width: 50%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.award-quote-list li {
  line-height: 2.1;
}

/* Tablet and phone layouts. */
@media (max-width: 1379px) and (min-width: 768px) {
  .about-intro {
    padding-right: 5%;
    padding-left: 5%;
  }

  .about-sidebar {
    padding-right: 24px;
    padding-left: 24px;
  }

  .leadership-copy {
    padding-right: 32px;
    padding-left: 32px;
  }

  .leadership-copy h2 {
    font-size: 21px;
  }

  .leadership-copy p {
    font-size: 16px;
  }

  .feature-sidebar {
    width: 43%;
    flex-basis: 43%;
    margin-left: 28px;
    padding-right: 22px;
    padding-left: 22px;
  }

  .feature-media-item img,
  .feature-topic-item img {
    width: 35%;
    height: auto;
    flex-basis: 35%;
    margin-right: 14px;
  }

}

@media (max-width: 767px) {

  .page-about .page-content,
  .page-leadership .page-content,
  .page-ten-journalists .page-content,
  .page-award .page-content {
    width: auto;
    margin: 0 16px;
    padding: 24px 0 30px;
  }

  .about-grid {
    display: block;
    min-height: 0;
  }

  .about-intro,
  .about-sidebar {
    width: 100%;
    padding: 24px 18px;
  }

  .about-intro h1 {
    margin-bottom: 18px;
    font-size: 21px;
  }

  .about-intro p,
  .about-headlines li,
  .about-contact {
    font-size: 14px;
    line-height: 1.9;
  }

  .about-sidebar {
    padding-top: 24px;
  }

  .about-headlines {
    margin-bottom: 24px;
  }

  .about-links {
    margin-right: -6px;
    margin-left: -6px;
  }

  .about-links li {
    padding-right: 6px;
    padding-left: 6px;
  }

  .about-links a {
    font-size: 16px;
  }

  .page-leadership .page-content {
    padding-top: 24px;
  }

  .page-section-title {
    margin-bottom: 16px;
  }

  .leadership-card {
    display: block;
    min-height: 0;
    margin-bottom: 24px;
  }

  .leadership-card img {
    width: 100%;
    min-height: 0;
    height: auto;
  }

  .leadership-copy {
    min-height: 0;
    padding: 20px 18px 68px;
  }

  .leadership-copy h2 {
    margin-bottom: 12px;
    font-size: 19px;
  }

  .leadership-copy p {
    font-size: 15px;
    line-height: 1.9;
  }

  .leadership-detail {
    right: 18px;
    bottom: 18px;
  }

  .page-ten-journalists .page-content,
  .page-award .page-content {
    padding-top: 24px;
  }

  .ten-journalists-layout {
    display: block;
  }

  .ten-journalists-main {
    width: 100%;
  }

  .ten-year-list li {
    font-size: 14px;
    line-height: 1.85;
  }

  .feature-sidebar {
    width: 100%;
    margin: 30px 0 0;
    padding: 18px 16px 22px;
  }

  .feature-section+.feature-section {
    margin-top: 24px;
  }

  .feature-title {
    margin-bottom: 17px;
  }

  .feature-media-item img,
  .feature-topic-item img {
    width: 36%;
    height: auto;
    flex-basis: 36%;
    margin-right: 12px;
  }

  .feature-media-item a,
  .feature-topic-item a,
  .feature-focus-item {
    font-size: 14px;
    line-height: 1.75;
  }

  .award-module-grid {
    display: block;
    margin-top: 27px;
  }

  .award-module,
  .award-module:nth-child(even) {
    width: 100%;
    margin: 0 0 25px;
  }

  .award-module-list li {
    font-size: 14px;
    line-height: 1.9;
  }
}

.page-leadership .gxh-pc-nav-inner>a:nth-child(9) .gxh-subnav span:last-child {
  color: #07519b;
}

.page-news-award .gxh-pc-nav-inner>a:nth-child(4) .gxh-subnav span:first-child,
.page-taofen-award .gxh-pc-nav-inner>a:nth-child(4) .gxh-subnav span:nth-child(2) {
  color: #07519b;
}

.page-ten-journalists .gxh-pc-nav-inner>a:nth-child(2) {
  background: #0752a7;
}

/* International and Hong Kong, Macao and Taiwan exchange pages. */
.page-exchange .page-content {
  padding-top: 47px;
  padding-bottom: 40px;
}

.exchange-layout {
  display: flex;
  align-items: flex-start;
}

.exchange-main {
  flex: 1 1 0;
  min-width: 0;
}

.exchange-hero {
  position: relative;
  margin: 0;
}

.exchange-hero img {
  display: block;
  width: 100%;
  height: auto;
}

.exchange-hero figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 13px 22px;
  background: rgba(0, 0, 0, .62);
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}

.exchange-sidebar {
  width: 383px;
  flex: 0 0 383px;
  margin-left: 46px;
  padding: 29px 30px;
  background: #f2f2f2;
}

.exchange-profile {
  position: relative;
  min-height: 273px;
  padding: 22px 22px 50px;
  background: #fff;
  color: #555;
}

.exchange-profile h2 {
  margin: 0 0 16px;
  color: #333;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.exchange-profile p {
  margin: 0;
  font-size: 14px;
  line-height: 1.9;
}

.exchange-detail {
  position: absolute;
  right: 0;
  bottom: 15px;
  display: block;
  width: 92px;
  height: 30px;
  background: url("../img/intl-detail-bg.png") no-repeat 0 0;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
}

.exchange-side-gallery {
  margin-top: 25px;
  padding: 20px 22px;
  background: #fff;
}

.exchange-side-gallery h2 {
  margin: 0 0 16px;
  color: #333;
  font-size: 21px;
  font-weight: 400;
}

.exchange-side-gallery figure {
  margin: 0 0 17px;
}

.exchange-side-gallery figure:last-child {
  margin-bottom: 0;
}

.exchange-side-gallery img {
  display: block;
  width: 100%;
  height: auto;
}

.exchange-side-gallery figcaption {
  margin-top: 8px;
  color: var(--site-text);
  font-size: 14px;
  line-height: 1.6;
}

.exchange-module-grid {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
}

.exchange-module {
  width: 46%;
  margin: 0 5.3% 32px 0;
}

.exchange-module:nth-child(even) {
  width: 48.7%;
  margin-right: 0;
}

.exchange-module-title {
  display: flex;
  align-items: center;
  margin: 0 0 18px;
  color: #333;
  font-family: "瀹嬩綋", SimSun, serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
}

.exchange-module-title:after {
  height: 1px;
  flex: 1 1 auto;
  order: 2;
  margin-left: 13px;
  background: #ddd;
  content: "";
}

.exchange-module-more {
  flex: 0 0 auto;
  order: 3;
  margin-left: 10px;
  color: #666;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.exchange-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.exchange-list li {
  margin: 0 0 8px;
  color: var(--site-text);
  font-size: 14px;
  line-height: 1.8;
}

.exchange-list a {
  color: inherit;
}

.exchange-club-columns {
  display: flex;
}

.exchange-club-columns ul {
  width: 50%;
  margin: 0;
  padding: 0 12px 0 0;
  list-style: none;
}

.exchange-club-columns li {
  margin-bottom: 8px;
  color: #555;
  font-size: 14px;
  line-height: 1.8;
}

.exchange-photo-section {
  margin-top: 1px;
}

.exchange-module.exchange-photo-section {
  width: 100%;
  margin-right: 0;
}

.exchange-photo-grid {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
}

.exchange-photo-grid li {
  color: var(--site-text);
  width: 22.1%;
}

.exchange-photo-grid img {
  display: block;
  width: 100%;
  height: auto;
}

.exchange-photo-grid a {
  display: block;
  margin-top: 9px;
  color: inherit;
  font-size: 14px;
  line-height: 1.6;
}

.page-exchange-hk .gxh-pc-nav-inner>a:nth-child(6) .gxh-subnav span:last-child,
.page-exchange-international .gxh-pc-nav-inner>a:nth-child(6) .gxh-subnav span:first-child {
  color: #07519b;
}

@media (max-width: 1379px) and (min-width: 768px) {
  .exchange-sidebar {
    width: 32%;
    flex-basis: 32%;
    margin-left: 28px;
    padding: 20px;
  }

  .exchange-profile {
    padding: 18px;
  }

  .exchange-module-title {
    font-size: 21px;
  }

  /* .exchange-hero figcaption {
    font-size: 14px;
  } */
}

@media (max-width: 767px) {
  .page-exchange .page-content {
    width: auto;
    margin: 0 16px;
    padding: 24px 0 30px;
  }

  .exchange-layout {
    display: block;
  }

  .exchange-hero figcaption {
    padding: 9px 0px;
    font-size: 18px;
    position: relative;
    left: auto;
    right: auto;
    background: rgb(255, 255, 255);
    color: #333;
  }

  .exchange-module-grid {
    display: block;
    margin-top: 25px;
  }

  .exchange-module,
  .exchange-module:nth-child(even) {
    width: 100%;
    margin: 0 0 24px;
  }

  .exchange-module.exchange-photo-section {
    width: 100%;
  }

  .exchange-module-title {
    margin-bottom: 10px;
  }

  .exchange-list li,
  .exchange-club-columns li {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.9;
  }

  .exchange-club-columns ul {
    padding-right: 8px;
  }

  .page-exchange-hk .exchange-club-columns {
    display: block;
  }

  .page-exchange-hk .exchange-club-columns ul {
    width: 100%;
    padding-right: 0;
  }

  .exchange-sidebar {
    width: 100%;
    margin: 8px 0 0;
    padding: 18px;
  }

  .exchange-profile {
    min-height: 0;
    padding: 19px 19px 55px 19px;
  }

  .exchange-side-gallery {
    margin-top: 18px;
    padding: 18px;
  }

  .exchange-side-gallery img {
    max-width: 100%;
  }

  .exchange-photo-grid {
    flex-wrap: wrap;
  }

  .exchange-photo-grid li {
    width: 48%;
    margin-bottom: 18px;
  }

  .exchange-photo-grid a {
    font-size: 14px;
  }
}

/* Clickable editorial image wrappers retain the former image dimensions. */
.leadership-image {
  display: block;
  width: 40.6%;
  min-height: 400px;
  flex: 0 0 40.6%;
  overflow: hidden
}

.leadership-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 400px;
  object-fit: cover
}

.ten-journalists-banner-link {
  display: block;
  width: 100%;
  height: auto
}

.feature-media-image,
.feature-topic-image {
  display: block;
  width: 150px;
  height: 87px;
  flex: 0 0 150px;
  margin-right: 20px;
  overflow: hidden
}

.feature-media-image img,
.feature-topic-image img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover
}

@media(max-width:1379px) and (min-width:768px) {

  .feature-media-image,
  .feature-topic-image {
    width: 35%;
    height: auto;
    flex-basis: 35%;
    margin-right: 14px
  }

  .feature-media-image img,
  .feature-topic-image img {
    height: auto
  }
}

@media(max-width:767px) {
  .leadership-image {
    width: 100%;
    min-height: 0;
    height: auto
  }

  .leadership-image img {
    min-height: 0;
    height: auto
  }

  .feature-media-image,
  .feature-topic-image {
    width: 36%;
    height: auto;
    flex-basis: 36%;
    margin-right: 12px
  }

  .feature-media-image img,
  .feature-topic-image img {
    height: auto
  }
}

/* Keep the award summary inside its text column and let the detail link follow it in flow. */
.award-intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.award-intro h1,
.award-intro p {
  position: relative;
  z-index: 1;
  width: 72%;
  max-width: 900px
}

.award-intro a {
  position: relative;
  right: auto;
  bottom: auto;
  z-index: 1;
  align-self: stretch;
  margin: 8px 0 0 0;
  width: 72%;
  text-align: right;
}

@media(max-width:1379px) and (min-width:768px) {
  .award-intro {
    min-height: 220px;
    padding: 24px 5% 20px;
    background-position: right center;
    background-size: auto 100%
  }

  .award-intro h1,
  .award-intro p {
    width: 64%
  }

  .award-intro h1 {
    font-size: 24px
  }

  .award-intro p {
    font-size: 14px;
    line-height: 1.75
  }

  .award-intro a {
    margin-right: 24%;
    font-size: 14px;
      align-self: stretch;
      margin: 8px 0 0 0;
      width: 64%;
      text-align: right;
    }
}

@media(max-width:767px) {
  /* Keep the trophy in its own column while the copy determines banner height. */
  .award-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) calc(100% * var(--award-trophy-scale));
    column-gap: 14px;
    align-content: center;
    align-items: start;
    min-height: calc((100vw - 32px) * 700 / 750);
    padding: 24px 18px;
    background-position: center;
    background-size: cover;
  }

  /* Mobile artwork must override desktop backgrounds left inline by CMS templates. */
  .page-taofen-award .award-intro {
    --award-trophy-scale: .36;
    --award-trophy-image: url("../img/changjiang-taofen-mobile-trophy.png");
    background-image: url("../img/changjiang-taofen-mobile-bg.jpg") !important;
  }

  .page-news-award .award-intro {
    --award-trophy-scale: .20;
    --award-trophy-image: url("../img/china-news-award-mobile-trophy.png");
    background-image: url("../img/china-news-award-mobile-bg.jpg") !important;
  }

  .award-intro::after {
    position: absolute;
    top: 24px;
    right: 18px;
    bottom: 24px;
    width: calc((100% - 36px) * var(--award-trophy-scale));
    background: var(--award-trophy-image) center / contain no-repeat;
    pointer-events: none;
    content: "";
  }

  .award-intro h1,
  .award-intro p,
  .award-intro a {
    grid-column: 1;
    width: 100%;
    min-width: 0;
    max-width: none;
    overflow-wrap: break-word;
  }

  .award-intro h1 {
    margin-bottom: 12px;
    font-size: clamp(20px, 6.25vw, 22px);
  }

  .award-intro p {
    font-size: 14px;
    line-height: 1.8;
  }

  .award-intro a {
    display: block;
    align-self: start;
    margin: 9px 0 0;
    font-size: 14px;
    text-align: left;
  }
}

.exchange-hero-image {
  display: block;
  width: 100%;
  overflow: hidden
}

.exchange-hero-image img {
  display: block;
  width: 100%;
  height: auto
}

.exchange-side-image {
  display: block;
  width: 100%;
  overflow: hidden
}

.exchange-side-image img {
  display: block;
  width: 100%;
  height: auto
}

.exchange-photo-image {
  display: block;
  width: 100%;
  overflow: hidden
}

.exchange-photo-image img {
  display: block;
  width: 100%;
  height: auto
}

.exchange-photo-grid li>a.exchange-photo-image {
  margin: 0
}

.exchange-side-gallery .exchange-side-image+figcaption {
  margin-top: 8px;
  color: var(--site-text);
  font-size: 14px;
  line-height: 1.6
}

.leadership-copy h2 a {
  color: inherit;
  text-decoration: none
}

.exchange-hero figcaption a,
.exchange-side-gallery figcaption a {
  color: inherit;
  text-decoration: none
}

@media (min-width:768px) and (max-width:1379px) {
  .about-intro,
  .about-sidebar,
  .leadership-copy,
  .feature-sidebar,
  .exchange-sidebar { min-width:0; }
  .exchange-profile { padding-bottom:54px; }
}
@media (max-width:1050px) {
  .award-winner-columns { display:block; }
  .award-winner-columns ul { width:100%; }
}

/* Mobile sidebar topics: size the image link and let its image fill that space. */
@media (max-width: 767px) {
  .feature-topic-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    margin: 0 0 16px;
  }

  .feature-topic-item:last-child {
    margin-bottom: 0;
  }

  .feature-topic-item > a:first-child {
    display: block;
    width: 34%;
    height: auto;
    flex: 0 0 34%;
    margin: 0 12px 0 0;
    overflow: hidden;
    aspect-ratio: auto;
    line-height: 0;
  }

  .feature-topic-item > a:first-child img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
  }

  .feature-topic-item > a:last-child {
    display: block;
    min-width: 0;
    width: auto;
    flex: 1 1 0;
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    white-space: normal;
    overflow-wrap: break-word;
  }
}

/* Article lists: mobile typography only. */
@media (max-width: 767px) {
  .about-headlines li,
  .leadership-copy h2,
  .ten-year-list li,
  .feature-media-item a,
  .feature-topic-item a,
  .feature-focus-item,
  .feature-topic-item > a:last-child,
  .award-module-list li,
  .exchange-list li,
  .exchange-club-columns li,
  .exchange-photo-grid li > a:not(.exchange-photo-image),
  .exchange-side-gallery figcaption,
  .exchange-side-gallery .exchange-side-image + figcaption {
    font-size: 18px;
    line-height: 1.7;
  }
    .feature-media-item,
    .feature-topic-item {
      align-items: center;
    }
}

/* Section headings: mobile typography only. */
@media (max-width: 767px) {
  .about-subheading,
  .page-section-title,
  .ten-year-title,
  .feature-title,
  .award-module-title,
  .exchange-module-title,
  .exchange-profile h2,
  .exchange-side-gallery h2 {
    font-size: 26px;
  }
}