/* Editorial category and footer — image proposal v1; independent of compiled Tailwind. */
.tnn-topic-row+.tnn-topic-row{margin-top:12px}
.tnn-topic-period{display:block;font-size:12px;font-weight:400;color:#69717c;margin-top:3px;white-space:nowrap}
.tnn-topic-row .tnn-tag{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:639px){.tnn-topic-row{display:block}.tnn-topic-row .tnn-tags__scroller{margin-top:8px}.tnn-topic-period{display:inline;margin-left:10px}}
.ad-content[data-ad-type="image"]{container-type:inline-size}
.ad-content .tnn-image-ad{display:flex;flex-direction:column;background:#f7f6ef;border:1px solid #e3e1d8;color:#30351e;text-decoration:none;overflow:hidden}
.tnn-image-ad__media{display:block;position:relative;min-width:0}
.ad-content .tnn-image-ad__media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin:0;border-radius:0}
.tnn-image-ad__note{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.7);color:#fff;padding:3px 6px;font-size:12px;line-height:1.5}
.tnn-image-ad__copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px;min-width:0}
.tnn-image-ad__brand{font-size:14px;line-height:1.6;letter-spacing:.05em;color:#5c604e}
.tnn-image-ad__title{font-size:26px;font-weight:750;line-height:1.45;overflow-wrap:anywhere}
.tnn-image-ad__body{font-size:16px;line-height:1.8;color:#4f5344;overflow-wrap:anywhere}
.tnn-image-ad__cta{display:inline-flex;gap:12px;align-items:center;background:#444b2a;color:white;border-radius:24px;padding:11px 18px;font-size:16px;line-height:1.5;margin-top:4px}
.tnn-image-ad:hover .tnn-image-ad__cta{background:#30371d}
.tnn-image-ad:focus-visible{outline:3px solid #bd3033;outline-offset:4px}
@container (min-width:560px){
 .ad-content .tnn-image-ad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .ad-content .tnn-image-ad__media img{height:100%;min-height:320px}
 .tnn-image-ad__copy{justify-content:center;padding:28px}
 .tnn-image-ad__title{font-size:28px}
}
.tnn-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #dce0e5;padding-bottom:20px}
.tnn-section-heading h1{font-size:32px;line-height:1.3;font-weight:800;margin-top:6px}
.tnn-section-heading h1::after{content:"";display:block;width:42px;height:3px;background:#bd3033;margin-top:14px}
.tnn-section-kicker{font-size:13px;letter-spacing:.12em;color:#69717c}
.tnn-editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:36px;align-items:start}
.tnn-editorial-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;margin-bottom:32px}
.tnn-editorial__link{color:inherit;text-decoration:none;display:block}
.tnn-editorial h2{font-size:19px;font-weight:750;line-height:1.55;margin:0 0 10px}
.tnn-editorial__link:hover h2{color:#b4262b}
.tnn-editorial__link:focus-visible,.tnn-footer-editorial a:focus-visible,.tnn-footer-group summary:focus-visible{outline:2px solid #bd3033;outline-offset:4px}
.tnn-editorial__image{aspect-ratio:16/9;overflow:hidden;background:#f0f1f3}
.tnn-editorial__image img{display:block;width:100%;height:100%;object-fit:cover}
.tnn-editorial--lead h2{font-size:27px;line-height:1.4;margin-top:16px}
.tnn-editorial__summary{color:#5b6470;font-size:15px;line-height:1.8;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tnn-editorial--headline{display:flex;gap:14px;border-bottom:1px solid #dce0e5;padding:18px 0}
.tnn-editorial--headline:first-child{padding-top:0}
.tnn-editorial--headline h2{font-size:17px}
.tnn-editorial__rank{font:600 25px/1.4 Georgia,serif;color:#bd3033;flex:none}
.tnn-editorial--row{border-top:1px solid #dce0e5;padding:22px 0}
.tnn-editorial--row .tnn-editorial__link{display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px;align-items:start}
.tnn-editorial-aside{padding:20px;background:#f7f8fa}
.tnn-editorial-aside>h2{font-size:21px;font-weight:750;border-bottom:2px solid #bd3033;padding-bottom:12px;margin-bottom:10px}
.tnn-editorial-aside .tnn-editorial--headline h2{font-size:15px}
.tnn-editorial-aside>.tnn-meta{margin-bottom:20px;font-size:12px}
.tnn-empty{padding:40px 0;color:#55606b}.tnn-empty a{display:inline-block;color:#ad292d;margin-left:12px;text-decoration:underline}
.tnn-footer-editorial{background:#fff;border-top:1px solid #dce0e5;color:#414a56;margin-top:48px;padding:36px 0 0;font-size:14px}
.tnn-footer-editorial__grid{display:grid;grid-template-columns:1.25fr 1.2fr .8fr .8fr;gap:32px}
.tnn-footer-editorial__brand img{width:230px;max-width:100%;height:auto}
.tnn-footer-editorial__brand p{line-height:1.8;margin-top:14px;color:#626c78}
.tnn-footer-group summary{font-size:16px;font-weight:750;color:#1d2734;padding:0 0 10px;cursor:pointer;min-height:44px}
.tnn-footer-group ul{list-style:none;margin:0;padding:0}
.tnn-footer-group a{display:flex;align-items:center;min-height:44px;text-decoration:none}
.tnn-footer-category-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.tnn-footer-editorial a:hover{color:#b4262b;text-decoration:underline}
.tnn-footer-editorial__bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #d5dae0;margin-top:28px;padding:12px 0;font-size:12px}
.tnn-footer-editorial__bottom nav,.tnn-footer-social{display:flex;flex-wrap:wrap;gap:0 18px}
.tnn-footer-editorial__bottom a,.tnn-footer-social a{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:768px){.tnn-footer-group summary{list-style:none}.tnn-footer-group summary::-webkit-details-marker{display:none}}
@media(max-width:1023px){.tnn-editorial-layout{grid-template-columns:1fr}.tnn-editorial-aside{display:none}.tnn-editorial-top{grid-template-columns:1.2fr 1fr}}
@media(max-width:767px){
.tnn-section-heading{align-items:start;gap:12px}.tnn-section-heading h1{font-size:26px}.tnn-section-heading>.tnn-meta{font-size:12px;margin-top:25px}
.tnn-editorial-top{display:block;margin-bottom:20px}.tnn-editorial--lead h2{font-size:23px}.tnn-editorial-headlines{margin-top:24px}
.tnn-editorial--headline h2{font-size:17px}.tnn-editorial--headline{padding:16px 0}
.tnn-editorial--row{padding:18px 0}.tnn-editorial--row .tnn-editorial__link{grid-template-columns:minmax(0,1fr) 108px;gap:14px}
.tnn-editorial--row .tnn-editorial__image{grid-column:2;grid-row:1}.tnn-editorial--row .tnn-editorial__body{grid-column:1;grid-row:1}
.tnn-editorial--row h2{font-size:17px}.tnn-editorial--row .tnn-editorial__summary{display:none}
.tnn-footer-editorial{padding-top:28px;margin-top:32px}.tnn-footer-editorial__grid{display:block}
.tnn-footer-editorial__brand{margin-bottom:22px}.tnn-footer-editorial__brand img{width:210px}
.tnn-footer-group{border-top:1px solid #d5dae0}.tnn-footer-group summary{padding:14px 0;min-height:48px}
.tnn-footer-group ul{padding-bottom:12px}.tnn-footer-editorial__bottom{display:block;margin-top:14px}.tnn-footer-editorial__bottom nav{margin-top:8px}
}

.tnn-text-ad{display:block;padding:18px;border:1px solid #dce0e5;border-radius:4px;background:#fff;color:#17212b;text-decoration:none}.tnn-text-ad:hover{border-color:#506757}.tnn-text-ad:focus-visible{outline:2px solid #245735;outline-offset:3px}.tnn-text-ad__brand{display:block;font-size:12px;color:#626c78}.tnn-text-ad__title{margin:8px 0;font-size:18px;line-height:1.5;font-weight:700}.tnn-text-ad__body{font-size:14px;line-height:1.75}.tnn-text-ad__cta{display:block;margin-top:10px;font-size:14px;color:#245735;font-weight:600}.tnn-house-ad{font-size:14px;line-height:1.7;padding:16px;border-top:1px solid #dce0e5}
/* Keep the slot's disclosure above image artwork instead of covering its text. */
.ad-content[data-ad-type="image"] { padding-top: 1.75rem; }
.tnn-popular__ad .ad-content[data-ad-type="image"]{padding-top:0}
.tnn-popular__ad .tnn-ad{border:1px solid #e3e1d8;background:#f7f6ef}
.tnn-popular__ad .tnn-ad__label{position:static;display:block;text-align:right;margin:0;padding:8px 12px;min-height:32px;border-radius:0;background:#f7f6ef}
.tnn-popular__ad .tnn-image-ad{border:0}
@media(min-width:1024px){
 .tnn-popular--with-ad{align-items:stretch}
 .tnn-popular--with-ad>.tnn-panel{display:flex;flex-direction:column}
 .tnn-popular--with-ad>.tnn-panel>.tnn-rank{flex:1}
 .tnn-popular__ad{display:flex;min-width:0}
 .tnn-popular__ad .tnn-ad[data-ad-state="filled"]{display:flex;flex-direction:column;width:100%;align-items:stretch}
 .tnn-popular__ad .ad-slot-content{display:flex;flex:1}
 .tnn-popular__ad .ad-content{display:flex;flex-direction:column}
 .tnn-popular__ad .tnn-image-ad{flex:1}
 .tnn-popular__ad .tnn-image-ad__copy{flex:1;justify-content:center}
}

/* Regional reading layout: preserve the original brand and keep navigation reachable. */
.tnn-brand__region { gap: 5px; min-height: 44px; flex-shrink: 0; cursor: pointer; }
.tnn-brand__region:focus-visible { outline: 2px solid #0a2540; outline-offset: 3px; }
/* Published placements start collapsed: failures and non-filled slots never paint a grey placeholder. */
[data-published-slot]:not([data-ad-state="filled"]),
[data-published-placement]:not(:has([data-published-slot][data-ad-state="filled"])) { display: none !important; }
[data-published-only-sidebar]:not(:has([data-published-slot="article_sidebar"][data-ad-state="filled"])) { max-width: var(--tnn-article-main); }
[data-published-only-sidebar]:not(:has([data-published-slot="article_sidebar"][data-ad-state="filled"])) .tnn-article__layout { grid-template-columns: minmax(0, 1fr); }
.tnn-article__side { display: block; min-width: 0; }
.tnn-article__reading h2 { font-size: 21px; font-weight: 800; border-left: 4px solid #d63031; padding-left: 12px; margin-bottom: 12px; }
@media(max-width: 1023px) {
 .tnn-article__sticky { position: static; }
 .tnn-article__side .tnn-toc, .tnn-article__side [data-ad-slot="article_sidebar"] { display: none; }
}
@media(max-width: 639px) {
 .tnn-header__bar { gap: 8px; }
 .tnn-brand { gap: 6px; }
 .tnn-brand__logo { flex: 0 1 auto; }
 .tnn-brand__logo img { width: 190px; }
 .tnn-brand__region { font-size: 13px; padding: 0 6px; }
 .tnn-mini { grid-template-columns: 120px minmax(0,1fr); }
 .tnn-mini .tnn-media, .tnn-rows-sm .tnn-media, .tnn-rows-md .tnn-media { width: 120px; height: 80px; aspect-ratio: 3 / 2; flex: 0 0 120px; }
 .tnn-rows-sm .tnn-card__body, .tnn-rows-md .tnn-card__body { min-width: 0; padding: 0 0 0 12px; }
}
.tnn-media [hidden] { display: none !important; }