/* Phase12: approved index navigation / date / class-label adjustments only.
   Loaded only by monthly_news.html and kawaraban.html. */
.phase12-updates-index .phase12-series-link {
  --series-ink: var(--p10-kawara-deep);
  --series-pale: var(--p10-kawara-pale);
  position: absolute;
  z-index: 2;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  max-width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid var(--series-ink);
  border-radius: 10px;
  background: var(--series-pale);
  color: var(--series-ink);
  box-shadow: inset 0 0 0 3px #fffdf9, 0 3px 10px rgba(81,57,41,.05);
  text-decoration: none;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  transition: box-shadow .2s ease, background-color .2s ease;
}
.phase12-updates-index .phase12-series-link--monthly {
  --series-ink: var(--p10-monthly-deep);
  --series-pale: var(--p10-monthly-pale);
}
.phase12-updates-index .phase12-series-link svg {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
}
.phase12-updates-index .phase12-series-arrow {
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  background: var(--series-ink);
}
.phase12-updates-index .phase12-series-link:hover {
  background: #fffdf9;
  box-shadow: inset 0 0 0 3px var(--series-pale), 0 5px 14px rgba(81,57,41,.1);
}
.phase12-updates-index .phase12-series-link:focus-visible {
  outline: 3px solid var(--series-ink);
  outline-offset: 4px;
}
/* Preserve the existing image / date / white article-body arrangement. */
.phase12-updates-index .update-archive-card .update-archive-date-row {
  justify-content: space-between;
  gap: 8px;
}
.phase12-updates-index .update-archive-card .update-archive-date-row .update-archive-date {
  margin-left: auto;
  text-align: right;
  font-size: 20px;
  line-height: 1.4;
  /* The existing date font family and weight are inherited unchanged. */
}
/* The newest article is always the first card, including after future updates. */
.phase12-updates-index .update-archive-grid > .update-archive-card:first-child,
.phase12-updates-index .update-archive-grid > .update-archive-card.is-new {
  outline: 2px solid var(--p10-monthly);
  outline-offset: -2px;
}
.phase12-updates-index .update-archive-grid > .update-archive-card:first-child .update-archive-date-row,
.phase12-updates-index .update-archive-grid > .update-archive-card.is-new .update-archive-date-row {
  background: var(--p10-monthly-pale);
}
.phase12-updates-index .phase12-new {
  display: none;
}
.phase12-updates-index .update-archive-grid > .update-archive-card:first-child .phase12-new,
.phase12-updates-index .update-archive-grid > .update-archive-card.is-new .phase12-new {
  display: inline-block;
  flex-shrink: 0;
  padding: 4px 10px;
  border-radius: 6px;
  background: var(--p10-monthly-deep);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  line-height: 1.3;
}
/* Only Monthly News has class labels; retain the existing font and position. */
.phase12-updates-index.update-theme-monthly .update-archive-body p:last-child {
  color: #5b5049;
  font-size: 1rem;
}
@media (max-width: 960px) {
  .phase12-updates-index .phase12-series-link {
    position: static;
    transform: none;
    order: 1;
    align-self: flex-end;
    margin-top: 18px;
  }
}
@media (max-width: 700px) {
  .phase12-updates-index .update-archive-card .update-archive-date-row .update-archive-date {
    font-size: 18px;
  }
  .phase12-updates-index .phase12-series-link {
    gap: 10px;
    padding: 10px 12px;
  }
}


/* Phase12-03: newest kawaraban card follows its own series palette. */
.phase12-updates-index.update-theme-kawara .update-archive-grid > .update-archive-card:first-child {
  outline-color: var(--p10-kawara);
}
.phase12-updates-index.update-theme-kawara .update-archive-grid > .update-archive-card:first-child .update-archive-date-row {
  background: var(--p10-kawara-pale);
}
.phase12-updates-index.update-theme-kawara .update-archive-grid > .update-archive-card:first-child .phase12-new {
  background: var(--p10-kawara-deep);
}

/* Phase12-04: shared annual archive presentation. */
.phase12-updates-index.phase12-archive-past .update-archive-grid > .update-archive-card:first-child {
  outline: none;
}
.phase12-updates-index.phase12-archive-past .update-archive-grid > .update-archive-card:first-child .update-archive-date-row {
  background: #fff;
}
@media (min-width: 961px) {
  .phase12-year-archive .phase12-series-link {
    top: auto;
    bottom: 40px;
    transform: none;
  }
}