/* Hallmark · pre-emit critique: P5 H4 E4 S5 R5 V4. Existing Holdover tokens. */
.ho-context-wrap { margin-block: 0 28px; }
.ho-context-link { margin: 0; padding: 12px 0; border-block: 1px solid var(--rule); font: 400 15px/1.6 var(--sans); color: var(--ink-dim); }
.ho-context-link a { display: inline-block; margin-inline-start: 8px; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.ho-next-wrap { margin-block: 40px 0; }
.ho-next-nav { border-block: 1px solid var(--rule); padding-block: 24px; font-family: var(--sans); }
.ho-next-nav h2 { margin: 0 0 16px; color: var(--ink); font: 600 26px/1.2 var(--display); font-style: normal; overflow-wrap: anywhere; }
.ho-next-nav ul { display: block; list-style: none; margin: 0; padding: 0; }
.ho-next-nav li { margin: 0; padding: 0; }
.ho-next-nav li + li { border-top: 1px solid var(--rule); }
.ho-next-nav a { display: block; padding: 12px 0; font: 500 17px/1.5 var(--sans); color: var(--ink); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.ho-context-link a:hover, .ho-next-nav a:hover { color: var(--red-deep); }
.ho-context-link a:focus-visible, .ho-next-nav a:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
@media (max-width: 600px) {
  .ho-context-link { font-size: 14px; }
  .ho-context-link a { margin-inline-start: 0; padding-block: 6px; }
  .ho-context-link span { display: block; }
  .ho-next-nav { padding-block: 20px; }
  .ho-next-nav h2 { font-size: 24px; }
  .ho-next-nav a { font-size: 16px; }
}
