.post-card{display:flex;gap:1rem;background-color:#2a2a2a;border:1px solid #444;border-radius:12px;padding:1rem;transition:border-color .2s ease}.post-card:hover{border-color:#666}.card-image-link{flex-shrink:0}.card-image,.image-placeholder{width:80px;height:80px;object-fit:cover;border-radius:8px;background-color:#333;display:block}.card-content{display:flex;flex-direction:column;justify-content:center;gap:.25rem;min-width:0}.card-title-link{text-decoration:none}.card-title-link h2{font-size:1.1rem;margin:0 0 .25rem;color:#6bbf5b;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-title-link:hover h2{color:#9dd492}.card-content p{font-size:.85rem;color:#ccc;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-content time{font-size:.75rem;color:#aaa}.external-link-wrapper{margin-top:.5rem}.external-button{display:inline-block;background-color:#333;color:#6bbf5b;text-decoration:none;padding:.3rem .7rem;border-radius:6px;font-size:.8rem;font-weight:700;border:1px solid #555;transition:background-color .2s ease,color .2s ease}.external-button:hover{background-color:#6bbf5b;color:#121212}.posts-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.post-card{flex-direction:column;padding:0}.card-image,.image-placeholder{width:100%;height:auto;aspect-ratio:16/10;border-radius:12px 12px 0 0}.card-content{padding:1.25rem}.card-title-link h2{font-size:1.3rem;white-space:normal}.card-content p{font-size:.95rem}}.search-wrapper{display:flex;justify-content:center;width:100%;padding:1rem 0}.search-form{display:flex;align-items:center;width:100%;max-width:500px;background-color:#fff;border-radius:9999px;border:2px solid #6BBF5B;overflow:hidden;transition:box-shadow .2s ease}.search-form:focus-within{box-shadow:0 0 0 3px #6bbf5b80}.search-input{flex-grow:1;height:48px;padding:0 1.25rem;border:none;background:transparent;font-size:1rem;color:#333}.search-input:focus{outline:none}.search-button{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:60px;height:48px;background-color:#6bbf5b;border:none;cursor:pointer;color:#1e1e1e;transition:background-color .2s ease}.search-button:hover{background-color:#8ccd80}.search-wrapper--small{padding:2rem 0}.search-wrapper--small .search-form{max-width:400px;border-width:1px}.search-wrapper--small .search-input{height:40px;font-size:.9rem;padding:0 1rem}.search-wrapper--small .search-button{width:50px;height:40px;font-size:1.1rem}