/* Legibility adjustments following review of the published desktop page. */
.hero-links { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.hero-research-link { color: var(--paper); border-color: #68727a; }
.publications .section-heading { margin-bottom: 48px; }
.research { padding: 75px 0 85px; border-top: 1px solid #c6c7c3; }
.research .section-heading > p { width: 350px; }
.research .study-card { display: flex; flex-direction: column; }
.research .study-copy { display: flex; flex-direction: column; align-items: flex-start; flex: 1; }
.research .study-copy p { margin-bottom: 25px; }
.study-purchase { margin-top: auto; width: 100%; }
.study-format { display: block; margin-top: 15px; font-size: 10px; line-height: 1.7; letter-spacing: .6px; color: #626c71; }
.research-footer { margin-top: 32px; display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.research-footer p { color: #626c71; font-size: 12px; margin: 0; }
.research-footer a { flex-shrink: 0; }
.utility { font-size: 10px; letter-spacing: 1.2px; }
.brand small { font-size: 9px; letter-spacing: 1.7px; }
.language { font-size: 12px; gap: 9px; }
#navigation, .subscribe { font-size: 13px; }
.eyebrow, .micro { font-size: 11px; letter-spacing: 1.2px; }
.hero-copy > p { font-size: 16px; }
.button { font-size: 13px; }
.hero-editor { font-size: 13px; }
.hero-editor small { font-size: 11px; color: #b1b7bb; }
.feature-top { font-size: 10px; letter-spacing: .6px; }
.feature-caption .micro { font-size: 10px; color: #b0b6ba; }
.feature-bottom { font-size: 11px; color: #aeb6bb; }
.focus-band .wrap { font-size: 11px; letter-spacing: .8px; }
.focus-label { font-size: 10px; }
.section-heading > p, .magazine-copy > p, .study-copy p { font-size: 15px; }
.publication-tabs button { font-size: 14px; }
.archive-cover > span { font-size: 10px; letter-spacing: 1px; }
.text-link { font-size: 13px; }
.issue-list small { font-size: 10px; letter-spacing: .7px; color: #5f686c; }
.issue-list strong { font-size: 14px; }
.filters button { font-size: 12px; padding: 8px 14px; }
.article-art > span { font-size: 10px; letter-spacing: 1px; }
.article-content > p { font-size: 14px; }
.analysis .red-text { color: #ef5b60; }
.article-foot time { font-size: 10px; letter-spacing: .6px; color: #b1b9be; }
.video-strip .micro { font-size: 10px; }
.video-strip p { font-size: 14px; }
.about-copy > p { font-size: 15px; }
.editorial-note .micro { font-size: 11px; }
.editorial-note p { font-size: 14px; }
.monogram i { font-size: 10px; letter-spacing: 2px; }
.stay-connected p { font-size: 15px; }
.follow-action .micro { font-size: 10px; letter-spacing: .8px; }
.footer-top nav { font-size: 12px; }
.footer-bottom { font-size: 10px; flex-wrap: wrap; color: #a4aeb4; }
.dialog-footer p { font-size: 14px; }

@media (max-width: 1100px) {
  .focus-band .wrap { justify-content: flex-start; overflow-x: auto; white-space: nowrap; }
  .footer-top nav { font-size: 11px; }
}

@media (max-width: 800px) {
  .hero-links { gap: 15px; }
  .hero-research-link { font-size: 12px; }
  .research { padding-block: 55px; }
  .research .section-heading > p { width: 280px; }
  .utility { font-size: 9px; }
  .utility > span:last-child { font-size: 8px; }
  .brand small { font-size: 9px; letter-spacing: 1.3px; }
  #navigation { font-size: 16px; }
  .hero-copy > p { font-size: 14px; }
  .hero .button, .platform-buttons .button, .platform-buttons .text-link { font-size: 12px; }
  .feature-top, .feature-caption .micro { font-size: 10px; }
  .feature-bottom { font-size: 10px; }
  .section-heading > p, .magazine-copy > p, .study-copy p { font-size: 14px; }
  .archive-cover > span, .article-content .micro { font-size: 10px; }
  .issue-list strong { font-size: 13px; }
  .article-content > p { font-size: 13px; }
  .video-strip p { font-size: 13px; }
  .video-strip > .text-link { font-size: 12px; }
  .stay-connected .button { font-size: 12px; }
}

@media (max-width: 580px) {
  .research { padding-block: 50px; }
  .research .section-heading > p { width: auto; }
  .research-footer { flex-direction: column; align-items: flex-start; gap: 14px; }
  .utility { font-size: 9px; }
  .brand small { font-size: 8px; letter-spacing: 1px; }
  .hero h1 { font-size: clamp(43px, 14.2vw, 59px); }
  html[lang=el] .hero h1 { font-size: clamp(39px, 12.4vw, 51px); }
  .publication-tabs { gap: 20px; }
  .publication-tabs button { font-size: 12px; }
  .analysis .section-heading > .text-link { font-size: 12px; }
  .filters { gap: 8px; }
  .filters button { font-size: 11px; padding: 9px 11px; }
  .article-content > p { font-size: 14px; }
  .video-strip > .text-link { font-size: 12px; }
  .about-copy > p, .stay-connected p { font-size: 15px; }
  .monogram i { font-size: 9px; letter-spacing: 1px; }
  .follow-action .micro { font-size: 10px; }
  .footer-top nav { font-size: 12px; }
  .footer-bottom { font-size: 10px; }
}

@media (max-width: 360px) {
  .nav { gap: 12px; }
  .brand { font-size: 13px; }
  .brand small { font-size: 7px; }
  .nav-actions { gap: 10px; }
}

.latest {
  padding-block: clamp(48px, 6vw, 88px);
  scroll-margin-top: 100px;
}
.latest .section-heading > p {
  color: #b1b9be;
}
.latest-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.latest-panel {
  min-width: 0;
  padding: clamp(18px, 2.4vw, 30px);
  background: #191e22;
  border: 1px solid #363f45;
  border-top: 2px solid var(--red);
}
.latest-panel-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px 20px;
}
.latest-panel-heading h3 {
  margin: 0;
  color: var(--paper);
  font-size: clamp(21px, 2.5vw, 28px);
}
.latest-list {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.latest-list li {
  border-top: 1px solid #363f45;
}
.latest-list a {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 60px;
  padding: 9px 0;
  color: var(--paper);
  font-size: 14px;
  line-height: 1.4;
}
.latest-list a:hover strong {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.latest-list img {
  flex: 0 0 auto;
  width: 72px;
  height: 56px;
  object-fit: contain;
  background: #101316;
}
.latest-list a > span {
  margin-left: auto;
  color: #ef5b60;
}
@media (max-width: 720px) {
  .latest-grid {
    grid-template-columns: 1fr;
  }
}