/* The decorative margin artwork is not requested on phones and tablets. */
@media(min-width:1440px){
 body{isolation:isolate}
 body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("/assets/ambient/quiet-network-v55.webp");background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.58;--ambient-edge:max(24px,calc((100vw - 1440px)/2 - 24px));mask-image:linear-gradient(to right,#000 0,rgba(0,0,0,.75) calc(var(--ambient-edge)*.65),transparent var(--ambient-edge),transparent calc(100% - var(--ambient-edge)),rgba(0,0,0,.75) calc(100% - var(--ambient-edge)*.65),#000 100%)}
}
[data-word-wrap-v55]{word-break:normal!important;overflow-wrap:normal!important;text-wrap:pretty;line-break:strict}
.title-word-v55{display:inline-block;white-space:nowrap;max-width:100%;word-break:normal;overflow-wrap:normal}
.title-word-v55[data-long-word]{display:inline;white-space:normal;overflow-wrap:anywhere}
.rail-nextsteps-v55{margin-top:24px;padding:22px;border:1px solid #d9e1dc;border-radius:6px;background:#fff}
.rail-nextsteps-v55 h2{font-size:20px;line-height:1.5;margin:0 0 16px;font-weight:500}
.rail-nextsteps-v55 .eyebrow{margin:0 0 8px;font-size:10px;color:#66796d}
.rail-nextsteps-v55>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid #e0e6e2;min-height:64px;color:#1e537c}
.rail-nextsteps-v55 strong{display:block;font-weight:500;font-size:15px;line-height:1.5}
.rail-nextsteps-v55 small{display:block;margin-top:5px;font-size:12px;line-height:1.65;color:#66736d}
.rail-nextsteps-v55 b{font-size:18px;font-weight:400}
.rail-nextsteps-v55>a:hover strong{text-decoration:underline;text-underline-offset:3px}
@media(min-width:901px){.reading-rail-sticky:has(.rail-nextsteps-v55) .reading-tabpanel{max-height:min(330px,max(160px,calc(100dvh - 550px)));min-height:140px}}
@media(max-width:700px){.rail-nextsteps-v55{padding:18px;margin-top:20px}.rail-nextsteps-v55>a{min-height:70px}}
@media print{body::before{display:none}.rail-nextsteps-v55{display:none}}

/* Source-date order is the visual order: no dense flow, forced rows or CSS order. */
@media(min-width:1051px){
 [data-news-feed] .news-grid,.continue-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:20px;align-items:start}
 [data-news-feed] .news-grid .news-card-wide,.continue-grid .news-card-wide{grid-column:span 2;grid-row:auto;background:#f8faf7;border-color:#b3c5b8}
 /* Keep large covers panoramic so a single picture does not stretch the entire row. */
 [data-news-feed] .news-grid .news-card-wide .publisher-art,.continue-grid .news-card-wide .continue-picture{aspect-ratio:2.35/1;max-height:330px}
 [data-news-feed] .news-grid .news-card-wide .publisher-art img,.continue-grid .news-card-wide .continue-picture img{object-fit:cover;object-position:center 25%}
 [data-news-feed] .news-grid .news-card-wide .image-wordmark,.continue-grid .news-card-wide .image-wordmark{height:5.625cqw}
 [data-news-feed] .news-grid .news-card-wide .news-title{margin:10px 22px 14px}
 [data-news-feed] .news-grid .news-card-wide .news-title h3{font-size:clamp(25px,1.8vw,31px);line-height:1.45;font-weight:500}
 [data-news-feed] .news-grid .news-card-wide>.item-meta{padding-inline:22px}
 [data-news-feed] .news-grid .news-card-wide>p{font-size:15px;line-height:1.85;margin-inline:22px;margin-bottom:20px}
 [data-news-feed] .news-grid .news-card-wide .card-source{margin-inline:22px;font-size:11px;padding-block:13px}
 [data-news-feed] .news-grid .news-card-wide .media-credit{padding-inline:22px}
 .continue-grid .continue-card h3{font-size:19px}.continue-grid .continue-card p{font-size:13px;line-height:1.8}
 .continue-grid .continue-card .continue-copy{padding:12px 14px 15px}
 .continue-grid .continue-card .continue-source{font-size:10px;gap:8px}
 .continue-grid .news-card-wide h3{font-size:clamp(25px,1.8vw,31px);line-height:1.45}
 .continue-grid .news-card-wide p{font-size:15px;line-height:1.85}
 .continue-grid .news-card-wide .continue-copy{padding:16px 22px 20px}
 .continue-grid .news-card-wide .continue-source{font-size:11px;padding-top:13px}
 .continue-grid .news-card-wide figcaption{padding-inline:22px}
 [data-news-feed] .news-grid .news-card-major,.continue-grid .news-card-major{grid-column:span 3;background:#fff}
 [data-news-feed] .news-grid .news-card-major .publisher-art,.continue-grid .news-card-major .continue-picture{aspect-ratio:2.8/1;max-height:350px}
 [data-news-feed] .news-grid .news-card-major .news-title h3,.continue-grid .news-card-major h3{font-size:clamp(27px,2.2vw,36px);line-height:1.4}
 [data-news-feed] .news-grid .news-card,.continue-grid .continue-card{height:auto;min-height:0;align-self:start}
 [data-news-feed] .news-grid .card-source,.continue-grid .continue-source{margin-top:8px}
}
@media(min-width:701px) and (max-width:1050px){[data-news-feed] .news-grid,.continue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:700px){.continue-grid{grid-template-columns:1fr}.news-card-wide{grid-column:auto;grid-row:auto}}

.language-options a{display:block;padding:10px 14px;min-height:44px;line-height:1.5;text-decoration:none;color:#174b83}.language-options a[aria-current]{background:#edf3f0;color:#173e32;font-weight:600}.language-options a:hover,.language-options a:focus-visible{background:#eef4fa;text-decoration:underline}.locale-note{max-width:78ch;margin:20px auto;padding:0 20px;color:#56625c;font-size:14px;line-height:1.65}.translation-pending{font-size:13px;color:#5b635e;margin-block:8px}.translation-pending[hidden]{display:none}html[lang="en"] .nav-row nav{gap:16px}html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{overflow-wrap:break-word}html[lang="en"] .bento-title{line-height:1.2}html[lang="en"] .daily-quick-title{line-height:1.4}html[lang="en"] .category-tabs{flex-wrap:wrap}html[lang="en"] .masthead-bottom{gap:20px}html[lang="en"] .utility{font-size:12px}@media(max-width:1100px){html[lang="en"] .nav-row nav{font-size:14px;gap:12px}}@media(max-width:700px){html[lang="en"] .utility-credits{font-size:11px}html[lang="en"] .brand-tagline{font-size:13px}html[lang="en"] .latest-daily-strip{flex-wrap:wrap}html[lang="en"] .latest-daily-copy{flex-wrap:wrap}html[lang="en"] .daily-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.language-picker{position:relative}html[lang="en"] #main-nav .explore-home:before{content:'Home'}html[lang="zh-Hans"] #main-nav .explore-home:before{content:'首页'}
/* Phone news covers remain readable at the full card width. */
@media(max-width:700px){
 [data-news-feed] .news-grid .news-card,#latest[data-default-view="all"] .news-card[data-home-featured]{display:flex;flex-direction:column;padding:0;gap:0}
 [data-news-feed] .news-grid .publisher-media{width:100%;margin:0 0 12px;align-self:stretch}
 [data-news-feed] .news-grid .publisher-art{aspect-ratio:16/9}
 [data-news-feed] .news-grid .media-credit{padding:7px 14px 0;font-size:10px;line-height:1.6}
 [data-news-feed] .news-grid .item-meta{padding:0 14px;gap:4px 8px}
 [data-news-feed] .news-grid .news-title{margin:8px 14px 10px}
 [data-news-feed] .news-grid .news-card>p{margin:0 14px 14px;font-size:14px;line-height:1.75}
 [data-news-feed] .news-grid .card-source{margin:0 14px;padding:10px 0 12px}
 #latest[data-default-view="all"] .news-card[data-home-lead]{display:none}
}
/* Localised text needs its own glyph coverage and flexible intrinsic widths. */
html[lang="zh-Hans"] body,html[lang="zh-Hans"] :is(h1,h2,h3,p,button,input,select,textarea){font-family:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC','Noto Sans SC','Heiti SC',Arial,sans-serif}
html[lang="en"] body,html[lang="en"] :is(h1,h2,h3,p,button,input,select,textarea){font-family:Arial,Helvetica,system-ui,sans-serif}
html:is([lang="en"],[lang="zh-Hans"]) .brand-tagline{letter-spacing:0;white-space:normal}
html:is([lang="en"],[lang="zh-Hans"]) :is(.news-grid,.continue-grid,.news-card,.continue-card,.news-title,.daily-reading-content,.daily-story,.bento-copy){min-width:0;max-width:100%}
html:is([lang="en"],[lang="zh-Hans"]) :is(.news-card,.continue-card,.daily-story) :is(p,h2,h3,a,li){overflow-wrap:anywhere;min-width:0}
html[lang="en"] #news-filters .topic-group .topic-name{white-space:normal;overflow-wrap:normal;min-width:0;line-height:1.45;letter-spacing:0}
html[lang="en"] #news-filters .topic-number{flex-shrink:0}
html[lang="en"] #news-filters .topic-group .topic-cue{display:none}
@media(max-width:700px){
 html:is([lang="en"],[lang="zh-Hans"]) [data-news-feed] .news-grid,html:is([lang="en"],[lang="zh-Hans"]) .continue-grid{grid-template-columns:minmax(0,1fr)}
 html[lang="en"] .home-reading-links{display:flex;flex-wrap:wrap;gap:4px 12px;overflow:visible;white-space:normal;min-width:0}
 html[lang="en"] .home-reading-links a{white-space:normal;min-width:0;max-width:100%;padding:8px 0;font-size:14px;line-height:1.4}
 html[lang="en"] .home-intro-heading{align-items:flex-start;gap:8px;flex-wrap:wrap}
 html[lang="en"] .home-intro-heading h1{font-size:17px;line-height:1.45}
 html[lang="en"] .topic-groups{column-gap:18px}
 html[lang="en"] #news-filters .topic-group{align-items:flex-start;min-height:65px;gap:7px}
 html[lang="en"] #news-filters .topic-name{font-size:14px}
 html[lang="en"] #news-filters .topic-number{margin-top:3px}
 html[lang="en"] .latest-daily-strip,html[lang="en"] .latest-daily-copy{min-width:0;gap:8px}
 html[lang="en"] .latest-daily-strip h2{font-size:17px;line-height:1.4;overflow-wrap:anywhere}
 html[lang="en"] .daily-story-top{flex-wrap:wrap}
}

/* Source-date order is the visual order: no dense flow, forced rows or CSS order. */
@media(min-width:1051px){
 [data-news-feed] .news-grid,.continue-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:20px;align-items:start}
 [data-news-feed] .news-grid .news-card-wide,.continue-grid .news-card-wide{grid-column:span 2;grid-row:auto;background:#f8faf7;border-color:#b3c5b8}
 /* Keep large covers panoramic so a single picture does not stretch the entire row. */
 [data-news-feed] .news-grid .news-card-wide .publisher-art,.continue-grid .news-card-wide .continue-picture{aspect-ratio:2.35/1;max-height:330px}
 [data-news-feed] .news-grid .news-card-wide .publisher-art img,.continue-grid .news-card-wide .continue-picture img{object-fit:cover;object-position:center 25%}
 [data-news-feed] .news-grid .news-card-wide .image-wordmark,.continue-grid .news-card-wide .image-wordmark{height:5.625cqw}
 [data-news-feed] .news-grid .news-card-wide .news-title{margin:10px 22px 14px}
 [data-news-feed] .news-grid .news-card-wide .news-title h3{font-size:clamp(25px,1.8vw,31px);line-height:1.45;font-weight:500}
 [data-news-feed] .news-grid .news-card-wide>.item-meta{padding-inline:22px}
 [data-news-feed] .news-grid .news-card-wide>p{font-size:15px;line-height:1.85;margin-inline:22px;margin-bottom:20px}
 [data-news-feed] .news-grid .news-card-wide .card-source{margin-inline:22px;font-size:11px;padding-block:13px}
 [data-news-feed] .news-grid .news-card-wide .media-credit{padding-inline:22px}
 .continue-grid .continue-card h3{font-size:19px}.continue-grid .continue-card p{font-size:13px;line-height:1.8}
 .continue-grid .continue-card .continue-copy{padding:12px 14px 15px}
 .continue-grid .continue-card .continue-source{font-size:10px;gap:8px}
 .continue-grid .news-card-wide h3{font-size:clamp(25px,1.8vw,31px);line-height:1.45}
 .continue-grid .news-card-wide p{font-size:15px;line-height:1.85}
 .continue-grid .news-card-wide .continue-copy{padding:16px 22px 20px}
 .continue-grid .news-card-wide .continue-source{font-size:11px;padding-top:13px}
 .continue-grid .news-card-wide figcaption{padding-inline:22px}
 [data-news-feed] .news-grid .news-card-major,.continue-grid .news-card-major{grid-column:span 3;background:#fff}
 [data-news-feed] .news-grid .news-card-major .publisher-art,.continue-grid .news-card-major .continue-picture{aspect-ratio:2.8/1;max-height:350px}
 [data-news-feed] .news-grid .news-card-major .news-title h3,.continue-grid .news-card-major h3{font-size:clamp(27px,2.2vw,36px);line-height:1.4}
 [data-news-feed] .news-grid .news-card,.continue-grid .continue-card{height:auto;min-height:0;align-self:start}
 [data-news-feed] .news-grid .card-source,.continue-grid .continue-source{margin-top:8px}
}
@media(min-width:701px) and (max-width:1050px){[data-news-feed] .news-grid,.continue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:700px){.continue-grid{grid-template-columns:1fr}.news-card-wide{grid-column:auto;grid-row:auto}}

