/* Block: Articles + Sidepanel — mobile-first (base · 768 · 992) */
.sp__inner { padding-block: 3.5rem; }
.sp__heading { font-size: 3.6rem; font-weight: 800; margin: 0 0 1.5rem; }
.sp__heading.sp__heading--side { font-size: 2.4rem; }

.sp__grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }
.sp__articles { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }

.sp__links { list-style: none; margin: 0; padding: 0; }
.sp__links li { border-top: 1px solid var(--border); }
.sp__links li:first-child { border-top: 0; }
.sp__links a { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 0; font-size: 1.6rem; font-weight: 600; }
.sp__links a:hover { color: var(--accent); }
.sp__dot { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: var(--accent); }

/* ---------- ≥ 768px ---------- */
@media (min-width: 768px) {
    .sp__heading { font-size: 3.6rem; }
    .sp__heading.sp__heading--side { font-size: 2.4rem; }
    .sp__articles { grid-template-columns: repeat(3, 1fr); }
}

/* ---------- ≥ 992px ---------- */
@media (min-width: 992px) {
    .sp__grid { grid-template-columns: 8fr 4fr; gap: 3rem; }
    .sp__aside { padding-left: 2rem; border-left: 1px solid var(--border); }
}