/* issue 367 場景 netskope-issue-pager：上一題／下一題兩個外框連結；≥43.75rem 並排（下一題靠右），窄螢幕上下堆疊。 */
.page-blocks .nip { display: grid; gap: .75rem; }
@media (min-width: 43.75rem) { .page-blocks .nip:not(.nip--one) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.page-blocks .nip-a { display: flex; flex-direction: column; gap: .125rem; padding: 1rem 1.25rem; border: 1.5px solid var(--line); border-radius: 1rem; background: var(--paper); color: var(--ink); text-decoration: none; transition: border-color .2s var(--ease); }
.page-blocks .nip-a:hover { border-color: var(--accent); }
.page-blocks .nip-a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.page-blocks .nip-a small { color: var(--muted); font-size: .8125rem; font-weight: 700; }
.page-blocks .nip-a b { font-size: 1.0625rem; line-height: 1.4; }
.page-blocks .nip-next { align-items: flex-end; text-align: right; }
@media (min-width: 43.75rem) { .page-blocks .nip--one .nip-next { max-width: 50%; justify-self: end; } }
@media (prefers-reduced-motion: reduce) { .page-blocks .nip-a { transition: none; } }