.news-main { min-height:75vh; padding-top:96px; background:linear-gradient(160deg,#faf5f6,#fdfdfd 60%); }
.news-content { padding-block:40px 96px; }
.news-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:48px; font-size:12px; color:var(--muted); }
.news-breadcrumb a:hover { color:var(--brand); }
.news-content h1 { font-size:clamp(28px,4vw,46px); line-height:1.6; letter-spacing:-.04em; }
.news-intro { margin-top:20px; font-size:14px; line-height:2; }
.news-list { list-style:none; padding:0; margin:48px 0 40px; border-top:1px solid var(--line); }
.news-list > li { border-bottom:1px solid var(--line); }
.news-list > li > a { display:block; padding:28px 0; }
.news-meta { display:flex; flex-wrap:wrap; align-items:center; gap:16px; font-size:12px; color:var(--muted); }
.news-category { padding:4px 10px; background:#f8e6ea; color:var(--brand); font-size:11px; font-weight:700; }
.news-list h2 { font-size:21px; margin:18px 0 10px; line-height:1.7; }
.news-list p { font-size:14px; line-height:2; }
.news-read { display:flex; justify-content:flex-end; gap:18px; margin-top:20px; color:var(--brand); font-size:12px; font-weight:700; }
.news-list a:hover h2 { color:var(--brand); }
.news-post { max-width:860px; }
.news-post h1 { margin-top:24px; }
.news-post-body { padding-block:36px 44px; margin-bottom:32px; border-bottom:1px solid var(--line); }
.news-post-body p { margin-bottom:24px; font-size:15px; line-height:2.2; }
.news-post-body .button { margin-top:8px; }
.news-page a:focus-visible { outline:2px solid var(--brand); outline-offset:5px; }
@media(max-width:900px) { .news-main { padding-top:80px; } }
@media(max-width:767px) {
 .news-main { padding-top:72px; }
 .news-content { padding-block:24px 64px; }
 .news-breadcrumb { margin-bottom:32px; }
 .news-list { margin-top:32px; }
 .news-list h2 { font-size:18px; }
 .news-post-body p { font-size:14px; }
}