.related-articles{border-top:1px solid var(--border);margin-top:48px;margin-bottom:48px;padding-top:48px}.related-articles__title{font-family:var(--font-heading);color:var(--text);margin-bottom:28px;font-size:1.5rem;font-weight:700}
.article-nav{grid-template-columns:1fr 1fr;gap:16px;max-width:740px;margin:0 auto;padding:0 20px;display:grid}.article-nav__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:16px 20px;text-decoration:none;transition:border-color .2s;display:flex}.article-nav__card:hover{border-color:var(--accent)}.article-nav__card--newer{text-align:right}.article-nav__label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem;font-weight:700}.article-nav__title{font-family:var(--font-heading);color:var(--text);font-size:.95rem;font-weight:600;line-height:1.35}.article-nav__card:hover .article-nav__title{color:var(--accent)}@media (max-width:560px){.article-nav{grid-template-columns:1fr}.article-nav__card--newer{text-align:left}}
.reading-progress{z-index:150;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress__bar{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(0)}
.back-to-top{background:var(--surface);border:1px solid var(--border);width:42px;height:42px;color:var(--text);z-index:90;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,transform .2s,border-color .2s,color .2s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(6px);box-shadow:0 4px 12px #0000001f}.back-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{border-color:var(--accent);color:var(--accent)}