/* news.css — page-specific styles for news/index.html */

/* ===== Hero Background ===== */
.page-hero{
  background-image:
    linear-gradient(180deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.72) 65%, rgba(255,255,255,0.96) 100%),
    url("../../img/hero/news.webp");
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}

.news-list{margin-top:48px;border-top:1px solid var(--c-line)}
.news-row{display:grid;grid-template-columns:140px 120px 1fr 32px;gap:32px;align-items:start;padding:28px 0;border-bottom:1px solid var(--c-line);transition:background .25s var(--ease);text-decoration:none}
.news-row.linked{cursor:pointer}
.news-row.linked:hover{background:#FAFBFD}
.news-row.disabled{cursor:default}
@media(max-width:700px){.news-row{grid-template-columns:1fr;gap:8px;padding:20px 0}}
.news-date{font-family:var(--f-en);font-size:13px;color:var(--c-text-sub);letter-spacing:.04em;line-height:1.6}
.news-date .planned-mark{display:block;font-size:9px;letter-spacing:.18em;margin-top:2px;color:#A7AEC0}
.news-cat{display:inline-block;padding:4px 14px;font-family:var(--f-en);font-size:11px;letter-spacing:.16em;border-radius:999px;text-transform:uppercase;justify-self:start;width:fit-content;font-weight:500}
.news-cat.blog    { background:#E8EFFD; color:#2E6BE6; }
.news-cat.press   { background:#DCE9FF; color:#0A2540; }
.news-cat.news    { background:#F0F2F5; color:#5A6275; }
.news-cat.recruit { background:#E1F5EE; color:#0F6E56; }
.news-cat.media   { background:#FAEEDA; color:#854F0B; }
.news-body{display:flex;flex-direction:column;gap:6px}
.news-title{font-size:15px;color:var(--c-text);line-height:1.7;font-weight:500;margin:0}
.news-summary{font-size:12px;color:var(--c-text-sub);line-height:1.85;margin:0}
.news-row.disabled .news-title{color:var(--c-text)}
.news-arrow{font-family:var(--f-en);font-size:18px;color:var(--c-text-sub);justify-self:end;font-weight:300;align-self:center}
.news-row.linked:hover .news-arrow{color:var(--c-accent)}
.news-row.disabled .news-arrow{visibility:hidden}
.sync-info{margin-top:24px;padding:16px 20px;background:#F7F8FA;border:1px solid var(--c-line);border-radius:8px;font-size:11px;color:var(--c-text-sub);letter-spacing:.04em;line-height:1.7;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.sync-info .label{font-family:var(--f-en);text-transform:uppercase;letter-spacing:.16em}
.sync-info code{font-family:var(--f-en);background:#fff;padding:1px 8px;border-radius:4px;border:1px solid var(--c-line);font-size:11px;color:var(--c-primary)}