@charset "UTF-8";

/* Topics */
.neaTp-main{ background:#fff; }
.neaTp-section{ padding:24px 0 52px; }

.neaTp-years{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* details */
.neaTp-year{
  border:1px solid var(--nea-border);
  border-radius: var(--nea-radius);
  background:#fff;
  box-shadow: 0 10px 24px rgba(15,23,42,.06);
  overflow:hidden;
}

.neaTp-year__head{
  list-style:none;
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  cursor:pointer;
  user-select:none;
  background: rgba(39,89,180,.04);
  border-bottom:1px solid var(--nea-border);
}
.neaTp-year__head::-webkit-details-marker{ display:none; }

.neaTp-year__title{
  font-weight:900;
  color: var(--nea-text);
}
.neaTp-year__meta{
  font-size:12px;
  font-weight:800;
  color: var(--nea-muted);
}

.neaTp-year__count{
  margin-left:auto;
  font-size:12px;
  font-weight:900;
  color: var(--nea-primary-700);
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(39,89,180,.25);
  background:#fff;
}

.neaTp-year__chev{
  width:28px;
  height:28px;
  border-radius:10px;
  display:grid;
  place-items:center;
  border:1px solid rgba(39,89,180,.18);
  background:#fff;
  color: var(--nea-primary-700);
  transition: transform .15s ease;
}

.neaTp-year[open] .neaTp-year__chev{
  transform: rotate(180deg);
}

/* list */
.neaTp-list{
  margin:0;
  padding:10px 0;
}

.neaTp-item{
  display:grid;
  grid-template-columns: 110px 1fr auto;
  gap:10px;
  align-items:center;
  padding:10px 16px;
  border-top:1px dashed rgba(15,23,42,.12);
}
.neaTp-item:first-child{ border-top:none; }

.neaTp-date{
  font-size:12px;
  font-weight:900;
  color: var(--nea-muted);
}

.neaTp-link{
  font-weight:800;
  color: var(--nea-text);
  text-decoration:none;
  min-width:0;
  overflow-wrap:anywhere;
}
.neaTp-link:hover{
  text-decoration:underline;
  color: var(--nea-primary-700);
}

/* tag */
.neaTp-tag{
  font-size:12px;
  font-weight:900;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid transparent;
  white-space:nowrap;
}

.neaTp-tag--info{
  background: rgba(39,89,180,.10);
  border-color: rgba(39,89,180,.25);
  color: var(--nea-primary-700);
}
.neaTp-tag--update{
  background: rgba(245,158,11,.12);
  border-color: rgba(245,158,11,.35);
  color: rgb(217,119,6);
}
.neaTp-tag--doc{
  background: rgba(34,197,94,.10);
  border-color: rgba(34,197,94,.25);
  color: rgb(22,163,74);
}

.neaTp-note{
  margin-top:12px;
  color: var(--nea-muted);
}

/* Responsive */
@media (max-width: 720px){
  .neaTp-item{
    grid-template-columns: 1fr;
    gap:6px;
  }
  .neaTp-tag{
    justify-self:start;
  }
}