/* News detail: editorial reading experience */
.news-detail-page{background:#fff}

.reading-progress{
  position:fixed;top:0;left:0;right:0;z-index:200;height:3px;
  overflow:hidden;background:transparent;pointer-events:none;
  opacity:0;visibility:hidden;transform:translateY(-100%);
  transition:opacity .18s,visibility .18s,transform .18s;
}
.reading-progress.is-active{opacity:1;visibility:visible;transform:translateY(0);background:rgba(29,52,140,.12)}
.reading-progress span{
  display:block;width:100%;height:100%;background:linear-gradient(90deg,#2948ad,#5876e0);
  transform:scaleX(0);transform-origin:left center;will-change:transform;
}

.news-detail-breadcrumb{margin-top:0;background:#fff;border-bottom:1px solid var(--line)}
.news-detail-breadcrumb .container{max-width:1280px;min-height:62px;display:flex;align-items:center}
.news-detail-breadcrumb .breadcrumb{min-width:0;width:100%;flex-wrap:nowrap}
.news-detail-breadcrumb .breadcrumb span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.news-detail-hero{
  position:relative;height:460px;min-height:460px;margin-top:var(--topbar-height);padding:0;overflow:hidden;background:#0b1226;color:#fff;
}
.news-detail-hero-bg{
  position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;
  transform:scale(1.001);
}
.news-detail-hero-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(3,8,21,.04) 48%,rgba(3,8,21,.48) 100%);
}
.news-detail-hero-inner{
  position:relative;z-index:1;height:460px;min-height:460px;padding:62px 0 52px;display:flex;align-items:flex-end;
}
.news-detail-hero-copy{max-width:900px}
.news-detail-hero-meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:25px;
  color:rgba(255,255,255,.68);font-size:9px;font-weight:900;letter-spacing:1.25px;text-transform:uppercase;
}
.news-detail-hero-meta span:first-child{color:#c7d2ff}
.news-detail-hero-meta>*+*::before{
  content:"";width:3px;height:3px;margin-right:12px;display:inline-block;vertical-align:middle;
  border-radius:50%;background:rgba(255,255,255,.42);
}
.news-detail-hero h1{
  max-width:930px;margin:0 0 22px;font-family:'Barlow Condensed',sans-serif;font-size:68px;
  font-weight:800;line-height:.94;letter-spacing:-.35px;color:#fff;text-wrap:balance;
}
.news-detail-hero-copy>p{
  max-width:730px;margin:0;color:rgba(255,255,255,.8);font-size:15px;line-height:1.78;
}
.news-detail-hero-index{
  position:absolute;right:0;bottom:61px;padding-top:11px;border-top:1px solid rgba(255,255,255,.34);
  color:rgba(255,255,255,.5);font-size:8px;font-weight:900;letter-spacing:2px;
}

.news-detail-content{padding:72px 0 110px;background:#fff}
.news-detail-content-wrap{max-width:1120px}
.news-detail-article{
  width:100%;display:grid;grid-template-columns:48px minmax(0,860px);
  gap:0 60px;justify-content:center;min-width:0;
}
.news-detail-share-rail{width:48px;align-self:stretch}
.news-detail-share-inner{position:sticky;top:124px;display:flex;flex-direction:column;align-items:center;gap:16px}
.news-detail-share-inner>span{
  color:#8b93a1;font-size:8px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;
  writing-mode:vertical-rl;transform:rotate(180deg);
}
.news-share-buttons{display:flex;flex-direction:column;gap:10px}
.news-share-button{
  position:relative;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;
  flex-shrink:0;border:1px solid #dce1e9;border-radius:50%;background:#fff;color:#4e586a;
  font-size:13px;transition:background .22s,border-color .22s,color .22s,transform .22s,box-shadow .22s;
}
.news-share-button:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(29,52,140,.17)}
.news-share-button:focus-visible{outline:3px solid rgba(88,118,224,.34);outline-offset:3px}
.news-share-copy.copied{background:var(--primary);border-color:var(--primary);color:#fff}
.news-share-copy::after{
  content:"Link copied";position:absolute;left:52px;top:50%;z-index:5;padding:5px 8px;
  border-radius:2px;background:#111827;color:#fff;font-size:9px;font-weight:700;white-space:nowrap;
  opacity:0;visibility:hidden;transform:translate(-4px,-50%);transition:opacity .18s,visibility .18s,transform .18s;
}
.news-share-copy.copied::after{opacity:1;visibility:visible;transform:translate(0,-50%)}

.news-detail-article-main{width:100%;max-width:860px;min-width:0}
.news-detail-lede{
  margin:0 0 37px;padding-bottom:34px;border-bottom:1px solid var(--line);
  font-family:'Barlow Condensed',sans-serif;font-size:29px;font-weight:700;line-height:1.27;color:var(--ink);
}
.news-detail-body{counter-reset:news-section}
.news-detail-section{position:relative;padding:0 0 54px;scroll-margin-top:126px}
.news-detail-section:last-child{padding-bottom:13px}
.news-detail-section-number{
  margin-bottom:12px;color:var(--primary);font-family:'Barlow Condensed',sans-serif;
  font-size:15px;font-weight:800;letter-spacing:1px;
}
.news-detail-section h2{
  margin:0 0 21px;font-family:'Barlow Condensed',sans-serif;font-size:36px;
  font-weight:800;line-height:1.07;letter-spacing:-.1px;color:var(--ink);
}
.news-detail-section p{
  margin:0 0 20px;color:#5c6574;font-size:15.5px;line-height:1.9;
}
.news-detail-section p:last-child{margin-bottom:0}
.news-detail-article-footer{
  margin-top:37px;padding:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.news-detail-article-footer>div{display:flex;flex-direction:column;gap:3px}
.news-detail-article-footer span{
  color:#949ba7;font-size:8px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;
}
.news-detail-article-footer strong,.news-detail-article-footer time{color:var(--ink);font-size:12px;font-weight:700}
.news-detail-end-share{
  margin-top:30px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:#f6f7fa;
}
.news-detail-end-share>div:first-child{display:flex;flex-direction:column}
.news-detail-end-share>div:first-child span{color:#8c94a1;font-size:10px}
.news-detail-end-share>div:first-child strong{font-family:'Barlow Condensed',sans-serif;font-size:22px;line-height:1.15;color:var(--ink)}
.news-detail-end-share .news-share-buttons{flex-direction:row}
.news-detail-end-share .news-share-copy::after{left:auto;right:52px;transform:translate(4px,-50%)}
.news-detail-end-share .news-share-copy.copied::after{transform:translate(0,-50%)}

.news-detail-related-section{padding:91px 0 100px;background:#f4f5f8}
.news-detail-related-section>.container{max-width:1280px}
.news-detail-related-head{margin-bottom:38px;display:flex;align-items:end;justify-content:space-between;gap:30px}
.news-detail-related-head .section-title{margin-bottom:0}
.news-detail-view-all{
  padding-bottom:5px;display:inline-flex;align-items:center;gap:10px;color:var(--primary);
  font-size:9px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase;
}
.news-detail-view-all i{transition:transform .2s}
.news-detail-view-all:hover i{transform:translateX(5px)}
.news-detail-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.news-detail-related-card{min-width:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#fff;box-shadow:0 13px 32px rgba(17,24,39,.07);transition:transform .3s,box-shadow .3s}
.news-detail-related-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(17,24,39,.11)}
.news-detail-related-media{position:relative;min-height:270px;overflow:hidden;background:#dfe3e9}
.news-detail-related-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(5,12,29,.38) 100%)}
.news-detail-related-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,.8,.25,1)}
.news-detail-related-card:hover .news-detail-related-media img{transform:scale(1.04)}
.news-detail-related-media span{
  position:absolute;left:18px;bottom:17px;z-index:1;color:#fff;font-size:8px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;
}
.news-detail-related-copy{padding:27px 27px 25px;display:flex;flex-direction:column}
.news-detail-related-meta{display:flex;align-items:center;gap:10px;color:#9299a5;font-size:8px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.news-detail-related-meta>*+*::before{content:"";width:3px;height:3px;margin-right:10px;display:inline-block;vertical-align:middle;border-radius:50%;background:#b9c0ca}
.news-detail-related-copy h3{margin:17px 0 12px;font-family:'Barlow Condensed',sans-serif;font-size:27px;font-weight:800;line-height:1.05;color:var(--ink)}
.news-detail-related-copy h3 a{transition:color .2s}
.news-detail-related-card:hover h3 a{color:var(--primary)}
.news-detail-related-copy p{margin:0 0 20px;color:var(--muted);font-size:11.5px;line-height:1.67;flex:1}
.news-detail-read-link{display:inline-flex;align-items:center;gap:9px;color:var(--primary);font-size:8.5px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.news-detail-read-link i{transition:transform .2s}
.news-detail-related-card:hover .news-detail-read-link i{transform:translateX(4px)}

.news-detail-page .about-cta-section{padding:40px 0}

@media(max-width:1180px){
  .news-detail-hero-inner,.news-detail-breadcrumb .container,.news-detail-content-wrap,.news-detail-related-section>.container{padding-left:24px;padding-right:24px}
  .news-detail-content-wrap{max-width:1040px}
  .news-detail-article{grid-template-columns:48px minmax(0,820px);gap:0 48px}
  .news-detail-article-main{max-width:820px}
  .news-detail-hero-index{right:24px}
  .news-detail-related-card{grid-template-columns:1fr}
  .news-detail-related-media{min-height:220px}
}

@media(max-width:940px){
  .news-detail-hero h1{font-size:58px}
  .news-detail-article{display:flex;flex-direction:column;gap:35px}
  .news-detail-share-rail{width:auto;order:0}
  .news-detail-article-main{order:1;max-width:820px}
  .news-detail-share-inner{position:static;flex-direction:row;align-items:center;justify-content:flex-start}
  .news-detail-share-inner>span{writing-mode:horizontal-tb;transform:none}
  .news-share-buttons{flex-direction:row}
  .news-share-copy::after{left:52px}
}

@media(max-width:760px){
  .reading-progress{height:2px}
  .news-detail-breadcrumb .container{min-height:54px;padding-left:20px;padding-right:20px}
  .news-detail-breadcrumb .breadcrumb{font-size:8px;letter-spacing:.55px}
  .news-detail-breadcrumb .breadcrumb a:first-child,.news-detail-breadcrumb .breadcrumb span:first-of-type{display:none}
  .news-detail-hero{height:460px;min-height:460px}
  .news-detail-hero-inner{height:460px;min-height:460px;padding:52px 20px 43px}
  .news-detail-hero-bg{background-position:62% center}
  .news-detail-hero-meta{gap:8px;margin-bottom:19px;font-size:7.5px}
  .news-detail-hero-meta>*+*::before{margin-right:8px}
  .news-detail-hero h1{margin-bottom:18px;font-size:44px;line-height:.96}
  .news-detail-hero-copy>p{font-size:12.5px;line-height:1.7}
  .news-detail-hero-index{display:none}
  .news-detail-content{padding:72px 0 110px}
  .news-detail-content-wrap{padding-left:20px;padding-right:20px}
  .news-detail-article{gap:31px}
  .news-detail-share-inner{justify-content:space-between;padding-bottom:21px;border-bottom:1px solid var(--line)}
  .news-detail-share-inner>span{font-size:8px}
  .news-share-buttons{gap:8px}
  .news-share-button{width:39px;height:39px}
  .news-detail-lede{margin-bottom:28px;padding-bottom:27px;font-size:24px}
  .news-detail-section{padding-bottom:45px}
  .news-detail-section h2{font-size:30px}
  .news-detail-section p{font-size:14px;line-height:1.82}
  .news-detail-article-footer{grid-template-columns:1fr;gap:17px}
  .news-detail-end-share{align-items:flex-start;flex-direction:column;padding:21px 19px}
  .news-detail-end-share .news-share-copy::after{left:52px;right:auto;transform:translate(-4px,-50%)}
  .news-detail-end-share .news-share-copy.copied::after{transform:translate(0,-50%)}
  .news-detail-related-section{padding:66px 0 74px}
  .news-detail-related-section>.container{padding-left:20px;padding-right:20px}
  .news-detail-related-head{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:29px}
  .news-detail-related-grid{grid-template-columns:1fr;gap:20px}
  .news-detail-related-card{grid-template-columns:1fr}
  .news-detail-related-media{min-height:215px}
  .news-detail-related-copy{padding:24px 21px 23px}
  .news-detail-related-copy h3{font-size:26px}
}

@media(prefers-reduced-motion:reduce){
  .reading-progress,.reading-progress span,.news-share-button,.news-share-copy::after,.news-detail-view-all i,.news-detail-related-card,.news-detail-related-media img,.news-detail-related-copy h3 a,.news-detail-read-link i{transition:none}
  .news-share-button:hover,.news-detail-related-card:hover,.news-detail-related-card:hover .news-detail-related-media img{transform:none}
}