/* Server-rendered News, scoped to the existing News section. */
.soro-blog-card { text-decoration: none; }
#soro-blog.sg-soro-expanded .soro-blog-card { display: flex !important; }
.sg-news-article { padding: 52px 0 80px; background: #fff; }
.sg-news-article > .sg-container { width: min(960px, calc(100% - 40px)); max-width: 960px; margin-inline: auto; }
.sg-news-breadcrumb { color: #516277; font-size: .9rem; margin-bottom: 26px; }
.sg-news-breadcrumb a { color: #075c73; }
.sg-news-article-head h1 { font-family: Outfit, Inter, sans-serif; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.12; letter-spacing: -.025em; color: #07182f; margin: 12px 0 18px; }
.sg-news-intro { font-size: 1.13rem; line-height: 1.6; color: #516277; }
.sg-news-article-head time { display: block; color: #516277; font-size: .9rem; margin: 18px 0 28px; }
.sg-news-article-image { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: 20px; margin: 0 0 34px; }
.sg-news-article-content { font-size: 1.04rem; line-height: 1.8; color: #23364c; overflow-wrap: anywhere; }
.sg-news-article-content h2 { font-family: Outfit, Inter, sans-serif; color: #07182f; font-size: 1.8rem; line-height: 1.22; margin-top: 36px; }
.sg-news-article-content h3 { color: #07182f; font-size: 1.4rem; line-height: 1.3; margin-top: 28px; }
.sg-news-article-content a, .sg-news-related a, .sg-news-project > a:not(.sg-btn) { color: #00647c; text-decoration: underline; text-underline-offset: 3px; }
.sg-news-article-content table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.sg-news-article-content th, .sg-news-article-content td { padding: 12px; border: 1px solid #dbe5ee; }
.sg-news-project { padding: 26px; border: 1px solid #dbe5ee; border-radius: 18px; background: #f6f9fb; margin-top: 42px; }
.sg-news-project .sg-btn { margin: 8px 14px 8px 0; }
.sg-news-related { margin-top: 34px; }
.sg-news-related li { margin: 10px 0; }
@media(max-width: 680px) { .sg-news-article { padding-top: 28px; } .sg-news-project { padding: 20px; } }
