.article-group-nav {margin-top:42px;padding-top:22px;border-top:1px solid #b99d6255}
.article-group-nav h2 {font-size:clamp(23px,4vw,32px);margin:0 0 12px}
.article-group-nav ul {list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.article-group-nav li {min-width:0}
.article-group-nav li a {display:flex;align-items:center;min-height:44px;padding:7px 0;border-bottom:1px solid #b99d6233;color:#e9c990;line-height:1.4;text-decoration:none}
.article-group-nav li a:hover {color:#fff0d1;text-decoration:underline}
.article-group-nav .navlink {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:8px 15px;
  border:1px solid #c5a36e9e;
  border-radius:10px;
  background:linear-gradient(155deg,#1c2c46,#101a30 72%);
  color:#f3dbad;
  font-weight:600;
  box-shadow:inset 0 1px 0 #f5d39322,0 2px 0 #070e1c;
}
.article-group-nav .navlink:hover {
  border-color:#e3c185;
  background:#20334f;
  color:#fff0d1;
}
.article-group-nav .navlink:focus-visible {
  outline:2px solid #efd39b;
  outline-offset:3px;
}
@media(max-width:650px) {.article-group-nav ul {grid-template-columns:1fr}}