/* Ten editorial refinements. Kept separate from the frozen release styling. */
@media screen {
/* 01 — Give navigation a clearer baseline and more comfortable link spacing. */
body.publisher-page .document-topbar,
body.research-page .research-topbar { border-bottom-color: #45505b; }
body.publisher-page .document-topbar nav a,
body.research-page .research-topbar nav a { min-height: 40px; letter-spacing: .045em; }

/* 02 — Balance long editorial titles without squeezing the reading column. */
body.publisher-page .methodology h1 {
  max-width: 25ch; margin-block: 22px; font-size: clamp(2.1rem, 4.1vw, 3.25rem);
  line-height: 1.12; letter-spacing: -.04em; text-wrap: balance;
}
body.research-page .research-hero h1 { text-wrap: balance; line-height: 1.14; }

/* 03 — Separate publication metadata from the introduction with a fine rule. */
body.publisher-page .methodology-meta {
  max-width: none; width: fit-content; margin: 0 0 24px; padding: 0 0 17px;
  border-bottom: 1px solid #36414b; font-size: .76rem; line-height: 1.85; color: #acb8c4;
}
body.publisher-page .methodology-meta a { color: #b5d3df; text-underline-offset: .24em; }

/* 04 — Keep introductory text distinct and easy to read. */
body.publisher-page .methodology > .publisher-lede {
  max-width: 69ch; margin-block: 0 34px; color: #d0d6dc;
  font-size: 1.06rem; line-height: 1.8;
}

/* 05 — The Answers discovery section appears immediately after the introduction. */
body.publisher-page .answer-discovery { margin-top: 32px; }
body.publisher-page .answer-discovery > h2 { margin-top: 0; }
body.publisher-page .answer-discovery .research-index-grid {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;
  margin: 22px 0 46px; align-items: stretch;
}

/* 06 — Question cards use aligned labels, titles and supporting copy. */
body.publisher-page .answer-discovery .research-index-card {
  position: relative; display: grid; grid-template-rows: auto auto 1fr;
  align-content: start; gap: 12px; padding: 25px 26px 26px;
  border: 1px solid #34414c; border-radius: 12px;
  background: linear-gradient(135deg,#18232d 0%,#111923 65%); box-shadow: 0 6px 18px #00000012;
}
body.publisher-page .answer-discovery .publisher-card-meta {
  padding-right: 28px; color: #c9ac79; font-size: .64rem; line-height: 1.7; letter-spacing: .055em;
}
body.publisher-page .answer-discovery .research-index-card h3 {
  max-width: 30ch; margin: 0; color: #f2eee6; font-size: 1.2rem; font-weight: 550; line-height: 1.42; letter-spacing: -.015em;
}
body.publisher-page .answer-discovery .research-index-card p {
  margin: 0; color: #b7c3ce; font-size: .92rem; line-height: 1.8;
}

/* 07 — A consistent arrow and full-card focus treatment make links obvious. */
body.publisher-page .answer-discovery .research-index-card::after {
  content: ''; position: absolute; top: 26px; right: 25px; width: 17px; height: 17px;
  background-color: #d8b778;
  -webkit-mask: var(--site-icon-arrow-right) center/contain no-repeat;
  mask: var(--site-icon-arrow-right) center/contain no-repeat;
}
body.publisher-page .answer-discovery .research-index-card:is(:hover,:focus-visible) {
  border-color: #c9ac79; background: linear-gradient(135deg,#202d38,#16212b);
  transform: none;
}
body.publisher-page .answer-discovery .research-index-card:focus-visible { outline: 2px solid #edcf94; outline-offset: 4px; }

/* 08 — Keep all three interpretation notes visible as a compact reference. */
body.publisher-page .answer-reading {
  margin: 40px 0 42px; padding: 28px 0 0; border-top: 1px solid #45505b;
}
body.publisher-page .answer-reading > h2 { margin-top: 0; }
body.publisher-page .answer-reading dl {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px;
  padding: 0; border: 0; margin: 24px 0 0;
}
body.publisher-page .reading-distinction { min-width: 0; padding-left: 16px; border-left: 2px solid #927950; }
body.publisher-page .reading-distinction dt { margin: 0 0 10px; color: #ede7db; font-size: .91rem; line-height: 1.65; }
body.publisher-page .reading-distinction dd { margin: 0; color: #b4c0cc; font-size: .86rem; line-height: 1.85; }

/* 09 — Give sections and related reading a steadier vertical rhythm. */
body.publisher-page .methodology > h2,
body.publisher-page .methodology > section > h2 { margin-bottom: 18px; line-height: 1.4; letter-spacing: -.022em; }
body.research-page .related-research { margin-top: 26px; border-top: 1px solid #3e4b55; }
body.research-page .related-research a { padding-block: 22px; }
body.publisher-page .foot { margin-top: 54px; border-color: #3e4b55; }

/* 10 — Preserve breathing room, touch targets and focus at narrow widths. */
@media (max-width:760px) {
  body.publisher-page .document-topbar nav { column-gap: 16px; row-gap: 2px; }
  body.publisher-page .document-topbar nav a { min-height: 44px; }
  body.publisher-page .methodology h1 { margin-block: 22px 20px; font-size: 2.05rem; }
  body.publisher-page .methodology > .publisher-lede { font-size: 1rem; line-height: 1.8; }
  body.publisher-page .answer-discovery .research-index-grid { grid-template-columns: minmax(0,1fr); gap: 13px; margin-bottom: 34px; }
  body.publisher-page .answer-discovery .research-index-card { padding: 22px; }
  body.publisher-page .answer-discovery .research-index-card::after { top: 23px; right: 22px; }
  body.publisher-page .answer-reading dl { grid-template-columns: minmax(0,1fr); gap: 22px; }
  body.publisher-page .answer-reading { margin-top: 30px; }
}
@media (forced-colors:active) {
  body.publisher-page .answer-discovery .research-index-card::after { background-color: LinkText; }
}
}
@media print {
  .answer-discovery .research-index-card { break-inside: avoid; }
  .reading-distinction { break-inside: avoid; }
}