* { box-sizing: border-box; margin: 0; padding: 0}
html { scroll-behavior: smooth; scroll-padding-top: 2rem}
body { font-family: var(--font-sans); background-color: var(--bg-frame); color: var(--text-main); min-height: 100vh; display: flex; justify-content: center; align-items: flex-start; padding: 40px 20px; transition: background-color var(--transition-speed) ease; line-height: 1.6}
@media (max-width: 992px) { body { padding: 10px}
}
img { max-width: 100%; height: auto; display: block}
a { color: inherit; text-decoration: none}
::selection { background: var(--accent); color: #ffffff}
::-webkit-scrollbar { width: 8px}
::-webkit-scrollbar-track { background: transparent}
::-webkit-scrollbar-thumb { background: var(--text-muted); border-radius: 4px}
::-webkit-scrollbar-thumb:hover { background: var(--text-main)}