:root {
        --primary: #0b56a8;
        --secondary: #25ab5d;
        --dark: #222;
        --light: #f4f4f4;
        --white: #ffffff;
    }
    body {
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", Arial, sans-serif;
        line-height: 1.6;
        color: var(--dark);
        margin: 0;
        padding: 0;
        background: #f9f9f9;
    }
    #container { max-width: 1000px; margin: 0 auto; background: var(--white); }
    header { 
        padding: 60px 20px; 
        text-align: center; 
        background: url('/assets/20191013133829.jpg') no-repeat center center; 
        background-size: cover;
        color: var(--white);
        text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    }
    nav { background: var(--primary); display: flex; justify-content: center; flex-wrap: wrap; }
    nav a { color: var(--white); padding: 15px 20px; text-decoration: none; font-weight: bold; }
    nav a:hover { background: #08407d; }
    main { padding: 20px; }
    article { border-bottom: 1px solid #ddd; padding: 20px 0; }
    .entry-thumb { width: 100%; height: 200px; background: #eee; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; border-radius: 4px; overflow: hidden; }
    .entry-thumb img { width: 100%; height: 100%; object-fit: cover; }
    .date { color: #666; font-size: 0.9em; }
    h1.entry-title { margin: 10px 0; font-size: 1.5em; }
    .footer { text-align: center; padding: 40px; background: var(--dark); color: #fff; }
    
    @media (min-width: 768px) {
        .archive-entries { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        article { border: 1px solid #eee; padding: 15px; border-radius: 8px; }
    }