/* Consolidated minimal design system for index_default_parts */
:root{
  --wm-bg: #0b1220;           /* page background (dark) */
  --wm-bg-2: #0a0f1a;         /* gradient end */
  --wm-fg: #e5e7eb;           /* foreground text */
  --wm-muted: #9ca3af;        /* muted text */
  --wm-primary: #60a5fa;      /* primary accent */
  --wm-accent: #f59e0b;       /* accent */
  --wm-card: #0f172a;         /* card bg */
  --wm-border: #1e293b;       /* subtle border */
  --radius: 12px;
  --shadow: 0 10px 24px rgba(0,0,0,.35);
}

html, body { height: 100%; }
body {
  margin: 0;
  background: linear-gradient(180deg, var(--wm-bg) 0%, var(--wm-bg-2) 100%);
  color: var(--wm-fg);
  font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
}

.container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.card { background: var(--wm-card); border: 1px solid var(--wm-border); border-radius: var(--radius); box-shadow: var(--shadow); }
.btn { display: inline-flex; align-items: center; gap: .5rem; border: 1px solid var(--wm-border); background: #0b1220; color: var(--wm-fg); border-radius: 10px; padding: .5rem .75rem; text-decoration: none; }
.btn.primary { background: var(--wm-primary); color: #020617; border-color: transparent; }
.grid { display: grid; gap: 16px; }
@media (min-width: 640px){ .grid.cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 768px){ .grid.cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (min-width: 1024px){ .grid.cols-4 { grid-template-columns: repeat(4, minmax(0,1fr)); } }

/* Navbar base */
.navbar{ position:sticky; top:0; background:#0b1220; border-bottom:1px solid var(--wm-border); backdrop-filter: saturate(120%) blur(6px); }
.brand{ font-weight:700; color:var(--wm-primary); text-decoration:none; }
.nav{ display:flex; gap: 16px; align-items:center; }
.spacer{ flex:1; }

/* Breadcrumb */
.breadcrumb{ display:flex; flex-wrap:wrap; gap:8px; background:#0b1220; border:1px solid var(--wm-border); border-radius:10px; padding:8px 12px; margin:16px auto; max-width:1200px; }
.breadcrumb a{ color:#93c5fd; text-decoration:none; }
.breadcrumb a:hover{ text-decoration:underline; }
.breadcrumb .sep{ color:#64748b; }
.breadcrumb .current{ color:#9ca3af; }