/* assets/css/style.css - minimal base */
:root{ --primary:#0d6efd; --bg:#fff; --text:#222; --muted:#777; }

body{ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; background:var(--bg); color:var(--text); }
.container{ max-width:1100px; margin:0 auto; padding:16px; }
.site-header{ background:#f8f9fa; border-bottom:1px solid #e9ecef; }
.site-header .container{ display:flex; align-items:center; justify-content:space-between; padding:12px 16px; }
.brand a{ font-weight:700; color:var(--primary); text-decoration:none; }
.main-nav a{ margin-left:12px; color:var(--text); text-decoration:none; }
.site-main{ padding:24px 16px; min-height:60vh; }
.site-footer{ background:#f1f1f1; padding:16px 0; margin-top:24px; text-align:center; color:var(--muted); }
.video-grid{ display:grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
.video-card{ border:1px solid #eaeaea; border-radius:6px; overflow:hidden; background:#fff; }
.video-card img{ width:100%; height:140px; object-fit:cover; display:block; }
.video-card .meta{ padding:8px; }
.badge{ display:inline-block; padding:4px 8px; border-radius:12px; background:#eee; font-size:12px; }