/* Global Typography & Layout */
    .blog-container {
        max-width: 1000px;
        margin: 0 auto;
        font-family: Arial, Helvetica, sans-serif;
        color: #333;
        line-height: 1.6;
        font-size: 16px; 
    }
    .blog-container h1, .blog-container h2, .blog-container h3, .blog-container h4 {
        color: #2c3e50;
        margin-top: 1.2em;
        margin-bottom: 0.5em;
        font-weight: 700;
        line-height: 1.3;
    }
    .blog-container h2 { font-size: 20px; border-bottom: 2px solid #eee; padding-bottom: 5px; }
    .blog-container h3 { font-size: 18px; }
    .blog-container h4 { font-size: 17px; font-style: italic; }
    .blog-container a { color: #0056b3; text-decoration: underline; }
    .blog-container a:hover { color: #003d82; }
    .blog-container ul, .blog-container ol { margin-bottom: 1em; padding-left: 20px; }
    .blog-container li { margin-bottom: 0.5em; }
    .tech-table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 15px; }
    .tech-table th, .tech-table td { border: 1px solid #ddd; padding: 10px; text-align: center; }
    .tech-table th { background-color: #f4f4f4; font-weight: bold; }
    .tech-table tr:nth-child(even) { background-color: #f9f9f9; }
    .blog-img { max-width: 100%; height: auto; display: block; margin: 20px auto; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
    .alert-box { background-color: #fff3cd; border-left: 5px solid #ffc107; padding: 15px; margin: 15px 0; font-size: 15px; }
    .quote-box { background-color: #f8f9fa; border-left: 5px solid #0056b3; padding: 15px; font-style: italic; margin: 15px 0; }
    @media (max-width: 600px) {
        .blog-container { padding: 10px; font-size: 16px; }
        .tech-table { font-size: 13px; }
        .tech-table th, .tech-table td { padding: 5px; }
    }