body { margin: 10px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; max-width: 600px; margin-left: auto; margin-right: auto; }
h2 { margin-block: 0 0.3em; font-size: 24px; }
p { padding: 1rem; background: #f6f8fa; border: 1px solid #e5e7eb; border-radius: 8px; white-space: pre-wrap; }
p, li { font-size: 18px; line-height: 1.25; margin: 0 0 0 0;}
ul { margin-block: 0; list-style-type: square; padding-left: 20px; }

@media (max-width: 480px) { 
   body { margin: 5px; }
   h2{ font-size: 22px; text-align: center; }
   li, p { font-size: 14px; }
}    
.muted { color: #6b7280; }