/* Layout & Typography */
body {
    margin: 0 auto;
    max-width: 800px;
    padding: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    background-color: #fdfdfd;
    display: flex;
    gap: 40px;
}

h1, h2, h3 { color: #1e1e1e; font-weight: bold; }
h1 { border-bottom: 1px solid #bbb; padding-bottom: 10px; margin-bottom: 20px; }
h2 { font-size: 1.2rem; margin-top: 0; }
a { color: #df5628; text-decoration: none; font-weight: bold; }
a:hover { color: #b93c12; text-decoration: underline; }

/* Sections */
#content { flex: 3; }
#sidebar {
    flex: 1;
    background: #f0f0f0;
    padding: 20px;
    border-radius: 8px;
    height: fit-content;
}

/* Sidebar Components & Search Card */
.search-card {
    background: #fff;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    margin-bottom: 20px;
}
.search-card h3 { margin: 0 0 10px 0; font-size: 18px; border-bottom: 2px solid #f0f0f0; padding-bottom: 5px; }

/* Form Inputs */
#sidebar input[type="text"], 
#sidebar input[type="submit"] {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
#sidebar input[type="text"] { border: 1px solid #ccc; background: #f9f9f9; }
#sidebar input[type="text"]:focus { background: #fff; border-color: #5993bb; outline: none; }
#sidebar input[type="submit"] {
    background: #5993bb;
    color: white;
    border: none;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}
#sidebar input[type="submit"]:hover { background: #437295; }



/* Style for the list page thumbnails */
.post-img img {
    width: 100%;       /* Make image full width of the container */
    max-height: 300px; /* Limit height so it doesn't take too much space */
    object-fit: cover; /* Crop image nicely if it's too tall */
    border-radius: 8px;
    margin-bottom: 15px;
}

/* Style for the detail page main image */
.feature-img img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}