.news-section{background:#f4f6f8;color:#10263e;padding:80px 0 68px}
.news-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
.news-heading h2{font-size:36px;line-height:1.2}.news-heading .en{display:block;font-size:16px;color:#57718b;margin-top:8px}
.news-heading p{font-size:15px;color:#526579;margin-top:14px}.news-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
.news-actions button{font:inherit;cursor:pointer;border:1px solid #cad3dc;border-radius:3px;background:#fff;color:#10263e;min-height:40px;padding:7px 12px;font-size:14px}
.news-actions button:hover:not(:disabled){background:#10263e;color:white}.news-actions button:disabled{opacity:.3;cursor:default}
.news-actions[hidden],.news-actions button[hidden]{display:none}
.news-actions button[aria-expanded=true]{background:#10263e;color:#fff}.news-actions .news-arrow{width:40px;padding:0;font-size:22px}
.news-notice{font-size:13px;color:#65768a;margin:0 0 18px}.news-notice:empty{display:none}
.news-track{display:flex;align-items:flex-start;gap:18px;overflow-x:auto;padding:2px 0 20px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b5c1cd #e5eaf0;cursor:grab}
.news-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.news-card{flex:0 0 280px;min-width:0;scroll-snap-align:start;border:1px solid #d9e0e6;background:#fff;box-shadow:0 4px 14px #0e244007}
.news-permalink,.news-server-likes{font-size:12px;color:#53667a}.news-permalink{text-decoration:underline;text-underline-offset:3px}.news-card h3 a:hover{color:#406789}.news-card [hidden]{display:none!important}
.news-cover{height:170px;width:100%;background:#dce4eb;overflow:hidden;position:relative}.news-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;pointer-events:none}
.news-cover-placeholder{height:100%;display:grid;place-items:center;background:#0e2440;color:#a7ef2a;font-family:var(--en);font-size:24px;letter-spacing:.1em}
.news-category{position:absolute;left:12px;top:12px;background:#fff;color:#10263e;font-size:11px;padding:3px 9px}
.news-card-body{padding:18px}.news-meta{font-size:12px;color:#687a8c;display:flex;gap:8px;flex-wrap:wrap}.news-card h3{font-size:20px;line-height:1.4;margin:11px 0 10px;overflow-wrap:anywhere;min-height:56px}
.news-result{font-size:13px;color:#16375c;background:#eff5dd;padding:5px 8px;margin-bottom:12px;overflow-wrap:anywhere}.news-excerpt{font-size:14px;color:#53667a;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:72px}
.news-details{margin-top:12px}.news-details summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:13px;color:#10263e}.news-details summary::-webkit-details-marker{display:none}.news-details summary:after{content:'+'}.news-details[open] summary:after{content:'−'}
.news-full{font-size:14px;color:#53667a;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:14px}.news-gallery{display:grid;gap:8px;margin-top:14px}.news-gallery img{width:100%;height:auto}
.news-card-footer{border-top:1px solid #e6ebef;margin-top:18px;padding-top:12px;display:flex;justify-content:space-between;align-items:center}.news-like{font:inherit;display:flex;gap:7px;align-items:center;background:none;border:0;cursor:pointer;color:#63768a;font-size:13px;padding:4px 0;min-height:32px}.news-like .heart{font-size:21px;line-height:1}.news-like[aria-pressed=true]{color:#b13349}.news-like:disabled{cursor:default}
.news-empty{padding:45px 24px;border:1px dashed #c5cfda;text-align:center;width:100%;color:#61758a}.news-status{font-size:13px;color:#8c3a36;margin-top:12px;min-height:22px}.news-bottom{display:flex;justify-content:space-between;gap:20px;color:#708196;font-size:12px;margin-top:4px}.news-section :focus-visible{outline:2px solid #286c96;outline-offset:4px}
@media(max-width:680px){.news-section{padding:48px 0 40px}.news-heading{align-items:flex-start;flex-direction:column;gap:18px}.news-heading h2{font-size:28px}.news-actions{width:100%;justify-content:flex-end}.news-card{flex-basis:268px}.news-cover{height:158px}.news-bottom{flex-wrap:wrap;gap:10px}.news-heading p{font-size:14px}}
