@import url('./detail-reading.css?v=20261016-hero2');

/* Activity pages read like articles, without a separate side column. */
.activity-detail-header { padding-bottom: 28px; border-bottom: 1px solid var(--detail-line); }
.activity-detail-meta { display: grid; gap: 14px; margin-top: 24px; font-size: 16px; }
.activity-detail-meta > span { display: block; }
.activity-detail-meta b { display: block; margin-bottom: 2px; color: var(--detail-muted); font-size: 14px; font-weight: 400; }
.activity-detail-meta a { text-decoration: underline; text-decoration-color: #e7c1b4; text-underline-offset: 4px; }
.activity-detail-meta a:hover { color: var(--detail-coral); }
.activity-detail-layout, .activity-article { min-width: 0; }
.activity-rich-content { color: #49423d; font-size: 17px; line-height: 1.95; overflow-wrap: anywhere; }
/* Legacy articles may contain fixed-width wrappers or inline image dimensions. */
.activity-rich-content :is(div, p, section, figure, img, video, iframe) { max-width: 100% !important; box-sizing: border-box; }
.activity-rich-content :is(h1, h2, h3, h4) { margin: 28px 0 12px; color: var(--detail-ink); font-size: 22px; line-height: 1.55; }
.activity-rich-content h3 { font-size: 20px; }
.activity-rich-content h4 { font-size: 18px; }
.activity-rich-content p { margin: 0 0 18px; }
.activity-rich-content > :first-child { margin-top: 0; }
.activity-rich-content > :last-child { margin-bottom: 0; }
.activity-rich-content a { color: var(--detail-coral); text-decoration: underline; text-underline-offset: 4px; }
.activity-rich-content img { width: auto; height: auto !important; margin: 22px auto; border-radius: 10px; }
.activity-rich-content figure { margin: 24px 0; }
.activity-rich-content figcaption { color: var(--detail-muted); text-align: center; font-size: 14px; }
.activity-rich-content :is(ul, ol) { margin: 18px 0; padding-left: 1.5em; }
.activity-rich-content li + li { margin-top: 6px; }
.activity-rich-content blockquote { margin: 24px 0; padding: 2px 0 2px 18px; border-left: 3px solid #f4beb5; color: #847368; }
.activity-rich-content blockquote p:last-child { margin-bottom: 0; }
.activity-rich-content hr { margin: 28px 0; border: 0; border-top: 1px solid var(--detail-line); }
.activity-rich-content table { display: block; max-width: 100%; width: 100% !important; height: auto !important; margin: 22px 0; overflow-x: auto; border-collapse: collapse; font-size: 15px; }
.activity-rich-content :is(th, td) { padding: 12px; border: 1px solid var(--detail-line); text-align: left; vertical-align: top; }
.activity-rich-content th { background: #fff8f1; font-weight: 650; }
.activity-rich-content pre { max-width: 100%; overflow-x: auto; font-size: 15px; }
.activity-detail-section:last-child { border-bottom: 0; }
.related-activity-list { display: grid; }
.related-activity-list > a { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--detail-line); font-size: 18px; line-height: 1.7; }
.related-activity-list > a:first-child { padding-top: 0; }
.related-activity-list > a:last-child { padding-bottom: 0; border-bottom: 0; }
.related-activity-list > a:hover { color: var(--detail-coral); }
.related-activity-list svg { width: 18px; height: 18px; flex: 0 0 18px; color: var(--detail-coral); }

@media (max-width: 720px) {
  .activity-detail-header { padding-bottom: 24px; }
  .activity-detail-meta { gap: 12px; margin-top: 20px; font-size: 15px; }
  .activity-rich-content { font-size: 16px; }
  .activity-rich-content :is(h1, h2) { font-size: 21px; }
  .activity-rich-content h3 { font-size: 19px; }
  .related-activity-list > a { font-size: 17px; }
}