/* MINIMAL RESET */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* GLOBAL */
body { 
    font-family: system-ui, sans-serif; 
    line-height: 1.6; 
    color: #333;
    max-width: 800px;
    margin: 0 auto;
    padding: 1rem;
}

img { max-width: 100%; height: auto; }

a { color: #0066cc; text-decoration: none; }
a:hover { text-decoration: underline; }

/* HEADER */
header {
    border-bottom: 2px solid #eee;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

header h1 { font-size: 1.5rem; }

/* MAIN */
main { margin-bottom: 2rem; }

article { margin-bottom: 2rem; }

h1 { 
    font-size: 1.8rem; 
    margin-bottom: 0.5rem;
}

p { margin-bottom: 1rem; }

/* FOOTER */
footer {
    border-top: 2px solid #eee;
    padding-top: 1rem;
    text-align: center;
    font-size: 0.9rem;
    color: #666;
}