200 }
201 th {
202 font-weight: 600;
203 }
204 .search-input {
205 width: 100%;
206 padding: 0.6rem 0.75rem;
207 font-size: 1rem;
208 border: 1px solid var(--border);
209 border-radius: 6px;
210 background: var(--bg);
211 color: var(--fg);
212 outline: none;
213 font-family: inherit;
214 }
215 .search-input:focus {
216 border-color: var(--accent);
217 }
218 .search-results {
219 margin-top: 1rem;
220 list-style: none;
221 margin-left: 0;
222 }
223 .search-results li {
224 padding: 0.75rem 0;
225 border-bottom: 1px solid var(--border);
226 }
227 .search-results .title {
228 font-weight: 600;
229 }
230 .search-results .body {
231 color: var(--muted);
232 font-size: 0.85rem;
233 margin-top: 0.25rem;
234 }
235 .search-meta {
236 color: var(--muted);
237 font-size: 0.85rem;
238 margin-top: 0.5rem;
239 }
240 footer {
241 margin-top: 3rem;
242 padding-top: 1rem;
243 border-top: 1px solid var(--border);