/* =========================================================
   NEWS LIST
   ASPX scope: .wrapper.newslist_aspx
   ========================================================= */
.wrapper.newslist_aspx .page-wrap{
  background:var(--color-bg);
}
.wrapper.newslist_aspx .news-sec{
  padding:clamp(4rem,7vw,7.5rem) 0 8rem;
  background:transparent;
  border:0;
}
.wrapper.newslist_aspx .news-layout{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  column-gap:clamp(2.5rem,6vw,6rem);
  row-gap:0;
  align-items:start;
  max-width:1080px;
  margin:0 auto;
}
.wrapper.newslist_aspx .news-heading-col{
  grid-column:1 / -1;
  width:100%;
  padding-bottom:clamp(3rem,6vw,5rem);
  margin-bottom:0;
  border-bottom:1px solid var(--color-border);
}
.wrapper.newslist_aspx .news-heading-col .sec-lbl{
  margin-bottom:.7rem;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.4em;
  text-transform:uppercase;
  color:var(--color-muted);
}
.wrapper.newslist_aspx .news-heading-col .sec-h2{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(2rem,4vw,3.25rem);
  font-weight:500;
  line-height:1.25;
  letter-spacing:.04em;
  color:var(--color-fg);
}
.wrapper.newslist_aspx .news-heading-lead{
  max-width:560px;
  margin:1rem 0 0;
  font-size:12px;
  line-height:1.9;
  letter-spacing:.08em;
  color:var(--color-muted);
}
.wrapper.newslist_aspx .PublishedYear{
  grid-column:1;
  display:block;
  padding:2rem 0 0;
  font-family:var(--font-display);
  font-size:clamp(1.5rem,2.4vw,2rem);
  line-height:1.3;
  letter-spacing:.04em;
  color:var(--color-fg);
}
.wrapper.newslist_aspx .newsBlock{
  grid-column:2;
  min-width:0;
  border-top:0;
}
.wrapper.newslist_aspx .newsBlock + .PublishedYear,
.wrapper.newslist_aspx .PublishedYear:not(:first-of-type){
  margin-top:3.5rem;
}
.wrapper.newslist_aspx .news-item{
  display:grid;
  grid-template-columns:92px 58px minmax(0,1fr);
  column-gap:1.25rem;
  align-items:start;
  min-width:0;
  padding:1.65rem 0;
  border-bottom:1px solid var(--color-border);
  background:transparent;
}
.wrapper.newslist_aspx .news-item > a{
  position:relative;
  display:grid;
  grid-template-columns:92px 58px minmax(0,1fr);
  column-gap:1.25rem;
  align-items:start;
  grid-column:1 / -1;
  width:100%;
  min-width:0;
  padding-right:2.25rem;
  color:inherit;
  text-decoration:none;
}
.wrapper.newslist_aspx .news-item > a::after{
  content:"→";
  position:absolute;
  top:.1rem;
  right:.25rem;
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--color-muted);
  transition:transform .25s ease,color .25s ease;
}
.wrapper.newslist_aspx .news-item > a:hover::after,
.wrapper.newslist_aspx .news-item > a:focus-visible::after{
  transform:translateX(4px);
  color:var(--color-accent);
}
.wrapper.newslist_aspx .news-date{
  font-family:var(--font-mono);
  font-size:10px;
  line-height:1.8;
  letter-spacing:.08em;
  color:var(--color-muted);
  white-space:nowrap;
}
.wrapper.newslist_aspx .news-cat-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  min-height:24px;
  padding:.15rem .5rem;
  border:1px solid var(--color-border);
  font-family:var(--font-mono);
  font-size:9px;
  line-height:1.4;
  letter-spacing:.12em;
  color:var(--color-muted);
  white-space:nowrap;
}
.wrapper.newslist_aspx .news-cat-badge:empty{
  visibility:hidden;
}
.wrapper.newslist_aspx .news-ttl{
  min-width:0;
  font-size:13px;
  line-height:1.9;
  letter-spacing:.045em;
  color:var(--color-fg);
  overflow-wrap:anywhere;
  transition:color .25s ease;
}
.wrapper.newslist_aspx .news-item > a:hover .news-ttl,
.wrapper.newslist_aspx .news-item > a:focus-visible .news-ttl{
  color:var(--color-accent);
}
.wrapper.newslist_aspx .news-item > a:focus-visible{
  outline:2px solid var(--color-accent);
  outline-offset:6px;
}

@media(max-width:768px){
  .wrapper.newslist_aspx .news-sec{padding:3.5rem 0 5rem;}
  .wrapper.newslist_aspx .news-layout{grid-template-columns:1fr;}
  .wrapper.newslist_aspx .news-heading-col{grid-column:1;padding-bottom:2.5rem;}
  .wrapper.newslist_aspx .PublishedYear{
    grid-column:1;
    padding-top:2.5rem;
    margin-top:0 !important;
  }
  .wrapper.newslist_aspx .newsBlock{
    grid-column:1;
    margin-top:.75rem;
    border-top:1px solid var(--color-border);
  }
  .wrapper.newslist_aspx .news-item,
  .wrapper.newslist_aspx .news-item > a{
    grid-template-columns:84px minmax(0,1fr);
    column-gap:.875rem;
    row-gap:.75rem;
  }
  .wrapper.newslist_aspx .news-item > a{padding-right:1.5rem;}
  .wrapper.newslist_aspx .news-date{grid-column:1;}
  .wrapper.newslist_aspx .news-cat-badge{grid-column:2;justify-self:start;}
  .wrapper.newslist_aspx .news-ttl{grid-column:1 / -1;}
}