/* Walkers staging - news (お知らせ) SWELLネイティブ再現 */

#news-page .wkn-hero{
  padding:80px 20px 44px;text-align:center;
  background:linear-gradient(180deg,#f7f8fa 0%,#ffffff 100%);
}
#news-page .wkn-hero__eyebrow{
  margin:0 0 10px;font-family:"Manrope",sans-serif;font-weight:700;
  letter-spacing:.18em;font-size:14px;color:#E98212;
}
#news-page .wkn-hero__title{
  margin:0;font-weight:900;font-size:clamp(28px,4vw,40px);color:#2B323B;
  position:relative;display:inline-block;padding-bottom:18px;
}
#news-page .wkn-hero__title::after{
  content:"";position:absolute;left:50%;bottom:0;width:48px;height:4px;
  border-radius:2px;background:#E98212;transform:translateX(-50%);
}

#news-page .wkn-body{padding:8px 20px 100px;}
#news-page .wkn-list{
  max-width:860px;margin:0 auto;list-style:none;padding:0;
  border-top:1px solid #E5E5E5;
}
#news-page .wkn-item{border-bottom:1px solid #E5E5E5;}
#news-page .wkn-link{
  display:flex;align-items:center;gap:24px;
  padding:24px 8px;text-decoration:none;transition:background .15s;
}
#news-page .wkn-link:hover{background:#f9fafb;}
#news-page .wkn-link:hover .wkn-title{color:#E98212;}
#news-page .wkn-meta{flex:0 0 auto;display:flex;align-items:center;gap:14px;}
#news-page .wkn-date{
  font-family:"Manrope",sans-serif;font-weight:700;color:#9aa0a8;font-size:14px;
  letter-spacing:.02em;min-width:88px;
}
#news-page .wkn-cat{
  display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#E98212;
  border-radius:4px;padding:3px 12px;white-space:nowrap;
}
#news-page .wkn-title{
  flex:1 1 auto;color:#2B323B;font-weight:700;font-size:15px;line-height:1.7;
  transition:color .15s;
}

@media (max-width:768px){
  #news-page .wkn-link{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 6px;}
  #news-page .wkn-title{font-size:14px;}
}