/* 같은 문서의 교재 탐색 — 본문을 읽는 동안 상단 도구 아래에서 유지한다(SSOT 11·23절). */
.course-navigation { position: static; inset-block-start: calc(var(--course-header-height,var(--bar-height,5rem)) + var(--wa-space-s)); z-index: 4; display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: stretch; gap: var(--wa-space-xs); padding: var(--wa-space-xs); border: 1px solid var(--sonub-border); border-radius: var(--wa-border-radius-l); background: var(--sonub-surface); box-shadow: var(--wa-shadow-s); }
.course-navigation a { display: flex; align-items: center; justify-content: center; gap: var(--wa-space-xs); min-inline-size: 0; min-block-size: 2.75rem; padding: var(--wa-space-xs); border-radius: var(--wa-border-radius-m); color: var(--sonub-ink); font-size: calc(1rem * var(--wa-font-size-scale,1)); line-height: 1.5; text-decoration: none; overflow-wrap: anywhere; transition: background 160ms, color 160ms; }
.course-navigation a[rel='prev'] { justify-content: start; }
.course-navigation a[rel='next'] { justify-content: end; text-align: end; }
.course-navigation .course-navigation-contents { background: var(--wa-color-brand-fill-quiet); color: var(--wa-color-brand-on-quiet); }
.course-navigation a:hover { background: var(--wa-color-brand-fill-quiet); color: var(--wa-color-brand-on-quiet); }
.course-navigation a:focus-visible { outline: 2px solid var(--sonub-accent); outline-offset: 2px; }
.course-navigation-number { display: block; color: var(--sonub-muted); font-size: calc(.86rem * var(--wa-font-size-scale,1)); }
@media (max-width: 600px) { .course-navigation-number { display: none; } }
@media (prefers-reduced-motion: reduce) { .course-navigation a { transition: none; } }
/* 첫 검수 보완: 작은 화면에서는 문구 중심으로 같은 세 이동을 더 낮은 막대에 담는다. */
@media (max-width: 600px) {
	.course-navigation { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.course-navigation a > i { display: none; }
	.course-navigation a, .course-navigation a[rel] { justify-content: center; text-align: center; }
}

/* 스크립트가 없으면 원래 문서 흐름의 링크로 읽고 이동한다. */
.course-navigation.is-positioned { position: sticky; }