html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); font-family: var(--font-zh); }
a { color: var(--accent-blue); text-decoration: none; }
a:hover { color: var(--accent-teal); }
img, svg { max-width: 100%; }
table { border-collapse: collapse; }

/* generated from style-hover attributes in the design source */
.hv1:hover { color: var(--accent-teal) }
.hv2:hover { background: #d33f89; color: #fff }
.hv3:hover { background: var(--accent-teal); color: #fff }
.hv4:hover { color: var(--ink) }
.hv5:hover { color: #fff }
.hv6:hover { background: var(--pastel-mint); color: var(--ink) }
.hv7:hover { background: var(--pastel-pink); color: var(--ink) }
.hv8:hover { background: var(--pastel-blue); color: var(--ink) }
.hv9:hover { background: var(--pastel-yellow); color: var(--ink) }
.hv10:hover { background: var(--accent-maroon); color: var(--cream) }
.hv11:hover { background: var(--cream) }