.topic-hero { padding: 32px 0 48px; }
.topic-hero .me-crumbs { margin-bottom: 40px; flex-wrap: wrap; }
.topic-hero .wie-hero__title { max-width: 900px; }
.topic-lead { max-width: 780px; font-size: 18px; line-height: 1.7; }
.topic-lead p { margin: 20px 0 0; }
.topic-guide { padding: 56px 0; }
.topic-guide__grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 56px; align-items: start; }
.topic-guide__copy h2, .topic-services h2, .me-reading h2 { font-size: clamp(26px,3vw,36px); line-height: 1.2; margin: 0 0 20px; }
.topic-guide__copy p, .topic-guide__copy li, .topic-services p { line-height: 1.7; }
.topic-guide__copy ul { padding-left: 22px; }
.topic-guide__copy li + li { margin-top: 12px; }
.topic-services { padding: 28px; border: 1px solid #dce2e5; border-radius: 20px; background: #f4f6f7; }
.topic-services h2 { font-size: 24px; }
.topic-services ul { list-style: none; margin: 20px 0 0; padding: 0; }
.topic-services li + li { margin-top: 16px; }
.topic-services a, .me-reading a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 4px;
  display: inline-flex;
  align-items: center;
  min-height: var(--tap-min);
}
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--tap-min);
  min-width: var(--tap-min);
  padding: 0 12px;
}
.topic-filters { margin-top: 40px; }
.topic-articles { padding-top: 20px; }
.me-reading { padding: 64px 0; background: #f4f6f7; }
.me-reading__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.me-reading__card { background: white; border: 1px solid #dce2e5; padding: 28px; border-radius: 20px; }
.me-reading__card h3 { font-size: 23px; line-height: 1.35; margin: 0 0 16px; }
.me-reading__card p { line-height: 1.7; margin: 0 0 20px; }
.navigation.pagination { margin-top: 32px; }
.navigation.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 16px; }
.legacy-anchor { display: block; scroll-margin-top: 110px; }
@media (max-width: 760px) {
    .topic-guide__grid, .me-reading__grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
    .topic-guide, .me-reading { padding: 40px 0; }
    .topic-hero { padding-bottom: 32px; }
    .topic-hero .me-crumbs { margin-bottom: 28px; }
    .topic-services, .me-reading__card { padding: 22px; }
}