:root { --sg-orange:#f97316; --sg-blue:#0b3b78; --muted:#6b7280; }
.sg-grid{ display:grid; grid-template-columns:280px 1fr; gap:28px; align-items:start; }
@media(max-width:900px){ .sg-grid{ grid-template-columns:1fr; } }
#sg-filters{ background:#fff;border:1px solid #eee;padding:18px;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,0.04); }
.sg-label{ font-size:13px;font-weight:600;color:#333;display:block;margin:10px 0 4px; }
.sg-input{ width:100%; padding:8px 10px; border:1px solid #ccc; border-radius:6px; font-size:14px; }
.sg-apply{ background:var(--sg-orange); color:#fff; border:none; padding:8px 14px; border-radius:6px; font-weight:600; margin-right:6px; cursor:pointer; }
.sg-reset{ background:#fff; color:var(--sg-orange); border:1px solid var(--sg-orange); padding:8px 14px; border-radius:6px; font-weight:600; cursor:pointer; }
.sg-results-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
@media(max-width:900px){ .sg-results-grid{ grid-template-columns:1fr; } }
.tutor-card-grid{ background:#fff;border:1px solid #f4efe9;border-radius:10px;box-shadow:0 6px 22px rgba(11,59,120,0.03);padding:12px; }