/* Homepage secondary 4-card row: Espandi + archive link */

.ta-secondary-block{
  margin-bottom:40px;
}

.ta-secondary-block .ta-secondary-grid{
  margin-bottom:0;
}

.ta-secondary-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:10px 16px;
  margin-top:22px;
  padding-top:4px;
  text-align:right;
  margin-left:auto;
  width:100%;
}

.ta-secondary-expand{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:148px;
  padding:12px 22px;
  border:1px solid #0B0E11;
  border-radius:12px;
  background:#0B0E11;
  color:#F5F6F2;
  font-family:var(--ta-font-heading,"Poppins",Verdana,sans-serif);
  font-size:14px;
  font-weight:700;
  letter-spacing:.01em;
  cursor:pointer;
  overflow:hidden;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.ta-secondary-expand::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(214,255,62,.22) 50%,transparent 70%);
  transform:translateX(-120%);
  transition:transform .55s ease;
  pointer-events:none;
}
.ta-secondary-expand:hover,
.ta-secondary-expand:focus-visible{
  background:#D6FF3E;
  border-color:#C3EB2A;
  color:#0B0E11;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(11,14,17,.12);
  outline:none;
}
.ta-secondary-expand:hover::before,
.ta-secondary-expand:focus-visible::before{
  transform:translateX(120%);
}
.ta-secondary-expand:active{
  transform:translateY(0);
}
.ta-secondary-expand__ico{
  display:inline-flex;
  transition:transform .25s ease;
}
.ta-secondary-expand:hover .ta-secondary-expand__ico,
.ta-secondary-expand:focus-visible .ta-secondary-expand__ico{
  transform:translateY(2px);
}
.ta-secondary-expand.is-loading{
  pointer-events:none;
  opacity:.72;
  cursor:wait;
}
.ta-secondary-expand.is-loading .ta-secondary-expand__ico{
  animation:ta-secondary-spin .7s linear infinite;
}
.ta-secondary-expand[hidden]{display:none!important}
.ta-secondary-expand[disabled]:not(.is-loading){
  opacity:.45;
  cursor:default;
  transform:none;
  box-shadow:none;
}

.ta-secondary-all{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:var(--ta-font-heading,"Poppins",Verdana,sans-serif);
  font-size:14px;
  font-weight:700;
  color:var(--ta-color-text-secondary,#4B5162);
  text-decoration:none;
  border-bottom:2px solid transparent;
  padding-bottom:1px;
  transition:color .18s ease,border-color .18s ease,gap .18s ease;
}
.ta-secondary-all:hover,
.ta-secondary-all:focus-visible{
  color:var(--ta-ink,#0B0E11);
  border-bottom-color:#D6FF3E;
  gap:10px;
  outline:none;
}

/* New cards fade/slide in */
.ta-secondary-grid > .ta-card.ta-card--enter{
  animation:ta-secondary-enter .42s cubic-bezier(.22,.9,.28,1) both;
}
.ta-secondary-grid > .ta-card.ta-card--enter:nth-child(4n+1){animation-delay:.02s}
.ta-secondary-grid > .ta-card.ta-card--enter:nth-child(4n+2){animation-delay:.06s}
.ta-secondary-grid > .ta-card.ta-card--enter:nth-child(4n+3){animation-delay:.1s}
.ta-secondary-grid > .ta-card.ta-card--enter:nth-child(4n+4){animation-delay:.14s}

@keyframes ta-secondary-enter{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes ta-secondary-spin{
  to{transform:rotate(180deg)}
}

@media (prefers-reduced-motion:reduce){
  .ta-secondary-expand,
  .ta-secondary-expand__ico,
  .ta-secondary-all,
  .ta-secondary-expand::before{
    transition:none!important;
  }
  .ta-secondary-grid > .ta-card.ta-card--enter,
  .ta-secondary-expand.is-loading .ta-secondary-expand__ico{
    animation:none!important;
  }
}

[data-theme="dark"] .ta-secondary-expand,
.ta-dark .ta-secondary-expand{
  background:#F5F6F2;
  border-color:#F5F6F2;
  color:#0B0E11;
}
[data-theme="dark"] .ta-secondary-expand:hover,
[data-theme="dark"] .ta-secondary-expand:focus-visible,
.ta-dark .ta-secondary-expand:hover,
.ta-dark .ta-secondary-expand:focus-visible{
  background:#D6FF3E;
  border-color:#C3EB2A;
  color:#0B0E11;
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
[data-theme="dark"] .ta-secondary-all,
.ta-dark .ta-secondary-all{
  color:#9AA0AC;
}
[data-theme="dark"] .ta-secondary-all:hover,
[data-theme="dark"] .ta-secondary-all:focus-visible,
.ta-dark .ta-secondary-all:hover,
.ta-dark .ta-secondary-all:focus-visible{
  color:#F5F6F2;
  border-bottom-color:#D6FF3E;
}