/* Small standalone-shell adjustments; the copied shared stylesheet is unchanged. */
.side-top { flex-wrap: wrap; }
.side-top .brand { font-size: 14px; gap: 6px; }
.side-top .brand .logo { width: 22px; height: 22px; }
.side-top .theme-toggle { margin-inline-start: auto; }
.dir-sec { scroll-margin-top: 76px; }
.calc .lang-switch { flex-wrap: wrap; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (max-width: 480px) {
  .mobile-bar .brand { font-size: 15px; gap: 5px; }
  .dir-search { flex-wrap: wrap; }
  .dir-count { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .sidebar { transition: none; }
}