@layer base{.rds{font-family:var(--font-inter),"Inter",ui-sans-serif,system-ui,sans-serif;color:#1c1d1f;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.rds h1,.rds h2,.rds h3,.rds h4{font-family:inherit;color:inherit;letter-spacing:-.02em}.rds a,.rds a:hover{color:inherit}.rds ::selection{background:#a435f0;color:#ffffff}.rds button,.rds input,.rds select,.rds textarea{font-family:inherit}}.rds .rds-display{font-family:var(--font-fraunces),"Fraunces",Georgia,serif;font-weight:700;letter-spacing:-.015em}.rds :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #a435f0;outline-offset:2px}.rds .rds-card{transition:transform .15s ease,box-shadow .15s ease}.rds .rds-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(28,29,31,.14)}