.route-card{width:100%;min-height:120px;border:none;border-radius:0;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:row}.route-card:hover{background-color:#0000000d;border-radius:var(--border-radius-md)}.route-image{position:relative;width:38.2%;align-self:stretch;flex-shrink:0;overflow:hidden}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--color-surface-alt, #f5f5f5);border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.route-info{flex:1;padding:var(--spacing-sm);position:relative}.route-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;overflow-wrap:break-word}.route-location{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px;line-height:1.4}.route-stats{display:flex;gap:var(--spacing-sm);margin-bottom:6px;flex-wrap:wrap}.stat{font-size:10px;color:var(--color-text-secondary);display:flex;align-items:center;gap:2px}.stat svg{width:10px;height:10px}.route-features{display:flex;gap:var(--spacing-xs);margin-bottom:6px;flex-wrap:wrap}.feature-tag{font-size:9px;padding:2px var(--spacing-xs);background:var(--color-surface-alt);color:var(--color-text-secondary);border-radius:var(--border-radius-sm);text-transform:capitalize}.route-updated{font-size:9px;color:var(--color-text-muted);margin-bottom:8px}.route-action-toolbar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.route-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-xs) * .8);padding:4px 14px;border-radius:999px;border:none;background:#f2f2f2;color:#111;font-size:calc(var(--font-size-sm) * .9);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;transition:background .2s ease,transform .2s ease}.route-action-btn:hover{background:#e4e4e4}.route-action-btn--primary{background:#111;color:#fff}.route-action-btn--primary:hover{background:#000}.route-action-btn:active{transform:translateY(1px)}.route-action-btn[aria-pressed=true]{background:#111;color:#fff}.route-action-btn[aria-pressed=true]:hover{background:#000}.route-card-skeleton{width:100%;min-height:120px;border:none;border-radius:0;overflow:hidden;display:flex;align-items:flex-start;background:var(--color-surface, #ffffff);padding:16px;gap:16px;border-bottom:1px solid var(--color-border, #e5e7eb)}.route-info-skeleton{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.route-stats-skeleton{display:flex;gap:12px;align-items:center;margin-bottom:4px}.route-image-skeleton{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden}@media (max-width: 768px){.route-card-skeleton{padding:12px;gap:12px}.route-image-skeleton{width:60px;height:60px}.route-stats-skeleton{gap:8px}}.pagination.svelte-45n1ja{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);border-top:var(--border-divider-hairline);background:var(--color-surface);flex-shrink:0}.pagination-btn.svelte-45n1ja{min-width:32px;height:32px;padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--border-radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-btn.svelte-45n1ja:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn.active.svelte-45n1ja{font-weight:800;border-color:#111}.pagination-btn.svelte-45n1ja:disabled{opacity:.4;cursor:not-allowed}