/* JIN Talent Insights: restrained editorial layouts using the existing brand system. */
.insights-hero,.article-hero{padding-block:clamp(64px,8vw,104px)}
.insights-hero .hero-inner,.article-hero .hero-inner{grid-template-columns:minmax(0,860px)}
.insights-hero h1,.article-hero h1{max-width:19ch}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;color:#C9D5E1;font-size:var(--fs-sm)}
.article-meta span+span::before{content:"·";margin-inline-end:18px;color:var(--gold)}
.insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.insight-card{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}
.insight-card .kicker{margin-bottom:12px}
.insight-card h2{font-size:clamp(1.35rem,2vw,1.75rem);margin:0}
.insight-card p{color:var(--muted);margin-top:14px}
.insight-card .text-link{margin-top:auto;padding-top:20px;font-weight:600}
.article-shell{max-width:830px}
.article-body{font-size:var(--fs-body)}
.article-body>p,.article-body>ul,.article-body>ol,.article-body>aside,.article-body>blockquote{max-width:74ch}
.article-body>p{margin-top:18px}
.article-body .article-lead{font-size:var(--fs-lead);color:var(--navy);margin-top:0}
.article-body h2{font-size:clamp(1.55rem,2.4vw,2.05rem);margin-top:56px;padding-top:8px}
.article-body h3{font-size:var(--fs-h3);margin-top:32px}
.article-body ul,.article-body ol{margin:18px 0 0;padding-inline-start:1.45em}
.article-body li+li{margin-top:9px}
.article-body strong{color:var(--navy)}
.article-body a:not(.btn){color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.article-callout{margin-top:28px;padding:22px 24px;border-inline-start:4px solid var(--gold);background:var(--surface);color:var(--navy)}
.article-callout p{margin:0}
.article-body blockquote{margin:28px 0 0;padding:20px 24px;border-inline-start:4px solid var(--gold);background:var(--surface);color:var(--navy)}
.article-body blockquote p{margin:0}
.article-body table{display:block;width:100%;margin-top:24px;border-collapse:collapse;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-body th,.article-body td{padding:12px 14px;border:1px solid var(--line);text-align:start;vertical-align:top;min-width:140px}
.article-body th{background:var(--surface);color:var(--navy)}
.article-body details{border-top:1px solid var(--line);padding:16px 0}
.article-body details:last-of-type{border-bottom:1px solid var(--line)}
.article-body summary{cursor:pointer;color:var(--navy);font-weight:600}
.article-cta{max-width:74ch;margin-top:64px;padding:clamp(28px,5vw,48px);border-radius:16px;background:var(--navy);color:#D4DFEA}
.article-cta h2{color:#fff;margin:0;padding:0}
.article-cta p{margin-top:14px}
.article-cta .btn{margin-top:24px;text-decoration:none}
.article-related{margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}
.article-related h2{font-size:var(--fs-h3);margin:0}
.article-related ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;margin-top:16px;padding:0}
.article-related a{font-weight:600}
@media(max-width:720px){
  .insights-grid{grid-template-columns:minmax(0,1fr)}
  .insight-card{padding:22px}
  .article-meta{display:block}
  .article-meta span{display:block}
  .article-meta span+span{margin-top:4px}
  .article-meta span+span::before{content:none}
  .article-body h2{margin-top:44px}
  .article-body h3{margin-top:26px}
  .article-callout{padding:18px}
  .article-body blockquote{padding:18px}
  .article-cta{margin-top:48px;border-radius:12px}
}
@media(max-width:390px){
  .article-body,.article-body li,.insight-card{overflow-wrap:anywhere}
}