/* mixth — Astro overrides
   The design prototype used <button> for clickable cards and routed in JS.
   On the static site we use <a href> so cards reset link styling here. */

a.entry,
a.archive__row,
a.ledger__row,
a.almanac__cell,
a.post__nav-card {
  text-decoration: none;
  color: inherit;
}

a.entry:hover,
a.archive__row:hover,
a.ledger__row:hover,
a.almanac__cell:hover,
a.post__nav-card:hover {
  text-decoration: none;
}

a.tag {
  display: inline-block;
  text-decoration: none;
}

a.home-index__cta-primary,
a.home-index__cta-link,
a.timeline__meta,
a.journal__more__link,
a.notfound__link,
a.post__back {
  text-decoration: none;
}
a.home-index__cta-link:hover,
a.notfound__link:hover {
  text-decoration: underline dashed;
  text-underline-offset: 5px;
}

/* TagsIndex tile: behave like a card without underline */
a.tagsindex__tile {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 20px 0;
  border-top: 1px solid var(--hairline);
  text-align: left;
}
.tagsindex__grid {
  padding: 40px 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 24px;
}
.tagsindex__tile-title {
  font-family: var(--font-serif);
  font-size: 24px;
  color: var(--ink-2);
  margin-bottom: 6px;
}
.tagsindex__tile-title .hash--glacial { color: var(--glacial); margin-right: 4px; font-weight: 400; }
.tagsindex__tile-title .hash--moss    { color: var(--moss);    margin-right: 4px; font-weight: 400; }
.tagsindex__tile-meta {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--muted-2);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Tagview related-tags row label */
.tagview__related-label {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 11px;
  color: var(--muted-2);
}

/* About: read-the-journal CTA at the bottom */
.about__cta {
  margin-top: 48px;
  font-family: var(--font-sans);
  font-size: 13px;
}
.about__cta a {
  color: var(--glacial);
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* 404 link group */
.notfound__links a { color: var(--ink); }
.notfound__links a.notfound__link--accent {
  color: var(--glacial);
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* Journal "older entries" link */
.journal__more a { color: var(--ink); text-decoration: none; }
.journal__more a:hover { color: var(--glacial); }