#age-gate[open] { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; display: flex; align-items: center; justify-content: center; padding: var(--space-lg); background-color: var(--color-cream-paper); z-index: 1000; overflow: auto; } /* Actually remove the content from the page (not just cover it) while the gate is open, so it is unreadable to AT and can't be reached by scroll. Keyed on [open] so the native form-dialog confirm restores it. */ body:has(#age-gate[open]) main, body:has(#age-gate[open]) footer { display: none; }

For 18 and over. I'm an educator, not a medical professional.

Sex Ed 101 · 9 min read

Content note: anatomical illustration

The anatomy lesson you actually needed

Hide the illustrations

Placeholder

[Placeholder — content pending]

Educational content — not yet clinician-reviewed.

When to see someone

This is education, not diagnosis — I'm a sex educator, not a clinician, and nothing here can tell you what's happening in your own body. If something you've read is worrying you, please see a healthcare professional. You can also find help now.