/* Do Not Read web pages. No scripts, no analytics, no third-party requests. */
@font-face { font-family: "Caveat"; src: url("/fonts/Caveat-VariableFont_wght.ttf") format("truetype"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Patrick Hand"; src: url("/fonts/PatrickHand-Regular.ttf") format("truetype"); font-display: swap; }
:root { --desk: #E8DCC2; --paper: #FFFDF6; --rule: #CCDCF0; --margin: #EBA8A8; --ink: #1F3A93; --ink-dark: #14286B;
        --pink: #C2337F; --hl: #FFE45C; --text: #2B2B2B; --muted: #4A4030; --edge: #A89C80; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--desk); color: var(--text); font: 19px/1.5 "Patrick Hand", system-ui, sans-serif; }
main { max-width: 560px; margin: 0 auto; padding: 48px 20px 64px; }
h1, .hand { font-family: "Caveat", cursive; color: var(--ink); font-weight: 700; }
h1 { font-size: 52px; line-height: 1.05; margin: 0 0 8px; }
h2 { font-family: "Caveat", cursive; color: var(--ink); font-size: 32px; margin: 32px 0 4px; }
.paper { background-color: var(--paper);
         background-image: linear-gradient(90deg, transparent 38px, var(--margin) 38px, var(--margin) 40px, transparent 40px),
                           repeating-linear-gradient(180deg, transparent 0 31px, var(--rule) 31px 32px);
         border: 1px solid #CDBF9F; box-shadow: 0 3px 0 #CDBF9F; padding: 24px 24px 24px 60px; transform: rotate(-0.6deg); }
.button { display: inline-block; background: var(--ink); color: var(--paper); text-decoration: none; font-size: 22px;
          padding: 14px 28px; border-radius: 14px; box-shadow: 0 3px 0 var(--ink-dark); }
.button:focus-visible, a:focus-visible { outline: 3px solid var(--pink); outline-offset: 3px; }
a { color: var(--ink); }
.muted { color: var(--muted); }
.center { text-align: center; }
footer { margin-top: 48px; font-size: 16px; color: var(--muted); text-align: center; }