.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:40px 0 0}
.article-nav__link{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:14px;padding:18px 20px;text-decoration:none;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}
.article-nav__link:hover{border-color:var(--brand);box-shadow:0 16px 45px rgba(10,38,29,.08)}
.article-nav__link--next{text-align:left;align-items:flex-start}
.article-nav__dir{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--brand)}
.article-nav__title{font-size:1rem;font-weight:700;line-height:1.35}
.article-share{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0 0 24px}
.article-share__label{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-left:.4rem;margin-right:0}
.article-share__btn{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.article-share__btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.article-share__btn.is-copied{background:var(--brand);border-color:var(--brand);color:#fff}
@media(max-width:650px){
    .article-nav{grid-template-columns:1fr}
    .article-nav__link--next{text-align:right;align-items:flex-end}
}