/* Related topics on resource detail pages. Kept independent of recommendation grids. */
.detail-topics{--topic-line:var(--page-line,#e8e8e8);--topic-muted:#737373;margin-top:24px;padding-bottom:3px;min-width:0}
.detail-topics-heading{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--topic-line);padding-bottom:8px;min-width:0}
.detail-topics-heading h2{flex:none;font-size:16px;font-weight:600;line-height:1.5}
.detail-topic-tabs{display:flex;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:4px;scroll-padding-inline:4px}
.detail-topic-tab{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;padding:8px 13px;border:1px solid transparent;border-radius:5px;background:#f5f5f5;color:#555;font-size:12px;line-height:1.5;max-width:280px;overflow-wrap:anywhere;text-align:center;transition:background-color .15s,color .15s}
.detail-topic-tab:hover{background:#ededed;color:#222}
.detail-topic-tab[aria-selected="true"]{background:#fff1e8;border-color:#edc1a6;color:#9f4316;font-weight:600}
.detail-topics a:focus-visible{outline:2px solid #b6521e;outline-offset:2px}
.detail-topic-panel:focus-visible{outline:2px solid #b6521e;outline-offset:3px}
.mobile-live .detail-topics{margin-left:16px;margin-right:16px}
.mobile-live .detail-topic-panel{scroll-margin-top:116px}
.detail-topic-panel{padding:15px 0 2px;min-width:0;scroll-margin-top:65px}
.detail-topic-panel+.detail-topic-panel{border-top:1px solid var(--topic-line);margin-top:16px}
.detail-topics.is-enhanced .detail-topic-panel{border-top:0;margin-top:0}
.detail-topic-panel[hidden]{display:none!important}
.detail-topic-cover{display:block;width:220px;max-width:100%;margin:0 0 9px;overflow:hidden;border-radius:6px;background:#f5f5f5}
.detail-topic-cover img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover}
.detail-topic-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.detail-topic-title-row h3{margin:0;color:#272727;font-size:16px;line-height:1.65;font-weight:600;overflow-wrap:anywhere}
.detail-topic-title-row h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.detail-topic-more{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:44px;font-size:12px;color:#9f4316;padding:8px 0 8px 8px}
.detail-topic-more:hover{text-decoration:underline;text-underline-offset:3px}
.detail-topic-summary{font-size:13px;line-height:1.95;color:var(--topic-muted);margin:4px 0 5px;overflow-wrap:anywhere}
.detail-topic-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;padding:0;margin:0;list-style:none}
.detail-topic-resources>li{min-width:0;border-bottom:1px solid #efefef}
.detail-topic-resource{display:flex;align-items:center;gap:11px;min-width:0;min-height:91px;padding:14px 0}
.detail-topic-resource>.app-icon{flex:0 0 60px;width:60px;height:60px;border-radius:12px;object-fit:cover}
.detail-topic-resource-copy{display:block;min-width:0}
.detail-topic-resource strong{display:block;font-size:13px;font-weight:400;line-height:1.6;overflow-wrap:anywhere;color:#333}
.detail-topic-resource:hover strong{text-decoration:underline;text-underline-offset:3px}
.detail-topic-resource-meta{display:flex;align-items:center;flex-wrap:wrap;gap:1px 7px;font-size:11px;line-height:1.65;color:var(--topic-muted);margin-top:5px}
.detail-topic-resource-meta time{font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:1200px){.detail-topic-resources{gap:0 16px}.detail-topic-resource{gap:9px}.detail-topic-resource>.app-icon{flex-basis:52px;width:52px;height:52px}}
@media(max-width:700px){.detail-topics{margin-top:21px}.detail-topics-heading{display:block;padding-bottom:7px}.detail-topics-heading h2{margin-bottom:5px}.detail-topic-tabs{margin-inline:-4px}.detail-topic-tab{max-width:240px}.detail-topic-panel{padding-top:13px}.detail-topic-cover{width:200px}.detail-topic-title-row{gap:10px}.detail-topic-title-row h3{font-size:15px}.detail-topic-summary{font-size:12px;line-height:1.9}.detail-topic-resources{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px}.detail-topic-resource{gap:9px;min-height:86px;padding:12px 0}.detail-topic-resource>.app-icon{flex-basis:48px;width:48px;height:48px;border-radius:10px}.detail-topic-resource strong{font-size:12px}.detail-topic-resource-meta{font-size:10px;gap:0 5px;margin-top:4px}}
@media(max-width:359px){.detail-topic-resources{grid-template-columns:1fr}.detail-topic-resource{min-height:78px}.detail-topic-resource>.app-icon{flex-basis:52px;width:52px;height:52px}.detail-topic-resource strong{font-size:13px}.detail-topic-resource-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.detail-topic-tab{transition:none}}