:root { --text-xs: 12px; --text-s: 14px; --text-m: 16px; --text-l: clamp(16px, calc(14.09px + 0.51vw), 18px); --text-xl: 20px; --h6: 16px; --h5: 18px; --h4: 20px; --h3: clamp(22px, calc(18.44px + 0.46vw), 24px); --h2: clamp(26px, calc(20.89px + 0.93vw), 32px); --h1: clamp(34px, calc(27.33px + 1.39vw), 44px); --h-title: clamp(38px, calc(28.46px + 2.54vw), 56px); }  :where(a, button, .brxe-button, input, select, textarea) { transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease; } :where(button, .brxe-button, [type="button"], [type="submit"]) { cursor: pointer; }  .text-xl { font-size: var(--text-xl); line-height: 28px; } .text-l { font-size: var(--text-l); line-height: clamp(26px, calc(22.18px + 1.02vw), 30px); } .text-m { font-size: var(--text-m); line-height: 26px; } .text-s { font-size: var(--text-s); line-height: 22px; } .text-xs { font-size: var(--text-xs); line-height: 18px; }  .h-title { font-family: "Oswald", "Noto Sans SC", "Microsoft YaHei", sans-serif; font-size: var(--h-title); font-weight: 600; font-style: normal; line-height: clamp(46px, calc(36.46px + 2.54vw), 64px); letter-spacing: -0.015em; text-transform: none; }  .blue-text { color: var(--blue-600); font-weight: 600; font-style: normal; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.15em; } .accent-text { color: var(--orange-600); } .text-secondary { color: var(--text-secondary); } .text-muted { color: var(--text-muted); } .bold { font-weight: 700; }  :where(a, button, .brxe-button, input, select, textarea):focus-visible { outline: 2px solid var(--blue-600); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { :where(a, button, .brxe-button, input, select, textarea) { transition: none; } }