body { background: #eef6ff; font-family: Arial, sans-serif; }
.page { max-width: 760px; margin: 30px auto; }
h1 { color: #2563eb; font-size: 42px; }
h2 { color: #1f2937; }
.intro { font-size: 20px; }
.note { border-left: 5px solid #2563eb; padding-left: 12px; }
article { border: 3px solid #1f2937; padding: 16px; }
.card { margin: 18px 0; }
.external { background: #dcfce7; }
.internal { background: #ffedd5; }
.inline { background: #fce7f3; }
.term { background: #fef08a; }
.file-name { color: #7c3aed; font-weight: bold; }
.question { font-style: italic; }
.steps { background: #e0f2fe; padding: 16px; }
.example { background: #ffffff; padding: 12px; }
pre { white-space: pre-wrap; }
.turn-in { color: #b91c1c; font-weight: bold; }
.small { font-size: 14px; }
a { color: #2563eb; font-weight: bold; }