/* style.css */ body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background-color: #fff; color: #000; line-height: 1.6; } header { padding: 30px 20px; text-align: center; border-bottom: 1px solid #e0e0e0; } header h1 { font-weight: 500; font-size: 2.5em; margin-bottom: 5px; } nav { text-align: center; margin-top: 10px; } nav a { margin: 0 12px; color: #000; text-decoration: none; font-weight: 500; font-size: 1em; } nav a:hover { text-decoration: underline; } .container { max-width: 800px; margin: auto; padding: 30px 20px; } .post { margin-bottom: 50px; } .post h2 { font-size: 2em; margin-bottom: 10px; } .post p.meta { color: #888; font-size: 0.9em; margin-bottom: 15px; } .post p { font-size: 1.1em; margin-bottom: 10px; } .cta { display: inline-block; margin-top: 10px; padding: 10px 20px; background-color: #000; color: #fff; text-decoration: none; border-radius: 6px; font-weight: 500; } .cta:hover { background-color: #333; } footer { text-align: center; padding: 40px 20px; border-top: 1px solid #e0e0e0; font-size: 0.9em; color: #666; }