/* Compact overrides. Load AFTER style.css on both index.html and admin/index.html.
   Only sizes and spacing are changed, so your colours and fonts stay the same. */

.wrap { padding-top: 16px; padding-bottom: 20px; }

.search-card { padding: 16px 18px; border-radius: 14px; }
.search-header { gap: 8px; }
.search-header h2 { font-size: 1.15rem; margin: 0; }
.search-header i { font-size: 1.1rem; }
.sub { font-size: .85rem; margin: 4px 0 12px; }

.field label { font-size: .75rem; margin-bottom: 4px; }
.field select, .field input { height: 36px; padding: 0 10px; font-size: .85rem; border-radius: 8px; }

.btn-search, .btn-reset { height: 36px; padding: 0 16px; font-size: .85rem; border-radius: 8px; }

.count { font-size: .85rem; margin: 12px 0 8px; }

.results { gap: 12px; }
.tutor { padding: 14px; border-radius: 12px; }
.tutor h2 { font-size: 1rem; margin: 0; }
.tutor .qual { font-size: .8rem; margin: 0; }
.tutor .avatar { width: 38px; height: 38px; font-size: .85rem; }
.tutor dl { font-size: .82rem; }
.tutor .bio { font-size: .82rem; }