:root { --ink: #2b1b3d; --cream: #fff8ec; --tang: #ff8f5c; }
* { box-sizing: border-box; }
body { margin: 0; background: #d8f4f2; color: var(--ink); font: 400 18px/1.5 ui-rounded, "Arial Rounded MT Bold", Nunito, "Trebuchet MS", "Segoe UI", system-ui, sans-serif; }
main { max-width: 700px; margin: 0 auto; padding: 20px 16px 40px; }
.sheet { background: var(--cream); border: 4px solid #fff; border-radius: 22px; padding: 18px 20px; box-shadow: 0 4px 14px rgba(43,27,61,.18); margin-bottom: 14px; }
h1 { font-size: 32px; line-height: 1.1; margin: 8px 0 12px; font-weight: 900; }
h2 { font-size: 22px; margin: 0 0 6px; font-weight: 900; }
p { margin: 8px 0; }
ul { margin: 8px 0; padding-left: 22px; }
li { margin: 4px 0; }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 10px 22px; border: 3px solid var(--ink); border-radius: 16px; background: var(--tang); color: var(--ink); font: inherit; font-weight: 900; cursor: pointer; text-decoration: none; }
.btn.alt { background: #fff; }
.btn:focus-visible { outline: 4px solid var(--ink); outline-offset: 3px; }
#erased { font-weight: 800; min-height: 1.5em; }
.cite { font-size: 15px; overflow-wrap: anywhere; }