.post-container {
        max-width: 680px;  
        margin: 0 auto;    /* centers the block in the middle of the screen */
        padding: 0 24px;   /* breathing room on mobile screens */
    }

    
    .post-header { margin-top: 80px; margin-bottom: 40px; }
    
    .post-content { 
        font-family: 'Georgia', serif; 
        font-size: 1.125rem;           
        line-height: 1.6;             
        color: #333;                   
    }

     body {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        color: #111;
        line-height: 1.6;
        margin: 0;
        padding: 0;
        background-color: #fcfcfc;
    }

    .blog-container {
        max-width: 680px; 
        margin: 80px auto; 
        padding: 0 24px;
    }

    h1 {
        font-weight: 600;
        font-size: 2.2rem;
        letter-spacing: -0.02em;
        margin-bottom: 60px;
    }

    h3 {
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: #888;
        margin-top: 60px;
        margin-bottom: 24px;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
    }

    .entry-list {
        list-style: none;
        padding: 0;
    }

    .entry-item {
        display: flex;
        align-items: baseline;
        margin-bottom: 16px;
        padding: 4px 0;
    }

    .entry-date {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        font-size: 0.85rem;
        color: #999;
        width: 130px; 
        flex-shrink: 0;
    }

    .entry-link {
        font-weight: 400;
        color: #111;
        text-decoration: none;
        font-size: 1.05rem;
        transition: color 0.2s ease;
    }

    .entry-link:hover {
        color: #0066cc; 
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    .arrow {
        font-family: sans-serif;
        font-size: 0.7em;
        color: #ccc;
        margin-left: 6px;
        vertical-align: middle;
        position: relative;
        top: -1px;
    }