/* Page basics. Component styling is inline in index.html, as exported from the design canvas. */
html { scroll-behavior: smooth; }
body { margin: 0; background: #F5F6FA; }
a { color: #5B3DF5; }
a:hover { color: #3C27B5; }
a:focus-visible, summary:focus-visible { outline: 2px solid #5B3DF5; outline-offset: 4px; border-radius: 8px; }
details summary { cursor: pointer; list-style: none; }
details summary::-webkit-details-marker { display: none; }
@media (max-width: 720px) { .zy-nav { display: none; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }