/* Reciprocal navigation outside the canonical reader, loaded only by opt-in pages. */
.qr-related-resource { padding: 0 var(--pad) 4rem; overflow-wrap: anywhere; }
.qr-related-inner { max-width: 820px; margin-inline: auto; border-top: 1px solid var(--line); padding-top: 1.75rem; }
.qr-related-label { margin: 0 0 1rem; font-size: .75rem; font-weight: 700; letter-spacing: .08em; color: var(--brand-gray); }
.qr-related-inner h2 { margin: 0 0 .75rem; font-size: clamp(1.4rem, 3vw, 2rem); line-height: 1.25; }
.qr-related-question { margin: 0 0 1rem; max-width: 65ch; font-size: 1rem; line-height: 1.55; }
.qr-related-link { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 1rem; min-height: 48px; max-width: 100%; padding: .65rem 0; font-size: .8125rem; font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--brand-teal); }
.qr-related-link:hover { color: var(--brand-gray); }
.qr-related-link:focus-visible { outline: 3px solid white; outline-offset: 5px; }
@media (max-width: 800px) { .qr-related-resource { padding-inline: 1.25rem; } }