@font-face { font-family: 'Great Vibes RY'; src: url('/fonts/great-vibes-beganuty.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
.orbit-heading { position: relative; isolation: isolate; }
.checklist-circle { position: absolute; z-index: 2; right: 0; top: 35%; width: 9rem; aspect-ratio: 1; border-radius: 50%; background: #b9f43b; color: #101510; display: grid; place-items: center; text-align: center; text-decoration: none; font: 700 1.3rem/1.2 var(--sans); letter-spacing: 0; padding: .75rem; }
.checklist-circle__intro { position:absolute; top:23%; left:0; width:100%; font:700 1.1rem/1.2 var(--sans); }
.checklist-circle__script { position:absolute; top:43%; left:0; width:100%; font:400 2rem/1.4 'Great Vibes RY', cursive; letter-spacing:0; white-space:nowrap; transform:rotate(-6deg); }
.checklist-circle:focus-visible { outline: 3px solid var(--signal); outline-offset: 5px; }
.checklist-circle:hover { background: #caff53; }
@media(max-width:600px) { .checklist-circle { width: 6.75rem; font-size: 1rem; right: 0; } }
@media(max-width:600px) { .checklist-circle__intro { font-size:.85rem; } .checklist-circle__script { font-size:1.5rem; } }