nav.links a.current{background:var(--pink-soft);}

.page-head{
  padding:76px 0 42px;
  text-align:center;
}
.page-head .eyebrow{color:var(--pink);}
.page-head h1{
  margin-top:6px;
  font-size:clamp(2rem,5vw,3rem);
}
.page-head p:last-child{
  margin-top:8px;
  color:var(--ink-soft);
}

.filters{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:38px;
}
.filter-btn{
  padding:9px 17px;
  color:var(--ink);
  background:var(--white);
  border:2px solid var(--pink-soft);
  border-radius:999px;
  font-family:'M PLUS Rounded 1c',sans-serif;
  font-weight:700;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.filter-btn:hover{transform:translateY(-2px);}
.filter-btn.active{
  color:#fff;
  background:var(--pink);
  border-color:var(--pink);
}

.news-list{
  max-width:820px;
  margin:0 auto 76px;
  border-top:2px dashed var(--pink-soft);
}
.news-item{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:16px;
  padding:20px 4px;
  border-bottom:2px dashed var(--pink-soft);
}
.news-item time{
  flex-shrink:0;
  width:100px;
  color:var(--ink-soft);
  font-family:'M PLUS Rounded 1c',sans-serif;
  font-size:.82rem;
}
.news-tag{
  flex-shrink:0;
  padding:3px 10px;
  border-radius:999px;
  font-family:'M PLUS Rounded 1c',sans-serif;
  font-size:.72rem;
  font-weight:700;
}
.news-tag[data-category="GOODS"]{background:var(--orange-soft);color:#8B6038;}
.news-tag[data-category="EVENT"]{background:var(--lavender-soft);color:#6D5C83;}
.news-tag[data-category="MEDIA"]{background:var(--blue-soft);color:#476E7D;}
.news-tag[data-category="WORKS"]{background:var(--pink-soft);color:#925B58;}
.news-tag[data-category="INFO"]{background:#EFE8E1;color:#706465;}
.news-tag[data-category="GAME"]{background:var(--blue-soft);color:#476E7D;}
.new-mark{
  padding:2px 8px;
  color:#925B58;
  background:var(--pink-soft);
  border-radius:999px;
  font-family:'M PLUS Rounded 1c',sans-serif;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.06em;
}
.news-title{flex:1;min-width:200px;}
a.news-title:hover{color:var(--pink);}
.external-mark{margin-left:4px;color:var(--pink);font-size:.8em;}
.empty-message{
  padding:44px 16px;
  color:var(--ink-soft);
  text-align:center;
  border-bottom:2px dashed var(--pink-soft);
}

.back-home{margin-bottom:76px;text-align:center;}
.news-page .btn{
  color:inherit;
  background:var(--white);
  border:2px solid var(--lavender);
  font-size:1rem;
  transition:background .2s ease,transform .2s ease;
}
.news-page .btn:hover{
  background:var(--lavender-soft);
  transform:translateY(-2px);
}
.news-page footer{border-top:2px dashed var(--pink-soft);}

@media (max-width:560px){
  .page-head{padding-top:58px;}
  .news-item{gap:8px 12px;}
  .news-item time{width:auto;}
  .news-title{flex-basis:100%;min-width:0;}
}