/* 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; }
.dir-grid { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.dir-item { min-width: 0; gap: 7px; padding: 12px; }
@media (max-width: 620px) {
  .dir-grid { grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)); gap: 8px; }
  .dir-item { padding: 9px; }
}
.dir-sec-title a { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
.breadcrumbs { color: var(--muted); font-size: 14px; margin-block-end: 16px; }
.seo { max-width: 80ch; margin-block: 32px; line-height: 1.8; }
.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; }
}