.news-content{min-width:0;max-width:100%}.news-page-heading{margin-bottom:26px}.news-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--theme-fg-purple,#6e40d9);margin:0 0 9px}.news-page-heading .learning-title{font-size:31px;line-height:1.2;margin:0 0 12px}.news-page-heading .learning-copy{max-width:600px;line-height:1.6}.news-content button{font:inherit;min-height:44px;border:1px solid var(--crp-border-e5e7eb,#ddd6fe);border-radius:12px;padding:10px 17px;color:var(--theme-fg-purple,#6e40d9);background:var(--crp-bg-ffffff,#fff);cursor:pointer;font-weight:700}.news-content :is(button,input,select,a):focus-visible{outline:3px solid #a78bfa;outline-offset:3px}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.news-card{cursor:pointer;display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--crp-border-e5e7eb,#e5e1f1);border-radius:20px;background:var(--crp-bg-ffffff,#fff);color:var(--crp-fg-111827,#111827);text-decoration:none;box-shadow:0 3px 14px #251b3805}.news-card h2{font-size:22px;font-weight:750;line-height:1.55;margin:0 0 12px;overflow-wrap:anywhere}.news-card>p{font-size:15px;line-height:1.9;color:var(--crp-fg-64748b,#64748b);margin:0 0 22px;overflow-wrap:anywhere}.news-empty{grid-column:1/-1;padding:28px;border:1px solid #ddd6fe;border-radius:16px;line-height:1.7}.news-loading{padding:24px}.news-attribution{font-size:12px;line-height:1.9;color:var(--crp-fg-64748b,#64748b);padding:16px 0;border-top:1px solid var(--crp-border-e5e7eb,#e5e7eb);border-bottom:1px solid var(--crp-border-e5e7eb,#e5e7eb);overflow-wrap:anywhere}.news-content :is(.news-attribution,.news-background-heading) a{color:var(--theme-fg-purple,#6e40d9)}.news-reader-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.news-reader-tools #newsAudioStatus{font-size:13px;width:100%}.news-reader-tools #newsAudioStatus:empty{display:none}.news-background-heading{padding:18px 0 10px;margin-top:16px;border-top:1px solid var(--crp-border-e5e7eb,#e5e7eb)}.news-background-heading h2{font-size:20px;line-height:1.6;margin:0 0 8px}.news-background-heading p{font-size:12px;line-height:1.7;color:var(--crp-fg-64748b,#64748b)}.news-content.news-article{max-width:100%}.news-native .news-page-heading{display:none}.news-native .learning-side-rail{display:none!important}@media(max-width:900px){.news-grid{grid-template-columns:minmax(0,1fr)}.news-card{padding:20px}}@media(max-width:520px){.news-card h2{font-size:21px}.news-reader-tools{gap:10px}}
.news-latest-heading{margin:0 0 22px}.news-latest-heading h2{font-size:25px;font-weight:750;line-height:1.45;margin:0 0 4px;color:var(--crp-fg-111827,#111827)}
.news-latest-heading p{font-size:17px;line-height:1.5;margin:0;color:var(--crp-fg-64748b,#64748b)}
.news-card h2{margin:0 0 6px}.news-card .story-reader-word{font:inherit;line-height:inherit}.news-card .news-card-english{text-decoration:none}.news-card .news-card-english:hover{text-decoration:underline}.news-card .news-card-english{font-size:16px;line-height:1.55;margin:0 0 12px;color:var(--crp-fg-64748b,#64748b)}
.news-pro-badge,.news-pro-label{font-size:12px;font-weight:750;color:#7041d7;background:#f0eafe;border-radius:6px;padding:3px 7px}.news-pro-label{display:inline-flex;margin:0 0 12px}:is(.news-grammar-dialog,.news-image-dialog){position:fixed;inset:0;margin:auto;width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #e5dcf3;border-radius:22px;background:#fff;color:#251c36;box-shadow:0 24px 80px #18102938;overflow:hidden;font-family:inherit;box-sizing:border-box}:is(.news-grammar-dialog,.news-image-dialog)[open]{display:flex;flex-direction:column;animation:news-dialog-in .16s ease-out}:is(.news-grammar-dialog,.news-image-dialog)::backdrop{background:rgb(20 15 30 / 52%)}.news-grammar-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:14px;padding:14px 18px 14px 24px;background:#f3f4f6;border-bottom:1px solid #e9e5ef;flex-shrink:0}.news-grammar-header h2{font-size:21px;line-height:1.35;margin:0}.news-grammar-header button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:1px solid #ddd6e7;border-radius:50%;background:#fff;color:#51445f;cursor:pointer}.news-grammar-header svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.news-grammar-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px;line-height:1.75;scrollbar-gutter:stable}.news-grammar-body h3{font-size:20px;line-height:1.5;margin:0 0 12px}.news-grammar-body p{margin:0 0 18px}.news-grammar-note{padding:0 0 20px;margin:0 0 24px;border-bottom:1px solid #e9e5ef}.news-grammar-note:last-child{padding:0;margin:0;border:0}.news-grammar-note blockquote{font-size:19px;line-height:1.8;background:#f8f5fe;border-left:3px solid #b89aef;margin:12px 0;padding:12px 15px;color:#49375f}.news-grammar-body .news-grammar-primary,.news-grammar-body .news-grammar-secondary{display:block;width:100%;min-height:50px;padding:12px 16px;border:1px solid #7041d7;border-radius:12px;background:#7041d7;color:#fff;font:inherit;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;box-sizing:border-box;cursor:pointer}.news-grammar-body .news-grammar-secondary{margin-top:12px;background:#fff;color:#7041d7;border-color:#d9cbf6}:is(.news-grammar-dialog,.news-image-dialog) :is(button,a):focus-visible{outline:3px solid #9371d8;outline-offset:3px}:is(.news-grammar-dialog,.news-image-dialog) :is(button,a),.news-content :is(button,.news-card){transition:transform .16s ease-out,opacity .16s ease-out}:is(.news-grammar-dialog,.news-image-dialog) :is(button,a):active,.news-content :is(button,.news-card):active{transform:scale(.985);opacity:.9}@media(hover:hover){:is(.news-grammar-dialog,.news-image-dialog) :is(button,a):hover,.news-content :is(button,.news-card):hover{transform:translateY(-2px)}}@keyframes news-dialog-in{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){:is(.news-grammar-dialog,.news-image-dialog)[open]{animation:none}:is(.news-grammar-dialog,.news-image-dialog) :is(button,a),.news-content :is(button,.news-card){transition:none;transform:none!important}}

/* The native shell already provides the page surface and fixed banners. */
.news-native, .news-native body { background: #f7f7fc !important; }
.news-native .learning-page-main { padding: 20px !important; min-height: 0; }
.news-native .learning-page-content { border: 0; border-radius: 0; padding: 0; background: transparent; box-shadow: none; animation: none; }


/* A shared top-right thumbnail on the website and in the native News reader. */
.news-card-illustrated{display:grid;grid-template-columns:minmax(0,1fr) 120px;column-gap:18px;align-content:start}
.news-card-illustrated>h2,.news-card-illustrated>.news-card-english,.news-card-illustrated>.news-hsk{grid-column:1;min-width:0}
.news-card-illustrated>.news-hsk{justify-self:start}
.news-card-image{position:relative;width:120px;height:96px;margin:0;flex-shrink:0;align-self:start}
.news-card-illustrated>.news-card-image{grid-column:2;grid-row:1/4}
.news-card-image>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px;background:#f3f4f6}
.news-content .news-card-image>.news-image-credit{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:#334155}
.news-image-credit svg{display:block;width:24px;height:24px;fill:white;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.news-image-credit .news-image-info-dot{fill:currentColor;stroke:none}
.news-article .story-reader-title-copy{display:flow-root}
.news-article .story-reader-title-copy>.news-card-image{float:right;margin:0 0 12px 18px}
.news-image-dialog .news-grammar-body{overflow-wrap:anywhere}
.news-image-dialog .news-grammar-body a{color:#6d28d9}
@media(max-width:600px){.news-card-illustrated{grid-template-columns:minmax(0,1fr) 88px;column-gap:14px}.news-card-image{width:88px;height:88px}.news-article .story-reader-title-copy>.news-card-image{margin-left:14px}}
@media(min-width:901px) and (max-width:1200px){.news-card-illustrated{grid-template-columns:minmax(0,1fr) 96px;column-gap:14px}.news-card-illustrated>.news-card-image{width:96px;height:96px}}

.news-card-image>img.news-image-contain{object-fit:contain;padding:6px;box-sizing:border-box}

.news-native .news-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}

.news-latest-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.news-latest-heading>div{min-width:0}.news-latest-heading time{max-width:48%;font-size:11px;line-height:1.55;text-align:right;color:var(--crp-fg-64748b,#64748b);font-weight:400}

/* Give the web edition the width and hierarchy of a newspaper front page. */
body[data-learning-page="news"] .learning-page-main {
    grid-template-columns: minmax(0, 1fr);
    max-width: none;
}
body[data-learning-page="news"] .learning-page-main>:is(.learning-nav-column,.learning-side-rail) { display: none; }
html:not(.news-native) .news-content.news-article { width: 100%; margin-inline: auto; box-sizing: border-box; }
html:not(.news-native) .news-content:not(.news-article) {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: var(--theme-surface, #fff);
    box-shadow: none;
}
html:not(.news-native) .news-page-heading {
    margin: 0 0 22px;
    padding: 26px 28px;
    background: #ede5fb;
    border-bottom: 4px solid #b69ae5;
}
html:not(.news-native) .news-page-heading .news-eyebrow { color: #62428f; }
html:not(.news-native) .news-page-heading .learning-title {
    margin: 0;
    font-size: clamp(32px, 3vw, 44px);
    font-weight: 800;
    letter-spacing: .08em;
    color: #452376;
}
html[data-theme="dark"]:not(.news-native) .news-page-heading { background: #302042; border-color: #8e6cb8; }
html[data-theme="dark"]:not(.news-native) .news-page-heading :is(.news-eyebrow,.learning-title) { color: #e9ddff; }
html:not(.news-native) .news-latest-heading {
    padding-bottom: 16px;
    margin-bottom: 22px;
    border-bottom: 2px solid var(--theme-border, #cbd5e1);
}
.news-feed .news-top-stories { display: grid; grid-template-columns: 1.1fr 1fr; gap: 24px; align-items: start; }
.news-supporting-stories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 20px; }
.news-top-stories>.news-card:only-child { grid-column: 1 / -1; max-width: 760px; }
.news-feed .news-card {
    padding: 0 0 20px;
    border: 0;
    border-bottom: 1px solid var(--theme-border, #cbd5e1);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.news-feed .news-card h2 { font-size: 21px; line-height: 1.5; font-weight: 750; margin-bottom: 6px; }
.news-feed .news-card .news-card-english { font-size: 14px; line-height: 1.55; margin-bottom: 12px; }
.news-feed .news-card-image>img { border-radius: 3px; }
.news-feed :is(.news-card-lead,.news-card-supporting) { display: flex; flex-direction: column; }
.news-feed :is(.news-card-lead,.news-card-supporting)>.news-card-image {
    order: -1;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    margin-bottom: 14px;
}
.news-feed :is(.news-card-lead,.news-card-supporting)>.news-card-image>img { position: absolute; inset: 0; }
.news-feed .news-card-lead h2 { font-size: clamp(26px, 2.6vw, 36px); line-height: 1.4; }
.news-feed .news-card-lead .news-card-english { font-size: 17px; line-height: 1.6; }
.news-feed .news-card-supporting h2 { font-size: 18px; }
.news-feed .news-card-supporting .news-card-english { font-size: 13px; }
.news-feed .news-more-stories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px clamp(32px, 5vw, 80px);
    margin-top: 30px;
    padding-top: 24px;
    border-top: 2px solid var(--theme-border, #cbd5e1);
}
@media (max-width: 900px) {
    .news-feed .news-top-stories { grid-template-columns: minmax(0, 1fr); }
    .news-supporting-stories { gap: 22px; }
    .news-feed .news-card-lead h2 { font-size: 30px; }
}
@media (min-width: 901px) and (max-width: 1280px) {
    .news-feed .news-top-stories { grid-template-columns: 1fr 1fr; gap: 20px; }
    .news-supporting-stories { gap: 20px 16px; }
    .news-feed .news-card-supporting h2 { font-size: 16px; }
}
@media (max-width: 600px) {
    html:not(.news-native) .news-page-heading { padding: 22px 20px; }
    .news-feed .news-more-stories { gap: 20px 24px; }
    .news-feed .news-more-stories .news-card-illustrated { display: flex; flex-direction: column; }
    .news-feed .news-more-stories .news-card-image { order: -1; width: 100%; height: auto; aspect-ratio: 16 / 9; margin-bottom: 12px; }
    .news-feed .news-more-stories .news-card-image>img { position: absolute; inset: 0; }
    .news-feed .news-card h2 { font-size: 18px; }
    .news-feed .news-card-lead h2 { font-size: 26px; }
    .news-feed .news-card .news-card-english { font-size: 13px; }
    .news-latest-heading { align-items: flex-start; flex-wrap: wrap; gap: 8px; }
    .news-latest-heading time { max-width: 100%; text-align: left; }
}
@media (max-width: 359px) {
    .news-supporting-stories,.news-feed .news-more-stories { grid-template-columns: minmax(0, 1fr); }
}

.news-related{width:100%;margin-top:40px;clear:both}
.news-related-heading{margin-bottom:26px}
#newsRelatedTitle{font-size:24px;line-height:1.4;color:var(--theme-fg-purple,var(--purple-dark,#6d28d9))}
#newsRelatedTitle>[lang="zh-Hans"]{letter-spacing:normal}
@media(max-width:520px){#newsRelatedTitle{font-size:22px}}
.news-related-level{margin:0 0 30px}
.news-related-label{display:inline-block;margin:0 0 16px;padding:6px 16px;border:1px solid #ddd6fe;border-radius:999px;color:#6d28d9;background:#faf5ff;font-size:16px;font-weight:600}
.news-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
.news-related .news-card h4{grid-column:1;min-width:0;font-size:22px;font-weight:750;line-height:1.55;margin:0 0 6px;overflow-wrap:anywhere}
.news-related .news-card-english{margin-bottom:12px}
.news-article .story-reader-page,.news-article #storyReaderLines{max-width:none;width:100%;box-sizing:border-box}
.news-article #storyReaderLines .story-line {
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    font-weight:400;
}
.news-article #storyReaderLines .story-line + .story-line { margin-top:1em; }

/* Match the existing practice speaker and extension explanation controls. */
.news-reader-tools .news-listen-button {
    display:grid;place-items:center;flex:0 0 52px;
    width:52px;height:52px;min-width:52px;padding:0;
    border:1px solid var(--crp-border-c4b5fd,#c4b5fd);border-radius:13px;
    background:var(--crp-bg-f5f3ff,#f5f3ff);color:#6d28d9;box-shadow:none;
    position:relative;overflow:hidden;
}
.news-listen-button svg{display:block;width:28px;height:28px;position:relative;z-index:3}
.news-reader-tools .news-explain-button {
    display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    min-height:52px;padding:8px 20px;border:1px solid #6d28d9;border-radius:8px;
    background:linear-gradient(135deg,#6d28d9,#a855f7);color:#fff;
    font-weight:900;line-height:1.12;position:relative;overflow:hidden;
}
.news-explain-button .news-explain-main{font-size:16px}
.news-explain-button .news-explain-plan{font-size:10px;font-weight:800;line-height:1.1;opacity:.86}
.news-explain-button.is-explaining{cursor:progress}
@media(hover:hover){.news-reader-tools .news-explain-button:hover{box-shadow:0 8px 18px rgba(88,28,135,.18)}}