/*
 * TNG Insights Archive — Editorial-A layout
 * Applies via template-tng-insights.php
 */
.single-tngarchive #primary,.page-template #primary{max-width:100% !important;padding:0 !important;margin:0 !important}
.tnga-wrap{font-family:'Roboto',sans-serif;color:#4B4B4B}

/* Hero */
.tnga-hero{max-width:1240px;margin:0 auto;padding:60px 40px 0;display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:start}
.tnga-hero .eyebrow{font-family:'Roboto';font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8a8b8f;font-weight:500}
.tnga-hero h1{font-family:'EB Garamond',serif;font-size:clamp(34px,4vw,48px);font-weight:500;color:#314250;margin:12px 0 18px;line-height:1.1}
.tnga-hero p{font-size:15px;max-width:460px;color:#4B4B4B;line-height:1.7}
.tnga-hero-img{height:380px;overflow:hidden;margin-top:18px}
.tnga-hero-img img{width:100%;height:100%;object-fit:cover;display:block}

/* Tabs */
.tnga-tabs{display:flex;gap:28px;border-bottom:1px solid #E2E0DB;max-width:1240px;margin:36px auto 0;padding:0 40px}
.tnga-tabs a{padding:16px 0;font-size:14px;color:#8a8b8f;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.tnga-tabs a.active,.tnga-tabs a:hover{color:#314250;border-bottom-color:#314250}

/* Grey listing band */
.tnga-band{background:#F7F6F3;padding:56px 0 64px;margin-top:-40px}
.tnga-list{max-width:1240px;margin:0 auto;padding:36px 40px 0;display:grid;grid-template-columns:1fr 1fr;gap:48px 56px}
.tnga-pub{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:start}
.tnga-pub .thumb{display:block;width:96px;height:128px;background-size:cover;background-position:center;box-shadow:0 8px 24px rgba(49,66,80,.18);border-radius:3px;background-color:#314250}
.tnga-pub h3{font-family:'EB Garamond',serif;font-size:21px;font-weight:500;color:#314250;margin:0 0 6px;line-height:1.2}
.tnga-pub h3 a{color:#314250;text-decoration:none}
.tnga-pub h3 a:hover{color:#405363}
.tnga-pub .by{font-size:13px;color:#8a8b8f}
.tnga-pub .readmore{font-family:'Roboto';font-size:14px;color:#405363;display:inline-block;margin-top:10px;text-decoration:none}
.tnga-pub .readmore::after{content:" —"}
.tnga-loadmore{display:block;width:200px;margin:48px auto 0;text-align:center;background:#314250;color:#fff;padding:13px;font-size:13px;letter-spacing:.08em;text-decoration:none}

@media(max-width:900px){
  .tnga-hero{grid-template-columns:1fr;gap:24px}
  .tnga-hero-img{height:260px}
  .tnga-list{grid-template-columns:1fr;gap:32px}
}

/* Fix: thumb anchor must be block so the cover image shows */
.tnga-pub > a{display:block;width:96px;height:128px}
.tnga-pub > a .thumb{width:96px;height:128px}

/* Force thumb to render as block (something sets span to inline) */
.tnga-wrap .tnga-pub > a{display:block !important;width:96px;height:128px}
.tnga-wrap .tnga-pub > a .thumb{display:block !important;width:96px !important;height:128px !important}

/* Elementor template embedded outside normal flow: force entrance-animation elements visible */
.tnga-wrap .elementor-invisible{opacity:1 !important;visibility:visible !important;transform:none !important;animation:none !important}
.tnga-wrap .elementor-529{margin-top:0}