/* JOC News & Insights — Editorial v2 */
.editorial-shell{border-top:1px solid var(--line)}
.editorial-nav{height:74px}
.editorial-nav .edition-name{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);transition:color .2s}
.editorial-nav .edition-name:hover{color:var(--gold)}
.editorial-nav .navlinks{margin-left:auto}
.editorial-masthead{padding:clamp(64px,8vw,112px) 0 38px;border-bottom:1px solid var(--line)}
.editorial-masthead-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;color:var(--muted);font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.editorial-title{margin:clamp(40px,7vw,88px) 0 24px;font-size:clamp(66px,12.5vw,178px);font-weight:400;letter-spacing:-.072em;line-height:.76;max-width:1180px}
.editorial-tagline{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-top:30px;border-top:1px solid var(--line)}
.editorial-tagline strong{font-size:clamp(24px,3.4vw,46px);font-weight:400;letter-spacing:-.045em}
.editorial-lens{font-size:12px;color:var(--muted);letter-spacing:.045em;text-align:right}
.editorial-feature{padding:clamp(62px,8vw,110px) 0;border-bottom:1px solid var(--line)}
.editorial-feature-grid{display:grid;grid-template-columns:90px minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(24px,4vw,64px);align-items:start}
.editorial-number{font-size:11px;letter-spacing:.16em;color:var(--gold);padding-top:9px}
.editorial-type{font-size:11px;letter-spacing:.15em;color:var(--gold);text-transform:uppercase;margin-bottom:24px}
.editorial-feature h2{font-size:clamp(48px,7vw,100px);font-weight:400;letter-spacing:-.06em;line-height:.9;margin:0;max-width:850px}
.editorial-feature .feature-dek{font-size:clamp(18px,2vw,26px);line-height:1.45;color:var(--soft);margin:28px 0 0;max-width:720px}
.editorial-side{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:13px;line-height:1.65}
.editorial-side p{margin:0 0 26px}
.editorial-link{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:5px}
.editorial-link:hover{color:var(--gold);border-color:var(--gold)}
.editorial-visual{display:grid;grid-template-columns:90px minmax(0,.8fr) minmax(320px,1.2fr);gap:clamp(24px,4vw,64px);align-items:start}
.editorial-visual-copy h2{font-size:clamp(42px,6vw,82px);font-weight:400;letter-spacing:-.055em;line-height:.93;margin:0 0 26px}
.editorial-visual-copy p{font-size:18px;color:var(--soft);line-height:1.6;max-width:520px}
.editorial-visual-image{margin:0;overflow:hidden;max-height:680px;background:var(--panel)}
.editorial-visual-image img{display:block;width:100%;height:100%;max-height:680px;object-fit:cover;object-position:center 42%}
.editorial-index{padding:54px 0 80px}
.editorial-index-row{display:grid;grid-template-columns:90px 1fr auto;gap:clamp(24px,4vw,64px);align-items:baseline;padding:22px 0;border-top:1px solid var(--line)}
.editorial-index-row:last-child{border-bottom:1px solid var(--line)}
.editorial-index-row h3{font-size:clamp(22px,2.5vw,34px);font-weight:400;letter-spacing:-.035em;margin:0}
.editorial-index-row span{font-size:12px;color:var(--muted)}
.editorial-index-note{margin-top:22px;color:var(--muted);font-size:12px}
.article-hero{padding:clamp(70px,9vw,120px) 0 48px;border-bottom:1px solid var(--line)}
.article-overline{display:grid;grid-template-columns:90px 1fr auto;gap:clamp(24px,4vw,64px);align-items:center;margin-bottom:clamp(56px,8vw,100px);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.article-overline .article-type{color:var(--gold)}
.article-title{font-size:clamp(54px,9.5vw,136px);font-weight:400;letter-spacing:-.068em;line-height:.84;max-width:1160px;margin:0}
.article-dek{font-size:clamp(20px,2.4vw,30px);line-height:1.42;letter-spacing:-.025em;max-width:800px;margin:38px 0 0;color:var(--soft)}
.article-meta{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-top:54px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.article-langs{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.article-langs a{color:var(--muted)}
.article-langs a:hover,.article-langs a[aria-current="page"]{color:var(--gold)}
.article-grid{display:grid;grid-template-columns:90px minmax(0,720px) minmax(280px,430px);gap:clamp(24px,4vw,64px);padding:clamp(70px,8vw,110px) 0 120px;align-items:start}
.article-index{font-size:11px;letter-spacing:.16em;color:var(--gold);position:sticky;top:32px}
.article-copy{font-size:18px;line-height:1.82}
.article-copy>p{margin:0 0 30px}
.article-copy .article-opening{font-size:clamp(28px,3.4vw,44px);line-height:1.28;letter-spacing:-.035em;color:var(--ink);margin-bottom:54px}
.article-copy h2{font-size:clamp(34px,4.5vw,58px);font-weight:400;letter-spacing:-.05em;line-height:1.02;margin:82px 0 24px}
.article-copy h2::before{content:attr(data-n);display:block;font-size:10px;letter-spacing:.16em;color:var(--gold);margin-bottom:20px}
.article-copy .pullquote{font-size:clamp(28px,3.7vw,48px);line-height:1.18;letter-spacing:-.04em;color:var(--ink);padding:58px 0 0;margin:68px 0 0;border-top:1px solid var(--line)}
.article-aside{position:sticky;top:32px}
.article-aside figure{margin:0;background:var(--panel)}
.article-aside img{display:block;width:100%;height:auto}
.article-aside-note{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;line-height:1.65;color:var(--muted)}
.article-note{margin-top:72px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.7}
.article-back{display:inline-block;margin-top:32px;color:var(--gold);font-size:12px;letter-spacing:.05em}
html[dir="rtl"] .article-title,html[dir="rtl"] .article-dek,html[dir="rtl"] .article-copy{text-align:right}
html[dir="rtl"] .article-langs{direction:ltr}
html[dir="rtl"] .article-overline,html[dir="rtl"] .article-meta{direction:ltr}
@media(max-width:900px){
 .editorial-feature-grid,.editorial-visual{grid-template-columns:58px 1fr}.editorial-side,.editorial-visual-image{grid-column:2}.editorial-index-row{grid-template-columns:58px 1fr}.editorial-index-row>span:last-child{grid-column:2}.article-grid{grid-template-columns:58px 1fr}.article-aside{grid-column:2;position:static;max-width:520px}.article-overline{grid-template-columns:58px 1fr}.article-overline>span:last-child{grid-column:2}.article-meta{align-items:flex-start;flex-direction:column}.article-langs{justify-content:flex-start}
}
@media(max-width:600px){
 .editorial-nav{height:68px}.editorial-nav .edition-name{display:none}.editorial-masthead{padding-top:46px}.editorial-masthead-top{font-size:9px}.editorial-title{font-size:clamp(58px,20vw,92px);line-height:.8}.editorial-tagline{display:block}.editorial-lens{text-align:left;margin-top:20px;line-height:1.8}.editorial-feature-grid,.editorial-visual,.editorial-index-row,.article-grid,.article-overline{grid-template-columns:1fr}.editorial-number,.article-index{position:static}.editorial-side,.editorial-visual-image,.editorial-index-row>span:last-child,.article-aside,.article-overline>span:last-child{grid-column:1}.article-title{font-size:clamp(48px,15vw,78px)}.article-hero{padding-top:54px}.article-overline{margin-bottom:46px}.article-grid{padding-top:58px}.article-copy{font-size:17px}.article-copy h2{margin-top:64px}
}

.publication-langs{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end;margin-top:24px;font-size:11px;letter-spacing:.04em}.publication-langs a{color:var(--muted)}.publication-langs a:hover,.publication-langs a[aria-current="page"]{color:var(--gold)}.member-cta{border-top:1px solid var(--line);padding:52px 0 68px}.member-cta-inner{display:grid;grid-template-columns:90px minmax(0,720px) auto;gap:clamp(24px,4vw,64px);align-items:baseline}.member-cta p{margin:0;color:var(--soft);font-size:16px;line-height:1.65}.member-cta .editorial-type{margin:0}.member-cta-article{margin-top:54px;padding:30px 0 0;border-top:1px solid var(--line)}.member-cta-article p{margin:0 0 18px;font-size:15px}.member-cta-article .editorial-type{margin-bottom:12px}html[dir="rtl"] .publication-langs{direction:ltr;justify-content:flex-start}html[dir="rtl"] .member-cta-inner{text-align:right}@media(max-width:900px){.member-cta-inner{grid-template-columns:58px 1fr}.member-cta-inner>a{grid-column:2}}@media(max-width:600px){.publication-langs{justify-content:flex-start}.member-cta-inner{grid-template-columns:1fr}.member-cta-inner>a{grid-column:1}}

body img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
