/* Trends are ordinary Pendar magazine articles, not a standalone microsite. */
html,body{margin:0;background:repeating-linear-gradient(135deg,#edf0ed 0,#edf0ed 3px,#e8ebe8 3px,#e8ebe8 4px);color:#23352d}
#detail-view{display:block!important;max-width:none!important;padding:0!important}
#detail-view .magazine-reader{min-height:100vh}
#detail-view .story-author-byline{display:flex;align-items:center;margin:0 0 27px;padding:15px 0;border-top:1px solid #dee5de;border-bottom:1px solid #dee5de}
#detail-view .story-author-credit{display:flex;align-items:center;gap:13px}
#detail-view .story-author-credit>span:last-child{display:flex;flex-direction:column}
#detail-view .story-author-credit a{font-weight:800;color:#225d56;text-decoration:none;font-size:15px}
#detail-view .story-author-credit small{font-size:11px;color:#758079}
#detail-view .story-author-monogram{display:inline-flex;align-items:center;justify-content:center;flex:0 0 58px;width:58px;height:58px;border-radius:50%;background-color:#e3eae5;background-repeat:no-repeat;font-size:22px;color:#2b6b60}
#detail-view .magazine-article-paper p{line-height:2.05}
#detail-view .trend-report-prose p{font-size:16px;line-height:2.17;margin:0 0 24px;color:#334138}
#detail-view .trend-cite{display:inline-block;vertical-align:baseline;border:1px solid #d8e5df;border-radius:4px;background:#eff7f4;color:#227a70!important;font:700 11px Vazirmatn,Tahoma,sans-serif;padding:1px 4px;margin:0 2px;text-decoration:none}
#detail-view .trend-related{margin:35px 0 25px;padding:22px 0;border-top:3px solid #e2e8e3;border-bottom:1px solid #e2e8e3}
#detail-view .trend-related h2{font-size:19px;margin:0 0 13px}
#detail-view .trend-related a{display:block;text-decoration:none;font-size:14px;line-height:1.9;padding:9px 0;border-top:1px solid #edf0eb;color:#255b55}
#detail-view .trend-sources li{margin:10px 0;overflow-wrap:anywhere}
#detail-view .trend-sources a{color:#157379;text-decoration:underline;text-underline-offset:3px}
#detail-view .story-examination{margin-top:25px;border:1px solid #d5e3db;background:#f8faf8;padding:18px 21px}
#detail-view .story-examination summary{font-weight:800;cursor:pointer}
#detail-view .story-examination summary small{display:block;color:#77847c;font-size:12px;font-weight:400}
#detail-view .trend-evidence-chart{background:#f2f8f6;border-right:3px solid #1794a0;padding:18px;margin:34px 0}
#detail-view .trend-evidence-chart h3{font-size:17px;margin:0}
#detail-view .trend-evidence-chart p{font-size:12px;color:#566b64;line-height:1.8}
#detail-view .trend-evidence-chart svg{width:100%;height:auto}
#detail-view .trend-evidence-chart li{font-size:12px}
#detail-view .trend-reader-footer{text-align:center;background:#2a2928;color:#eee;padding:22px;font-size:12px}
#detail-view .trend-reader-footer a{color:#eee}
#detail-view .trend-side-note{font-size:13px;color:#68786d;padding:12px}
#detail-view .trend-index-lead{font:650 17px/2 Vazirmatn,Tahoma,sans-serif;color:#587069;margin-bottom:25px}
#detail-view .trend-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#detail-view .trend-index-item{border:1px solid #e3e9e4;background:#f7f9f6;padding:17px;display:block;text-decoration:none}
#detail-view .trend-index-item strong{font-size:17px;line-height:1.65;display:block}
#detail-view .trend-index-item p{color:#61736a;font-size:12px;line-height:1.8}
#detail-view .trend-index-item .byline{color:#176f6d;font-weight:700;font-size:12px}
#detail-view .trend-index-section{margin-top:30px;padding-top:20px;border-top:2px solid #dce8e2}
#detail-view .trend-index-section h2{font-size:21px}
#detail-view .trend-topic-links{display:flex;flex-wrap:wrap;gap:9px;padding:15px 0}
#detail-view .trend-topic-links a{border:1px solid #cce1d9;border-radius:4px;padding:8px 12px;font-size:13px;background:#f6faf7;color:#255b57;text-decoration:none}
#detail-view .trend-observation-only{font-size:14px;color:#5e766c}
#detail-view .magazine-article-photo figcaption{font-size:11px;color:#77867c;padding-top:6px}
@media(max-width:600px){#detail-view .trend-index-grid{grid-template-columns:1fr}#detail-view .trend-report-prose p{font-size:15px}}

/* Source-aware trend photo and richer second column. */
#detail-view .magazine-article-rail .magazine-rail-box{margin:0 0 16px;background:#fff;border-top:3px solid #d9e5dd;padding:15px}
#detail-view .magazine-article-rail .magazine-rail-heading h2{font-size:16px;margin:0 0 12px}
#detail-view .trend-side-person{display:block;padding:12px 8px;border-top:1px solid #e7ece6;text-decoration:none}
#detail-view .trend-side-person strong{display:block;color:#263e35;font-size:14px;line-height:1.75}
#detail-view .trend-side-person span{color:#168077;font-size:12px}
#detail-view .trend-side-link{display:block;padding:10px 5px;border-top:1px solid #e7ece6;font-size:13px;line-height:1.85;text-decoration:none;color:#315b53}
#detail-view .trend-side-link:hover,#detail-view .trend-side-person:hover{background:#f5f8f4}
#detail-view .trend-news-coverage{margin:28px 0;padding:17px 0;border-top:2px solid #e1e9e2}
#detail-view .trend-news-coverage h2{font-size:19px;margin:0 0 13px}
#detail-view .trend-coverage-story{display:flex;justify-content:space-between;align-items:start;gap:16px;border-bottom:1px solid #e8ede9;padding:12px 0;text-decoration:none;color:#29423a}
#detail-view .trend-coverage-story strong{font-size:14px;line-height:1.9;flex:1}
#detail-view .trend-coverage-story small{font-size:11px;color:#789087;white-space:nowrap}
#detail-view .hero-credit a{color:#157a76;text-decoration:underline;text-underline-offset:2px}

/* Reuse Pendar's article layout/breakpoints. The only media override needed
   by trends is a stable image crop, while retaining caption below the frame. */
#detail-view .magazine-article-photo{width:100%;max-width:100%;margin:12px 0 26px}
#detail-view .magazine-article-photo .trend-photo-frame{width:100%;aspect-ratio:16/9;overflow:hidden;background:#edf1ed}
#detail-view .magazine-article-photo .trend-photo-frame .hero-img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 30%;border-radius:0}
#detail-view .magazine-article-photo .hero-credit{display:block;max-width:100%;font-size:11px;line-height:1.75;padding:7px 0 0;margin:0;overflow-wrap:anywhere}

/* Archive follows the same photo-first, text-list rule as the homepage. */
#detail-view .trend-index-visual{align-items:stretch}
#detail-view .trend-index-with-photo{padding:0;overflow:hidden;border-radius:0}
#detail-view .trend-index-with-photo .trend-index-photo{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#e8eeeb}
#detail-view .trend-index-with-photo .trend-index-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 30%}
#detail-view .trend-index-with-photo .trend-index-photo-copy{display:block;padding:16px}
#detail-view .trend-index-with-photo .trend-index-photo-copy p{font-size:12px;line-height:1.8}
#detail-view .trend-index-continuation{margin-top:22px;border:1px solid #dce5df;background:#fff}
#detail-view .trend-index-continuation h2{margin:0;padding:13px 16px;background:#f5faf7;border-top:4px solid #178f98;border-bottom:1px solid #dce7df;color:#2b3f36;font-size:19px}
#detail-view .trend-index-headline-list{display:flex;flex-direction:column}
#detail-view .trend-index-headline{display:flex;flex-direction:column;gap:4px;padding:13px 17px;border-bottom:1px solid #e8ede8;text-decoration:none}
#detail-view .trend-index-headline:last-child{border-bottom:0}
#detail-view .trend-index-headline:hover{background:#f6faf7}
#detail-view .trend-index-headline strong{font-size:15px;line-height:1.8;color:#24362f}
#detail-view .trend-index-headline span{font-size:12px;line-height:1.8;color:#5a7167}
#detail-view .trend-index-headline small{font-size:11px;color:#27786e}

/* Follow controls share the existing figures directory preference and are
   shown only when JavaScript confirms local persistence is available. */
#detail-view .trend-side-person-item{border-bottom:1px solid #e7ece6;padding-bottom:9px}
#detail-view .trend-side-person-item .trend-side-person{border-top:0;padding-bottom:3px}
#detail-view .trend-follow-button{display:inline-flex;align-items:center;border:1px solid #9fc4b8;border-radius:5px;background:#eef8f3;color:#23685a;padding:5px 10px;margin:2px 7px 8px;cursor:pointer;font:700 12px/1.6 Vazirmatn,Tahoma,sans-serif}
#detail-view .trend-follow-button[hidden]{display:none}
#detail-view .trend-follow-button[aria-pressed="true"]{background:#275c53;color:#fff;border-color:#275c53}
#detail-view .trend-follow-button:focus-visible{outline:2px solid #ef7e31;outline-offset:2px}
#detail-view .trend-compact-other .trend-side-link{font-size:12px;line-height:1.7;padding:8px 4px}
#detail-view .trend-compact-other .trend-side-more{color:#0d776f;font-weight:700;margin-top:6px}

/* Native editorial contextual services and today's figures section */
#detail-view .trend-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:30px 0;padding:17px;border-block:1px solid #dce8e2;background:#f8faf7}
#detail-view .trend-service-links h2{grid-column:1/-1;margin:0 0 4px;font-size:17px}
#detail-view .trend-service-links a{display:flex;flex-direction:column;gap:6px;border:1px solid #d4e1d8;background:#fff;padding:13px;text-decoration:none;color:#234c43}
#detail-view .trend-service-links a strong{font-size:14px}
#detail-view .trend-service-links a span{font-size:12px;color:#64766d}
#detail-view .trend-explore-only{border-inline-start:3px solid #21786d}
#detail-view .trend-explore-only a{color:#11695b;text-decoration:underline}
#detail-view .trend-archive-tabs{display:flex;align-items:stretch;gap:0;border-bottom:1px solid #d6e3dc;margin:25px 0}
#detail-view .trend-archive-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;color:#54665c;padding:12px 18px;font:700 14px Vazirmatn,Tahoma,sans-serif;cursor:pointer}
#detail-view .trend-archive-tabs button[aria-selected="true"]{color:#194b42;border-bottom-color:#dc681c}
#detail-view .trend-figure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}
#detail-view .trend-figure-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 11px;background:#f8faf8;border:1px solid #e1e9e3;color:#253c31;text-decoration:none}
#detail-view .trend-figure-card img,#detail-view .trend-figure-monogram{display:flex;align-items:center;justify-content:center;width:94px;height:94px;border-radius:50%;object-fit:cover;background:#e2efe8;color:#276c57;font:800 30px Vazirmatn,Tahoma,sans-serif}
#detail-view .trend-figure-card strong{font-size:15px}
#detail-view .trend-figure-card small{font-size:11px;color:#6a8276;line-height:1.7}
#detail-view [data-trend-archive-panel][hidden]{display:none}
@media(max-width:640px){#detail-view .trend-figure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#detail-view .trend-service-links{grid-template-columns:1fr}}