:root { color: #2a241c; background: #f3eee4; font-family: Georgia, "Times New Roman", serif; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 40rem; margin: 0 auto; padding: 2rem 1.25rem 4rem; display: flex; flex-direction: column; gap: 1.5rem; }
h1 { font-size: 2rem; line-height: 1; margin: 0; }
h2 { font-size: 1.35rem; margin: 0; }
p, li, button, a, textarea, dt, dd { font-family: "Segoe UI", sans-serif; font-size: 1rem; }
.muted { color: #6f675c; }
.card { background: #fffaf3; border: 1px solid #ddd4c4; border-radius: 1rem; padding: 1.25rem; }
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1rem; }
dt { color: #6f675c; }
dd { margin: 0.25rem 0 0; font-weight: 600; }
button { height: 3.25rem; width: 100%; border-radius: 0.75rem; border: 1px solid #ddd4c4; background: #fffaf3; color: #2a241c; font-weight: 600; cursor: pointer; }
button.primary { background: #164e8a; color: #f4f8fc; border-color: #164e8a; }
button:disabled { opacity: 0.55; }
.stack { display: flex; flex-direction: column; gap: 0.75rem; }
a { color: #164e8a; }
ul { list-style: none; padding: 0; margin: 1rem 0 0; display: flex; flex-direction: column; gap: 0.7rem; }
textarea { width: 100%; height: 14rem; margin-top: 1rem; border-radius: 0.75rem; border: 1px solid #ddd4c4; background: #f3eee4; padding: 0.75rem; }
.break { overflow-wrap: anywhere; }