/* Phase 10 newsroom visual system */
:root{--site-gap:clamp(14px,2vw,24px);--site-glow:0 18px 40px rgba(0,0,0,.18)}
body.route-home .hero,body.route-article .content-wrap,body.route-category .content-wrap,body.route-search .container{animation:siteFadeIn .28s ease both}
@keyframes siteFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.site-shell{min-height:100vh}
.site-surface{background:var(--card);border:1px solid var(--bd);border-radius:var(--r)}
img[loading="lazy"]{content-visibility:auto}
.news-card,.cat-card,.mc,.nc,.sbi,.related-card,.editor-item,.focus-col{will-change:transform}
.article-body img,.entry-content img,.art-content img{max-width:100%;height:auto;border-radius:var(--rs)}
body.route-article .content-wrap{align-items:start}
body.route-article .article-main,body.route-article article{min-width:0}
body.route-search .news-card,body.route-category .cat-card,body.route-home .nc{overflow:hidden}
.site-enhanced-form input:focus,.site-enhanced-form textarea:focus,.site-enhanced-form select:focus{outline:none;border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(197,165,90,.12)}
.nyn-sticky-shadow{box-shadow:0 8px 30px rgba(0,0,0,.18)}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .35s ease,transform .35s ease}.reveal.is-visible{opacity:1;transform:none}
.hp-tab,.mr,.editor-item,.focus-mini,.smart-card a,.qsrv-item{transition:all .24s ease}
.editor-lead,.focus-col,.smart-card,.editors-box,.npulse-card,.npulse-side,.focus-zone,.smart-zone{box-shadow:var(--site-glow)}
.editor-lead:hover,.focus-col:hover,.smart-card:hover{transform:translateY(-3px)}
.art-content h2,.art-content h3{scroll-margin-top:92px}
.toc-list a{display:block;padding:7px 10px;border-radius:10px;color:var(--lt)}
.toc-list a:hover{background:rgba(197,165,90,.08);color:var(--gold)}
body.route-home .hp-sscroll{scrollbar-width:none}
body.route-home .hp-sscroll::-webkit-scrollbar{display:none}
.site-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(197,165,90,.1);font-family:var(--fh);font-size:12px;font-weight:800;color:var(--gold)}
.homepage-studio-hint{display:flex;align-items:center;gap:8px;font-family:var(--fh);font-size:12px;color:var(--mt)}
@media (max-width:768px){.container{padding-inline:14px}body.route-article .content-wrap,body.route-category .content-wrap{gap:18px}.editor-title{font-size:21px!important}.npulse-note{font-size:17px!important}}

/* Phase 12 performance system */
:root{--perf-skeleton:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.07),rgba(255,255,255,.02));}
img{height:auto}
img[data-src],iframe[data-defer-src]{background:rgba(255,255,255,.03)}
.js-lazy-media.is-loaded{animation:siteFadeIn .24s ease both}
.ad-between,.ad-below-article,.ad-in-article{content-visibility:auto;contain-intrinsic-size:280px}
.news-card,.nc,.mc,.sbi,.cat-card,.related-card,.sidebar-box{content-visibility:auto;contain-intrinsic-size:320px}
.news-card-img,.cat-card-img,.mc-i,.sbi-i,.art-hero-img{background:var(--perf-skeleton);background-size:200% 100%;animation:perfShimmer 1.8s linear infinite}
@keyframes perfShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.third-party-ready .ad-between,.third-party-ready .ad-below-article,.third-party-ready .ad-in-article{content-visibility:visible}