body { font-family: Arial, sans-serif; line-height: 1.8; font-size: 14px; color: #333; margin: 0; padding: 20px; } h1 { font-size: 28px; margin: 50px 0 30px 0; color: #111; border-bottom: 2px solid #ccc; padding-bottom: 10px; } h2 { font-size: 22px; margin: 40px 0 20px 0; color: #222; border-left: 5px solid #007BFF; padding-left: 10px; background: #f9f9f9; } h3 { font-size: 18px; margin: 30px 0 10...

/* ===== Base Typography ===== */ body { font-family: "Inter", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 16.5px; line-height: 1.8; color: #2b2b2b; background-color: #ffffff; margin: 0; padding: 0; } /* ===== Content Container ===== */ .article-container { max-width: 860px; margin: 0 auto; padding: 40px 24px; } /* ===== Headings ===== */ h1 { font-size: 34px; line-height: 1.3; font-...