/* Site-wide adjacent-article pager (Board Prep packets + public teaching modules).
   Public path so Maggoo / Cameras pages stay ungated; Board Prep HTML
   also inlines the same rules so WKWebView does not need a second fetch. */
.article-nav,
.packet-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:4px 0 10px;
}
.article-nav-btn,
.packet-nav-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:44px;
  min-width:44px;
  max-width:calc(50% - 5px);
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel2);
  color:var(--muted);
  text-decoration:none;
  font-weight:650;
  font-size:.82rem;
  line-height:1.2;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(56,189,248,.15);
}
.article-nav-btn:hover,
.packet-nav-btn:hover{
  color:var(--accent);
  border-color:var(--accent);
}
.article-nav-prev,
.packet-nav-prev{justify-content:flex-start}
.article-nav-next,
.packet-nav-next{margin-left:auto;justify-content:flex-end}
.article-nav-arrow,
.packet-nav-arrow{font-size:1.4rem;line-height:1;font-weight:500}
.article-nav-text,
.packet-nav-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-nav-btn.is-disabled,
.packet-nav-btn.is-disabled{
  visibility:hidden;
  pointer-events:none;
  border:0;
  background:transparent;
  padding:0;
}
.article-nav.article-nav-foot,
.packet-nav.packet-nav-foot{
  margin:4px 0 0;
  padding:14px 0 0;
  border-top:1px solid var(--line);
}
@media (hover:none){
  .article-nav-btn:hover,
  .packet-nav-btn:hover{color:var(--muted);border-color:var(--line)}
}