/* Main home links, 2026-09-10. Scoped to the Home <main>; other routes keep their styles. */
.site-shell > main:not([class]) :is(
  .signature-section .text-link,
  .signature-section .dish-menu-link,
  .policy-head .text-button,
  .home-journal-section .home-additions-more,
  .home-journal-read,
  .home-instagram-dock-section .daily-link
) {
  border-bottom: 0;
  text-decoration: none;
  transform: none;
}

.site-shell > main:not([class]) :is(
  .signature-section .text-link,
  .signature-section .dish-menu-link,
  .policy-head .text-button
) > svg {
  display: none;
}

.site-shell > main:not([class]) :is(
  .signature-section .text-link,
  .policy-head .text-button,
  .home-journal-section .home-additions-more
) {
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 8px;
  color: #66666a;
  background-color: transparent;
  transition: color 220ms ease, background-color 220ms ease;
}
.site-shell > main:not([class]) .signature-section .split-heading .text-link {
  margin-inline-start: -12px;
}
.site-shell > main:not([class]) .policy-head .text-button {
  margin-inline-end: -12px;
}

/* Align the journal action to the title's final text baseline, including wrapped titles. */
.site-shell > main:not([class]) .home-journal-section .home-additions-header {
  align-items: last baseline;
}
.site-shell > main:not([class]) .home-journal-section .home-additions-more {
  margin-inline-end: -12px;
}
.site-shell > main:not([class]) .home-journal-read {
  color: #77777a;
  transition: color 220ms ease;
}

.site-shell > main:not([class]) .signature-section .dish-menu-link {
  min-height: 44px;
  padding: 10px;
  margin-inline-start: -10px;
  border-radius: 8px;
  background-color: transparent;
  transition: color 220ms ease, background-color 220ms ease;
}

/* Keep the Instagram action in the existing dock; align its text with the description. */
.site-shell > main:not([class]) .home-instagram-dock-section .daily-action {
  gap: 6px;
  padding-block: 0;
}
.site-shell > main:not([class]) .home-instagram-dock-section .daily-link {
  min-height: 44px;
  padding: 10px;
  margin-inline-start: -10px;
  border-radius: 8px;
  line-height: 1.65;
  color: rgba(255,255,255,.94);
  background-color: transparent;
  transition: color 220ms ease, background-color 220ms ease;
}

.site-shell > main:not([class]) :is(.signature-section a, .policy-head .text-button, .home-journal-section .home-additions-more):focus-visible {
  outline: 2px solid #66666a;
  outline-offset: 3px;
}
.site-shell > main:not([class]) :is(.signature-section .dish-menu-link, .home-instagram-dock-section .daily-link):focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
  background-color: rgba(255,255,255,.14);
}

@media (hover: hover) {
  .site-shell > main:not([class]) :is(.signature-section .text-link, .policy-head .text-button, .home-journal-section .home-additions-more):hover {
    color: #333;
    background-color: rgba(51,51,51,.065);
  }
  .site-shell > main:not([class]) :is(.signature-section .dish-menu-link, .home-instagram-dock-section .daily-link):hover {
    color: #fff;
    background-color: rgba(255,255,255,.16);
  }
  .site-shell > main:not([class]) .home-journal-story:hover .home-journal-read {
    color: #333;
  }
}

@media (max-width: 767px) {
  .site-shell > main:not([class]) .home-journal-section .home-additions-header {
    align-items: flex-start;
    gap: 8px 20px;
  }
  .site-shell > main:not([class]) .home-journal-section .home-additions-more {
    margin-inline: -12px 0;
  }
  .site-shell > main:not([class]) .policy-head .text-button {
    margin-inline: -12px 0;
  }
  .site-shell > main:not([class]) .home-instagram-dock-section .daily-action {
    padding-top: 19px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-shell > main:not([class]) :is(.signature-section .text-link, .signature-section .dish-menu-link, .policy-head .text-button, .home-journal-section .home-additions-more, .home-journal-read, .home-instagram-dock-section .daily-link) {
    transition: none;
  }
}