/* Editorial picks and one deduplicated directory. No Hero or article rules. */
.topic-picks { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.topic-picks--single { grid-template-columns: minmax(0, 820px); }
.topic-picks__lead { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-width: 0; overflow: hidden; border: 1px solid #dedfd8; border-radius: 18px; background: #fffefa; color: inherit; text-decoration: none; }
.topic-picks__lead--text { grid-template-columns: 1fr; }
.topic-picks__lead img { width: 100%; height: 100%; max-height: 340px; min-height: 260px; object-fit: cover; }
.topic-picks__copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 28px; min-width: 0; }
.topic-picks__copy > strong { font-family: "PT Serif", Georgia, serif; font-size: clamp(23px, 2vw, 29px); line-height: 1.22; }
.topic-picks__copy > span { color: #53646a; font-size: 14px; line-height: 1.6; margin-top: 12px; }
.topic-picks em, .topic-directory em { display: block; color: #63746d; font-size: 12px; line-height: 1.5; font-style: normal; margin-top: 12px; }
.topic-picks__copy em { align-self: stretch; }
.topic-picks__copy em b { float: right; color: #34665d; font-size: 20px; }
.topic-picks__list { display: grid; gap: 0; }
.topic-picks__item { display: grid; grid-template-columns: 28px minmax(0, 1fr) 18px; gap: 13px; align-items: start; padding: 18px 0; border-bottom: 1px solid #dedfd8; color: inherit; text-decoration: none; }
.topic-picks__item:first-child { padding-top: 4px; }
.topic-picks__item strong { display: block; font-size: 16px; line-height: 1.5; }
.topic-picks__item em { margin-top: 5px; }
.topic-picks__number { color: #6e8279; font-size: 13px; padding-top: 4px; }
.topic-picks__item > b { color: #34665d; font-size: 20px; font-weight: 400; }
.topic-picks__list > .topic-hub__text-link { margin-top: 20px; min-height: 44px; }
.topic-directory__tools { max-width: 600px; margin-bottom: 22px; }
.topic-directory__tools[hidden], .topic-directory [hidden] { display: none; }
.topic-directory__tools label { display: block; color: #3d5552; font-size: 13px; margin-bottom: 8px; }
.topic-directory__tools input { width: 100%; min-width: 0; min-height: 48px; padding: 12px 16px; border: 1px solid #aabcb3; border-radius: 12px; background: #fff; color: #263d45; font: inherit; font-size: 16px; }
.topic-directory__status { margin: 8px 0 0; color: #53646a; font-size: 13px; min-height: 20px; }
.topic-directory__nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.topic-directory__nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 14px; border: 1px solid #d6ded7; border-radius: 24px; background: #f0f4ee; color: #365b51; font-size: 13px; text-decoration: none; }
.topic-directory__buckets { display: grid; gap: 12px; }
.topic-directory__bucket { min-width: 0; border: 1px solid #dce1d9; border-radius: 16px; background: #fffefa; }
.topic-directory__bucket > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto 20px; align-items: center; gap: 14px; padding: 22px 24px; list-style: none; cursor: pointer; scroll-margin-top: 100px; }
.topic-directory__bucket > summary::-webkit-details-marker { display: none; }
.topic-directory__bucket > summary > span { font-family: "PT Serif", Georgia, serif; font-size: 23px; font-weight: 700; line-height: 1.3; }
.topic-directory__bucket > summary small { color: #5d7167; font-size: 13px; }
.topic-directory__bucket > summary b { color: #34665d; font-size: 24px; font-weight: 400; }
.topic-directory__bucket[open] > summary b { transform: rotate(45deg); }
.topic-directory__entries { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; padding: 0 24px 18px; }
.topic-directory__entry { min-width: 0; border-top: 1px solid #e4e7df; }
.topic-directory__link, .topic-directory__context { display: grid; grid-template-columns: minmax(0, 1fr) 20px; gap: 16px; padding: 20px 0; min-width: 0; color: #263d45; text-decoration: none; scroll-margin-top: 100px; }
.topic-directory__context { grid-template-columns: 1fr; }
.topic-directory__link strong, .topic-directory__context strong { display: block; font-size: 16px; line-height: 1.45; }
.topic-directory__link > b { color: #34665d; font-size: 20px; font-weight: 400; }
.topic-directory__topic { display: block; color: #46685a; font-size: 12px; line-height: 1.5; margin-bottom: 6px; }
.topic-directory__description { display: block; color: #53646a; font-size: 13px; line-height: 1.6; margin-top: 7px; }
.topic-directory :is(a, summary, input):focus-visible, .topic-picks a:focus-visible { outline: 3px solid #34665d; outline-offset: 4px; border-radius: 8px; }
@media (hover: hover) { .topic-directory a:hover, .topic-picks a:hover { color: #24604e; } .topic-directory__nav a:hover { background: #e5eee5; } }
@media (max-width: 1023px) { .topic-picks { grid-template-columns: 1fr; gap: 24px; } .topic-picks__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .topic-picks__item { grid-template-columns: minmax(0, 1fr) 18px; padding-top: 4px; } .topic-picks__number { display: none; } .topic-picks__list > .topic-hub__text-link { grid-column: 1 / -1; margin-top: 0; } }
@media (max-width: 600px) { .topic-picks__lead { grid-template-columns: 1fr; } .topic-picks__lead img { height: 200px; min-height: 0; } .topic-picks__copy { padding: 22px; } .topic-picks__list { grid-template-columns: 1fr; gap: 0; } .topic-picks__item { grid-template-columns: 28px minmax(0, 1fr) 18px; padding: 16px 0; } .topic-picks__number { display: block; } .topic-directory__entries { grid-template-columns: 1fr; padding: 0 18px 8px; } .topic-directory__bucket > summary { padding: 18px; gap: 10px; } .topic-directory__bucket > summary > span { font-size: 20px; } .topic-directory__link, .topic-directory__context { padding: 17px 0; } }