.news-page { background:#f4f6f8; color:#17334e; }
.news-main { width:min(100% - 48px,1040px); margin:0 auto; padding:30px 0 72px; }
.news-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:30px; color:#65788a; font-size:13px; }
.news-breadcrumb a { color:#294c6b; }
.news-article { overflow:hidden; background:#fff; border:1px solid #e0e6ec; border-radius:8px; }
.news-heading { padding:48px 64px 36px; }
.news-meta { display:flex; align-items:center; gap:18px; color:#586f83; font-size:14px; }
.news-meta span { padding:4px 12px; background:#eaf0f5; color:#234563; border-radius:3px; }
.news-heading h1 { margin:24px 0 0; font-size:clamp(25px,3vw,36px); line-height:1.6; letter-spacing:.035em; overflow-wrap:anywhere; }
.news-photo { margin:0 32px; overflow:hidden; border-radius:4px; }
.news-photo img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; object-position:center 48%; }
.news-body { max-width:840px; margin:0 auto; padding:42px 42px 50px; font-size:17px; line-height:2.05; color:#344e64; }
.news-body p { margin:0 0 25px; }
.news-body p:last-child { margin-bottom:0; }
.news-back { display:block; width:fit-content; margin:32px auto 0; padding:15px 24px; border:1px solid #9aaebd; border-radius:4px; font-size:15px; color:#1e405e; background:#fff; text-align:center; }
.news-back:hover,.news-back:focus-visible { background:#e8eff5; }
@media(max-width:768px) { .news-heading { padding:32px; } .news-photo { margin:0 20px; } .news-body { padding:30px 32px 36px; } }
@media(max-width:480px) { .news-main { width:calc(100% - 28px); padding:20px 0 45px; } .news-breadcrumb { margin-bottom:20px; font-size:12px; } .news-heading { padding:26px 22px; } .news-heading h1 { font-size:25px; margin-top:18px; } .news-meta { font-size:13px; gap:12px; } .news-photo { margin:0; border-radius:0; } .news-photo img { aspect-ratio:4/3; } .news-body { padding:27px 22px 32px; font-size:16px; line-height:1.95; } .news-back { font-size:14px; padding:14px 16px; } }