.current_date_time{display:flex;align-items:center;gap:24px;padding:10px 20px;background:var(--light-bg);border-radius:8px;box-shadow:var(--shadow-sm)}.date-wrapper,.time-wrapper{display:flex;align-items:center;gap:8px}.date-wrapper .material-symbols-outlined,.time-wrapper .material-symbols-outlined{font-size:20px;color:var(--blue-light)}#current-time{font-size:1.1rem;font-weight:600;color:var(--night-black)}#current-date{color:var(--gray-600);font-size:.95rem}@media (max-width:768px){.current_date_time{flex-direction:column;gap:12px;align-items:center}}.search-header-wrapper{padding:40px 0;margin-bottom:40px;color:var(--night-black)}.search-header{text-align:center}.search-title{margin-bottom:20px;font-size:2em}.search-title span{font-weight:700}.search-form-container{max-width:600px;margin:0 auto}.search-form{display:flex;gap:10px;background:#fff;padding:10px;border-radius:5px}.search-form input[type=search]{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.search-form button{background:var(--primary-color);border:none;padding:10px 20px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px}.search-count{margin-bottom:30px;color:#666;font-size:1.1em}.search-post{display:flex;gap:20px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee}.search-post .post-thumbnail{flex:0 0 300px}.search-post .post-thumbnail img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.search-post .post-content{flex:1}.search-post .post-title{margin:10px 0;font-size:1.5em}.search-post .post-excerpt{color:#666;margin-bottom:15px;line-height:1.6}.search-post .post-meta{display:flex;gap:20px;color:#888;font-size:.9em}.search-post .post-meta span{display:flex;align-items:center;gap:5px}.no-results{text-align:center;padding:40px 0}.no-results-content{margin-bottom:40px}.no-results-content .material-symbols-outlined{font-size:64px;color:var(--primary-color);margin-bottom:20px}.no-results h2{font-size:2em;margin-bottom:15px}.no-results p{color:#666;max-width:600px;margin:0 auto}.search-suggestions{margin-top:40px}.search-suggestions h3{margin-bottom:20px}.category-list{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.category-list li{list-style:none}.category-list a{display:inline-block;padding:8px 15px;background:#f5f5f5;border-radius:20px;color:#333;text-decoration:none;transition:all .3s ease}.category-list a:hover{background:var(--primary-color);color:#fff}.error-404-wrapper{padding:60px 0;text-align:center}.error-404-content{max-width:800px;margin:0 auto}.error-404-icon{margin-bottom:20px}.error-404-icon .material-symbols-outlined{font-size:80px;color:var(--primary-color)}.error-404-content h1{font-size:6em;color:var(--primary-color);margin-bottom:10px;line-height:1}.error-404-content h2{font-size:2em;margin-bottom:20px}.error-404-content p{color:#666;margin-bottom:30px;font-size:1.1em}.error-404-actions{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:40px;color:grey}.home-button{display:inline-flex;align-items:center;gap:8px;padding:12px 25px;background:var(--primary-color);color:inherit;text-decoration:none;border-radius:5px;transition:background .3s ease}.error-404-actions .material-symbols-outlined{color:grey}.home-button:hover{background:var(--primary-color-dark)}.suggested-content{margin-top:60px}.suggested-content h3{margin-bottom:30px;font-size:1.5em}.posts-grid{display:flex;flex-wrap:wrap}.post-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .3s ease}.post-card:hover{transform:translateY(-5px)}.post-card .post-thumbnail img{width:100%;height:180px;-o-object-fit:cover;object-fit:cover}.post-card .post-content{padding:20px}.post-card h4{margin-bottom:15px;font-size:1.1em;line-height:1.4}.post-card h4 a{color:#333;text-decoration:none}.post-card h4 a:hover{color:var(--primary-color)}.post-card .post-meta{color:#888;font-size:.9em;display:flex;align-items:center;gap:5px}@media (max-width:768px){.search-post{flex-direction:column}.search-post .post-thumbnail{flex:none}.error-404-content h1{font-size:4em}.error-404-content h2{font-size:1.5em}.posts-grid{grid-template-columns:1fr}}