/* --- Global Reset & Typography --- */
body {
  margin: 0;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
  background-color: cyan;
  color: black; /* This sets the default text color to black */
}

/* --- Link Styling (CRITICAL: Forces links to be black) --- */
a {
  color: black !important; /* !important forces this over browser defaults */
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: #333333; 
  text-decoration: underline;
}

/* Specific rule: Underline ONLY the tutorial link */
a[href*="neocities.org/tutorials"] {
  text-decoration: underline;
}

/* --- Image Styling --- */
img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 20px;
  box-sizing: border-box; 
}

/* --- Mobile Specific Styles --- */
@media (max-width: 600px) {
  img {
    width: 80%; 
    margin: 0 auto 20px auto; 
  }
  
  p {
    margin-bottom: 12px;
  }
}