.looleh-page-snav {
  direction: rtl;
  box-sizing: border-box;
  margin: 26px 0;
  padding: 20px 22px;
  background: #f7fbf9;
  border: 1px solid #dcebe4;
  border-right: 4px solid #16875d;
  border-radius: 14px;
}
.looleh-page-snav__title { color: #173c31; font-weight: 800; font-size: 18px; margin-bottom: 13px; }
.looleh-page-snav ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 8px; flex-wrap: wrap; }
.looleh-page-snav li { list-style: none; margin: 0; padding: 0; }
.looleh-page-snav a {
  display: inline-block; text-decoration: none; color: #176b50;
  background: #fff; border: 1px solid #cee6d9;
  border-radius: 999px; font-size: 14px; font-weight: 600;
  padding: 7px 12px; line-height: 1.8;
}
.looleh-page-snav a:hover, .looleh-page-snav a:focus-visible { background: #e5f6ed; text-decoration: underline; }
html { scroll-behavior: smooth; }
body.page h2[id] { scroll-margin-top: 110px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media (max-width: 768px) {
  .looleh-page-snav { margin: 20px 0; padding: 15px; }
  .looleh-page-snav a { font-size: 13px; }
}