/* ===== News & Publications: listings, articles, tags ===== */

.wrap.narrow{max-width:46rem}
.navlinks a[aria-current="page"]{color:#fff;border-bottom-color:var(--gold)}

/* page header band (insights, tags, articles) */
.pagehead{
  background:linear-gradient(140deg,#1E3355 0%,#101E33 60%,#0A1526 100%);
  color:#fff;
  padding:9.5rem 0 4.2rem;
}
.pagehead h1{
  font-family:'Newsreader',serif;
  font-weight:300;
  font-size:clamp(2rem,4.2vw,3.1rem);
  line-height:1.18;
  letter-spacing:-.005em;
  max-width:24ch;
}
.pagehead-sub{margin-top:1.4rem;max-width:56ch;color:rgba(255,255,255,.74);font-size:1.02rem}
.crumbs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.6rem;font-size:.84rem}
.crumbs a{color:var(--gold);text-decoration:none;border-bottom:1px solid transparent}
.crumbs a:hover{border-bottom-color:var(--gold)}
.crumbs span{color:rgba(255,255,255,.35)}

/* article header */
.article-head h1{max-width:none;font-size:clamp(2rem,4.4vw,3rem)}
.dek{
  margin-top:1.4rem;
  font-family:'Newsreader',serif;
  font-size:1.28rem;
  line-height:1.55;
  color:rgba(255,255,255,.8);
  font-weight:300;
}
.byline{display:flex;align-items:center;gap:.95rem;margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.14)}
.byline-photo{width:64px;height:64px;object-fit:cover;border:1px solid rgba(176,141,73,.6)}
.byline-name{color:#fff;text-decoration:none;font-weight:500;font-size:.95rem}
.byline-name:hover{color:var(--gold)}
.byline-meta{display:flex;flex-wrap:wrap;gap:0 1.1rem;font-size:.84rem;color:rgba(255,255,255,.6)}

/* key takeaways: the signature element */
.article{padding:3.2rem 0 0}
.takeaways{
  background:var(--paper-2);
  border-top:2px solid var(--gold);
  padding:1.9rem 2rem 1rem;
  margin-bottom:3.2rem;
}
.takeaways h2{
  font-family:'Newsreader',serif;
  font-weight:400;
  font-size:1.35rem;
  margin-bottom:.9rem;
}
.takeaways ul{list-style:none}
.takeaways li + li{border-top:1px solid var(--rule)}
.kt-item{
  display:block;
  padding:1rem .9rem 1rem 0;
  margin:0 -.9rem 0 0;
  text-decoration:none;
  color:var(--ink);
  position:relative;
}
a.kt-item{padding-left:1.05rem;margin-left:-1.05rem;border-left:2px solid transparent;transition:background .2s ease,border-color .2s ease}
a.kt-item:hover{background:#fff;border-left-color:var(--gold)}
.kt-text{display:block;font-size:1rem;line-height:1.6}
.kt-sec{
  display:inline-block;
  margin-top:.4rem;
  font-size:.82rem;
  color:var(--gold);
  font-weight:500;
}
a.kt-item:hover .kt-sec{text-decoration:underline;text-underline-offset:3px}

/* article body */
.prose{
  font-family:'Newsreader',serif;
  font-size:1.2rem;
  line-height:1.78;
  color:var(--ink);
}
.prose > * + *{margin-top:1.25rem}
.prose h2{
  font-weight:400;
  font-size:1.85rem;
  line-height:1.25;
  margin-top:3.2rem;
  scroll-margin-top:6.5rem;
}
.prose h3{
  font-family:'IBM Plex Sans',sans-serif;
  font-weight:600;
  font-size:1.05rem;
  letter-spacing:.005em;
  margin-top:2.2rem;
  scroll-margin-top:6.5rem;
}
.prose h2:target,.prose h3:target{animation:sectionFlash 2.4s ease-out}
@keyframes sectionFlash{
  0%,35%{background:rgba(176,141,73,.2);box-shadow:0 0 0 .55rem rgba(176,141,73,.2)}
  100%{background:transparent;box-shadow:0 0 0 .55rem transparent}
}
.prose a{color:var(--navy-2);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.prose a:hover{color:var(--gold)}
.prose ul,.prose ol{padding-left:1.4rem}
.prose li + li{margin-top:.45rem}
.prose li::marker{color:var(--gold)}
.prose blockquote{
  border-left:2px solid var(--gold);
  padding:.2rem 0 .2rem 1.4rem;
  font-style:italic;
  color:var(--ink-2);
}
.prose table{
  display:block;overflow-x:auto;
  border-collapse:collapse;
  font-family:'IBM Plex Sans',sans-serif;
  font-size:.92rem;line-height:1.55;
}
.prose th,.prose td{padding:.7rem 1rem;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.prose th{font-weight:600;border-bottom:2px solid var(--ink)}
.prose code{font-size:.9em;background:var(--paper-2);padding:.1em .35em}
.prose img{max-width:100%;height:auto}
.prose hr{border:0;border-top:1px solid var(--rule);margin:2.6rem 0}

/* tag chips */
.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}
.chip{
  display:inline-flex;align-items:center;gap:.45rem;
  border:1px solid var(--rule);
  padding:.36rem .85rem;
  font-size:.8rem;
  color:var(--ink-2);
  text-decoration:none;
  background:#fff;
  transition:border-color .2s ease,color .2s ease;
}
.chip:hover{border-color:var(--gold);color:var(--ink)}
.chip.is-current{background:var(--navy);border-color:var(--navy);color:#fff}
.chip-count{font-size:.72rem;color:var(--ink-3)}
.chip.is-current .chip-count{color:var(--gold)}

.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem;margin-top:3.2rem;padding-top:1.8rem;border-top:1px solid var(--rule)}
.article-tags-label{font-size:.84rem;color:var(--ink-3)}

/* author box */
.author-box{
  display:grid;grid-template-columns:6rem 1fr;gap:1.6rem;
  margin-top:2.4rem;padding:1.8rem;
  border:1px solid var(--rule);
}
.author-box img{width:6rem;height:7.5rem;object-fit:cover;object-position:50% 15%}
.author-name{font-family:'Newsreader',serif;font-size:1.25rem}
.author-role{font-size:.84rem;color:var(--gold);font-weight:500;margin-top:.15rem}
.author-bio{font-size:.94rem;color:var(--ink-2);margin-top:.7rem;line-height:1.65}
.author-cta{
  display:inline-block;margin-top:1rem;
  padding:.62rem 1.3rem;
  background:var(--navy);color:#fff;text-decoration:none;
  font-size:.86rem;font-weight:500;
  transition:background .2s ease,color .2s ease;
}
.author-cta:hover{background:var(--gold);color:var(--navy)}
.disclaimer{margin:2rem 0 4.5rem;font-size:.82rem;color:var(--ink-3);line-height:1.7}

/* listings */
.listing{padding-top:3.4rem}
.tag-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.1rem;margin-bottom:2.4rem}
.tag-filter-label{font-size:.84rem;color:var(--ink-3)}
.post-list{list-style:none;border-top:1px solid var(--rule)}
.post-item{
  display:grid;grid-template-columns:9.5rem 1fr;gap:2rem;
  padding:2rem 0;border-bottom:1px solid var(--rule);
}
.post-date{font-size:.86rem;color:var(--ink-3);padding-top:.35rem}
.post-title{font-family:'Newsreader',serif;font-weight:400;font-size:1.5rem;line-height:1.3}
.post-title a{color:var(--ink);text-decoration:none;background-image:linear-gradient(var(--gold),var(--gold));background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s ease}
.post-title a:hover{background-size:100% 1px}
.post-desc{margin-top:.6rem;color:var(--ink-2);font-size:.97rem;max-width:62ch}
.post-main .chip-row{margin-top:1rem}
.post-main .chip{font-size:.74rem;padding:.25rem .7rem}
.text-link{display:inline-block;margin-top:2rem;color:var(--ink);font-weight:500;font-size:.92rem;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.15rem}
.text-link:hover{color:var(--gold)}
.empty{color:var(--ink-2);font-size:1rem;padding:2rem 0}
.empty a{color:var(--ink);text-decoration-color:var(--gold)}
.related{margin-top:0}
.related-title{font-family:'Newsreader',serif;font-weight:400;font-size:1.6rem;margin-bottom:1.6rem}
.related .post-item{grid-template-columns:8rem 1fr}

@media (max-width:44rem){
  .pagehead{padding:7.6rem 0 3.2rem}
  .post-item,.related .post-item{grid-template-columns:1fr;gap:.4rem}
  .takeaways{padding:1.5rem 1.3rem .8rem}
  .prose{font-size:1.12rem}
  .author-box{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .prose h2:target,.prose h3:target{animation:none;background:rgba(176,141,73,.15)}
}

/* Five menu items: switch to the menu button earlier so the bar never wraps */
@media (max-width:63.99rem){
  .navlinks{
    display:none;position:absolute;top:100%;left:0;right:0;
    background:var(--navy);flex-direction:column;gap:0;padding:.6rem 2.2rem 1.4rem;
  }
  .navlinks.open{display:flex}
  .navlinks a{display:block;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.09)}
  .navtoggle{display:block}
}
@media (max-width:44rem){
  .navlinks{padding:.6rem 1.4rem 1.4rem}
}